From 03a1e007072e8c1c6a2b9612e8c9f1d19cafb7a2 Mon Sep 17 00:00:00 2001
From: huan_kong <49610758+huankong233@users.noreply.github.com>
Date: Thu, 29 Jun 2023 21:57:30 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A9404=E9=A1=B5=E9=9D=A2=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E6=B7=B1=E8=89=B2=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../theme/src/client/layouts/NotFound.vue     | 49 +++++++++++--------
 1 file changed, 28 insertions(+), 21 deletions(-)

diff --git a/packages/theme/src/client/layouts/NotFound.vue b/packages/theme/src/client/layouts/NotFound.vue
index 8310d3f7..f2540f7b 100644
--- a/packages/theme/src/client/layouts/NotFound.vue
+++ b/packages/theme/src/client/layouts/NotFound.vue
@@ -1,36 +1,43 @@
 <script setup lang="ts">
+import LayoutContent from '../components/LayoutContent.vue'
+import Nav from '../components/Nav/index.vue'
 import { withBase } from '@vuepress/client'
+
 import { ref } from 'vue'
-
-// const site = useSiteLocaleData()
-
 const root = ref('/')
-// onMounted(() => {
-//   const path = window.location.pathname
-//     .replace(site.value.base, '')
-//     .replace(/(^.*?\/).*$/, '/$1')
-// })
+
 </script>
 
 <template>
-  <div class="not-found">
-    <p class="code">404</p>
-    <h1 class="title">PAGE NOT FOUND</h1>
-    <div class="divider" />
-    <blockquote class="quote">
-      But if you don't change your direction, and if you keep looking, you may
-      end up where you are heading.
-    </blockquote>
+  <div class="theme-plume">
+    <Nav />
+    <LayoutContent>
+      <div class="not-found">
+        <p class="code">404</p>
+        <h1 class="title">PAGE NOT FOUND</h1>
+        <div class="divider" />
+        <blockquote class="quote">
+          But if you don't change your direction, and if you keep looking, you may
+          end up where you are heading.
+        </blockquote>
 
-    <div class="action">
-      <a class="link" :href="withBase(root)" aria-label="go to home">
-        Take me home
-      </a>
-    </div>
+        <div class="action">
+          <a class="link" :href="withBase(root)" aria-label="go to home">
+            Take me home
+          </a>
+        </div>
+      </div>
+    </LayoutContent>
   </div>
 </template>
 
 <style scoped>
+.theme-plume {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
 .not-found {
   padding: 64px 24px 96px;
   text-align: center;