From 80bb37962a6d39c17f9fbc3b8c694ef7449a52a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B1=B1=E4=B8=8B=20=E6=B8=85=E5=8F=B2?=
 <yamashita.kiyoshi@raccoon.ne.jp>
Date: Sat, 11 Dec 2021 15:26:53 +0900
Subject: [PATCH] fix(): localize 404 page fix #1987

---
 .../@vuepress/theme-default/layouts/404.vue   | 42 ++++++++++++-------
 1 file changed, 28 insertions(+), 14 deletions(-)

diff --git a/packages/@vuepress/theme-default/layouts/404.vue b/packages/@vuepress/theme-default/layouts/404.vue
index 2cbfa0f179..80c652a942 100644
--- a/packages/@vuepress/theme-default/layouts/404.vue
+++ b/packages/@vuepress/theme-default/layouts/404.vue
@@ -5,26 +5,40 @@
 
       <blockquote>{{ getMsg() }}</blockquote>
 
-      <RouterLink to="/">
-        Take me home.
-      </RouterLink>
+      <RouterLink to="/"> Take me home. </RouterLink>
     </div>
   </div>
 </template>
 
 <script>
-const msgs = [
-  `There's nothing here.`,
-  `How did we get here?`,
-  `That's a Four-Oh-Four.`,
-  `Looks like we've got some broken links.`
-]
+const msgs = {
+  en: [
+    `There's nothing here.`,
+    `How did we get here?`,
+    `That's a Four-Oh-Four.`,
+    `Looks like we've got some broken links.`,
+  ],
+  zh: [
+    `这里什么都没有。`,
+    `我们是如何来到这里的？`,
+    `那是一个4-0-4。`,
+    `看起来我们有一些破碎的链接。`,
+  ],
+};
 
 export default {
   methods: {
-    getMsg () {
-      return msgs[Math.floor(Math.random() * msgs.length)]
-    }
-  }
-}
+    getMsg() {
+      const localMsgs = this.localizeMsgs();
+      return localMsgs[Math.floor(Math.random() * localMsgs.length)];
+    },
+    localizeMsgs() {
+      const routesFirstPath = this.$route.path.match("\/.+?\/");
+      if (routesFirstPath != null && routesFirstPath[0] === "/zh/") {
+        return msgs.zh;
+      }
+      return msgs.en;
+    },
+  },
+};
 </script>