<template>
  <el-aside>
    <el-menu :default-active="$route.path" :router="true">
      <template v-for="(rt, key) in $options.ROUTES">
        <el-menu-item :route="{ path: rt.path }" :key="key" :index="rt.path">
          <i class="el-icon-menu"></i>
          <template #title>
            <span>{{ $t(rt.label) }}</span>
          </template>
        </el-menu-item>
      </template>
    </el-menu>
  </el-aside>
</template>

<script>
export default {
  name: 'VSidebarNavigation',
  ROUTES: [
    {
      path: '/',
      label: 'sidebar.home_page'
    },
    {
      path: '/unit/create',
      label: 'sidebar.create_unit'
    }
  ]
}
</script>

<style scoped>

</style>
