<template>
  <div class="top-menu-container flex align-center h-full">
    <MenuItem
      :menu="menu"
      v-for="(menu, index) in topMenuList"
      :key="index"
    >
    </MenuItem>
  </div>
</template>
<script setup lang="ts">
import { getChildRouteListByPathAndName } from '@/router'
import MenuItem from './MenuItem.vue'

const topMenuList = computed(() => {
  return getChildRouteListByPathAndName('/', 'home')
});
</script>