新增docsAsideleftTop组件

app/components/docs/DocsAsideLeftTop.vue

@@ -1,19 +1,99 @@
 <script setup lang="ts">
 import type { NavigationMenuItem } from '@nuxt/ui'
 const route = useRoute()
-const items = computed<NavigationMenuItem[]>(() => [{
-  label: 'Docs',
-  to: '/getting-started',
-  icon: 'i-lucide-book-open',
-  active: route.path.startsWith('/getting-started')
-}, {
-  label: 'essentials',
-  to: '/essentials',
-  icon: 'i-lucide-box',
-  active: route.path.startsWith('/1.essentials')
-}, ])
+const items = ref<NavigationMenuItem[][]>([
+  [
+    {
+      label: 'Guide',
+      icon: 'i-lucide-book-open',
+    },
+    {
+      label: 'Composables',
+      icon: 'i-lucide-database',
+      children: [
+        {
+          label: 'defineShortcuts',
+          icon: 'i-lucide-file-text',
+          description: 'Define shortcuts for your application.',
+          to: '/composables/define-shortcuts'
+        },
+        {
+          label: 'useOverlay',
+          icon: 'i-lucide-file-text',
+          description: 'Display a modal/slideover within your application.',
+          to: '/composables/use-overlay'
+        },
+        {
+          label: 'useToast',
+          icon: 'i-lucide-file-text',
+          description: 'Display a toast within your application.',
+          to: '/composables/use-toast'
+        }
+      ]
+    },
+    {
+      label: 'Components',
+      icon: 'i-lucide-box',
+      to: '/components',
+      active: true,
+      children: [
+        {
+          label: 'Link',
+          icon: 'i-lucide-file-text',
+          description: 'Use NuxtLink with superpowers.',
+          to: '/components/link'
+        },
+        {
+          label: 'Modal',
+          icon: 'i-lucide-file-text',
+          description: 'Display a modal within your application.',
+          to: '/components/modal'
+        },
+        {
+          label: 'NavigationMenu',
+          icon: 'i-lucide-file-text',
+          description: 'Display a list of links.',
+          to: '/components/navigation-menu'
+        },
+        {
+          label: 'Pagination',
+          icon: 'i-lucide-file-text',
+          description: 'Display a list of pages.',
+          to: '/components/pagination'
+        },
+        {
+          label: 'Popover',
+          icon: 'i-lucide-file-text',
+          description: 'Display a non-modal dialog that floats around a trigger element.',
+          to: '/components/popover'
+        },
+        {
+          label: 'Progress',
+          icon: 'i-lucide-file-text',
+          description: 'Show a horizontal bar to indicate task progression.',
+          to: '/components/progress'
+        }
+      ]
+    }
+  ],
+  [
+    {
+      label: 'GitHub',
+      icon: 'i-simple-icons-github',
+      badge: '3.8k',
+      to: 'https://github.com/nuxt/ui',
+      target: '_blank',
+    },
+    {
+      label: 'Help',
+      icon: 'i-lucide-circle-help',
+      badge: '3.8k',
+      disabled: true
+    }
+  ]
+])
 </script>
 
 <template>
-  <UNavigationMenu orientation="vertical" :items="items" class="data-[orientation=vertical]:w-64" />
+  <UNavigationMenu orientation="vertical" :items="items" class="w-full justify-center" color="primary" />
 </template>