修改移动端侧边导航栏

app/components/AppSidebar.vue

@@ -42,7 +42,7 @@
 
       <!-- 总目录及展示页导航 -->
       <div class="flex items-center px-8 p-1">
-        <ContentDirectory />
+        <DocsAsideLeftTop />
       </div>
 
       <!-- 分隔线 -->
@@ -59,30 +59,6 @@
 <script setup lang="ts">
 import type { ContentNavigationItem } from "@nuxt/content";
 const { header } = useAppConfig();
-// const searchQuery = ref("");
-
-// 折叠状态管理
-// const expandedGroups = ref<Set<string>>(new Set())
-
-// 切换分组展开状态
-// const toggleGroup = (groupPath: string) => {
-//   if (expandedGroups.value.has(groupPath)) {
-//     expandedGroups.value.delete(groupPath)
-//   } else {
-//     expandedGroups.value.add(groupPath)
-//   }
-// }
-
-// 检查分组是否展开
-// const isGroupExpanded = (groupPath: string) => {
-//   return expandedGroups.value.has(groupPath)
-// }
-
-// // 使用官方的 queryCollectionNavigation 方法获取导航数据
-// const { data: navigation, pending, error, refresh } = await useAsyncData('content-navigation', () => {
-//   return queryCollectionNavigation('docs', ['description'])
-// })
-
 const navigation = inject<Ref<ContentNavigationItem[]>>("navigation");
 
 // const handleSearch = () => {