<script setup lang="ts">
import type { NavigationMenuItem } from '@nuxt/ui'

const items = ref<NavigationMenuItem[][]>([
  [
    {
      label: '稷维科技',
      icon: 'lucide-globe',
      to: 'https://www.xajiwei.com',
      target: '_blank'

    },

    {
      label: '博客',
      icon: 'lucide-pen-line',
      to: '/blog'
    },

    {
      label: '简单文档',
      icon: 'lucide-book',
      to: '/docs'
    },

    {
      label: '组件速查',
      icon: 'lucide-box',
      to: '/docs/简单文档/components/api'
    },
    {
      label: '关于',
      icon: 'lucide-info',
      to: '/docs/about'
    }

  ]
  // [
  //   {
  //     label: 'GitHub',
  //     icon: 'simple-icons-github',
  //     badge: '3.8k',
  //     to: 'https://github.com/nuxt/ui',
  //     target: '_blank',
  //   },
  //   {
  //     label: 'Help',
  //     icon: 'lucide-circle-help',
  //     badge: '3.8k',
  //     disabled: true
  //   }
  // ]
])
</script>

<template>
  <UNavigationMenu
    orientation="vertical"
    :items="items"
    class="w-full justify-center"
    color="primary"
  />
</template>
