修复所有vue vite警告

app/components/AppHeader.vue

@@ -35,11 +35,12 @@ const handleLoginRegister = (type: "login" | "register") => {
   <UHeader toggle-side="left" title="Estel Docs" mode="modal">
 
     <template #title>
-      <LogoPro class="h-5 w-auto" />
+      <h6></h6>
     </template>
     
     
     <template #body>
+      <LogoPro class="h-5 w-auto mb-4" />
       <DocsAsideLeftTop />
       <div class="mt-4 mb-4 border-t border-gray-200 dark:border-gray-700 w-9/10 mx-5" />
       <UContentNavigation highlight :navigation="navigation" color="primary" type="single" variant="pill" />

app/components/AppSidebar.vue

@@ -1,18 +1,12 @@
 <template>
+  <UPage>
     <div
-    class="w-64 bg-white dark:bg-gray-900 flex flex-col h-screen border-r border-gray-200 dark:border-gray-700 overflow-hidden">
-    <!--  Logo  -->
+      class="w-64 bg-white dark:bg-gray-900 
+      flex flex-col h-screen border-r border-gray-200 dark:border-gray-700 
+      overflow-hidden">
       <div class="flex-shrink-0 p-4 border-gray-200 dark:border-gray-700">
-      <!-- Logo and Site Name -->
-      <div class="h-8">
-        <NuxtLink to="/" class="flex items-center space-x-3">
-          <div class="w-8 h-8 bg-primary rounded-xl flex items-center justify-center shadow-md">
-            <span class="text-white font-bold text-lg">E</span>
-          </div>
-          <span class="text-lg font-bold text-gray-800 dark:text-white">简单文档</span>
-          <TemplateMenu />
-        </NuxtLink>
-      </div>
+        <!-- Logo -->
+        <LogoPro />
       </div>
 
       <!-- Search Box -->
@@ -52,20 +46,10 @@
         </div>
       </div>
     </div>
+  </UPage>
 </template>
 
 <script setup lang="ts">
 import type { ContentNavigationItem } from "@nuxt/content";
-const { header } = useAppConfig();
 const navigation = inject<Ref<ContentNavigationItem[]>>("navigation");
-
-// const handleSearch = () => {
-//   // 搜索功能将在后续实现
-//   console.log("Searching for:", searchQuery.value);
-// };
-
-// 调试信息
-// console.log('AppSidebar: Navigation data:', navigation.value)
-// console.log('AppSidebar: Pending:', pending.value)
-// console.log('AppSidebar: Error:', error.value)
 </script>

app/components/LogoPro.vue

@@ -1,3 +1,11 @@
 <template>
-  <UIcon name="i-lucide-home" />
+  <div class="h-8">
+    <NuxtLink to="/" class="flex items-center space-x-3">
+      <div class="w-8 h-8 bg-primary rounded-xl flex items-center justify-center shadow-md">
+        <span class="text-white font-bold text-lg">E</span>
+      </div>
+      <span class="text-lg font-bold text-gray-800 dark:text-white">简单文档</span>
+      <TemplateMenu />
+    </NuxtLink>
+  </div>
 </template>

app/layouts/default.vue

@@ -17,7 +17,6 @@
     <div class="flex-1 lg:ml-64 flex flex-col min-w-0">
       <!-- Fixed Header -->
       <AppHeader 
-        class="fixed top-0 right-0 left-0 lg:left-64 z-30 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700" 
         :is-sidebar-open="isSidebarOpen"
         :toggle-sidebar="toggleSidebar"
       />