<script setup lang="ts">

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


const route = useRoute()
</script>

<template>
  <div class="w-full h-full">
    <t-head-menu :value="route.name" theme="light" >
      <template #logo>
        <AppLogo></AppLogo>
      </template>
      <template v-for="route in asyncRoutes" :key="route.name">
        <t-menu-item v-if="route.meta && !route.meta.hiddenInMenu" :value="route.name"   :to="{name: route.name}">{{ route!.meta!.title }}</t-menu-item>
      </template>
      <template #operations>
        <UserArea></UserArea>
      </template>
    </t-head-menu>
  </div>
</template>

<style scoped>

</style>
