完成布局

app/error.vue

@@ -1,42 +1,57 @@
 <script setup lang="ts">
-import type { NuxtError } from '#app'
+import type { NuxtError } from "#app";
+
+definePageMeta({
+  layout: "default",
+});
 
 defineProps<{
-  error: NuxtError
-}>()
+  error: NuxtError;
+}>();
 
 useHead({
   htmlAttrs: {
-    lang: 'en'
-  }
-})
+    lang: "zh-CN",
+  },
+});
 
 useSeoMeta({
-  title: 'Page not found',
-  description: 'We are sorry but this page could not be found.'
-})
+  title: "Page not found",
+  description: "We are sorry but this page could not be found.",
+});
 
-const { data: navigation } = await useAsyncData('navigation', () => queryCollectionNavigation('docs'))
-const { data: files } = useLazyAsyncData('search', () => queryCollectionSearchSections('docs'), {
-  server: false
-})
+const { data: navigation } = await useAsyncData("navigation", () =>
+  queryCollectionNavigation("docs"),
+);
+const { data: files } = useLazyAsyncData(
+  "search",
+  () => queryCollectionSearchSections("docs"),
+  {
+    server: false,
+  },
+);
 
-provide('navigation', navigation)
+provide("navigation", navigation);
 </script>
 
 <template>
   <UApp>
     <AppHeader />
 
-    <UError :error="error" />
+    <UError
+      :error="error"
+      :clear="{
+        size: 'xl',
+        icon: 'i-lucide-arrow-left',
+        class: 'rounded-full',
+      }"
+      redirect="/"
+    />
 
     <AppFooter />
 
     <ClientOnly>
-      <LazyUContentSearch
-        :files="files"
-        :navigation="navigation"
-      />
+      <LazyUContentSearch :files="files" :navigation="navigation" />
     </ClientOnly>
   </UApp>
 </template>