<script setup lang="ts">

import AppLogo from '@/layouts/components/AppLogo.vue'
import MenuItem from '@/layouts/components/MenuItem.vue'
import { asyncRoutes } from '@/router'
import { useRoute } from 'vue-router'

const route = useRoute()
</script>

<template>
  <TAside>
    <TMenu :value="route.name">
      <template #logo>
        <AppLogo></AppLogo>
      </template>
      <MenuItem v-for="menu in asyncRoutes" :key="menu.name" :data="menu"></MenuItem>
    </TMenu>
  </TAside>
</template>

<style scoped>
:global(.t-default-menu__inner .t-menu__logo:not(:empty))  {
  border-bottom: none;
}
</style>
