修改移动端侧边导航栏

app/components/AppHeader.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
-import type { NavigationMenuItem } from '@nuxt/ui'
+// import type { NavigationMenuItem } from '@nuxt/ui'
+import type { ContentNavigationItem } from "@nuxt/content";
+const navigation = inject<Ref<ContentNavigationItem[]>>("navigation");
 
 const isSettingsOpen = ref(false);
 const isLoginModalOpen = ref(false);
@@ -36,10 +38,11 @@ const handleLoginRegister = (type: "login" | "register") => {
       <LogoPro class="h-5 w-auto" />
     </template>
     
-    <UNavigationMenu :items="items" />
+    
     <template #body>
-      <UNavigationMenu :items="items" orientation="vertical" class="-mx-2.5" />
-      <ContentDirectory />
+      <DocsAsideLeftTop />
+      <div>-----</div>
+      <UContentNavigation highlight :navigation="navigation" color="primary" type="single" variant="pill" />
     </template>
 
     <template #right>
@@ -83,7 +86,7 @@ const handleLoginRegister = (type: "login" | "register") => {
 
   <!-- Theme Settings Panel -->
   <ThemeSettings :is-open="isSettingsOpen" @close="isSettingsOpen = false" />
-  
+
   <!-- 登录模态框 -->
   <UModal v-model:open="isLoginModalOpen" title="登录" :dismissible="false">
     <template #body>