feat(docs): check browser language

docs/.vitepress/config/index.ts

@@ -1,14 +1,8 @@
 import { defineConfig } from 'vitepress'
 import { sharedConfig } from './shared'
-import { enConfig } from "./en"
-import { zhCNConfig } from "./zh_CN"
-import { zhTWConfig } from "./zh_TW";
+import locales from './locales'
 
 export default defineConfig({
     ...sharedConfig,
-    locales: {
-        root: { label: 'English', lang: 'en', ...enConfig },
-        zh_CN: { label: '简体中文', lang: 'zh-CN', ...zhCNConfig },
-        zh_TW: { label: '繁體中文', lang: 'zh-TW', ...zhTWConfig }
-    }
+    locales
 })

docs/.vitepress/config/locales.ts

@@ -0,0 +1,11 @@
+import {enConfig} from './en'
+import {zhCNConfig} from './zh_CN'
+import {zhTWConfig} from './zh_TW'
+
+const locales = {
+  root: { label: 'English', lang: 'en', ...enConfig },
+  'zh_CN': { label: '简体中文', lang: 'zh-CN', ...zhCNConfig },
+  'zh_TW': { label: '繁體中文', lang: 'zh-TW', ...zhTWConfig }
+}
+
+export default locales

docs/.vitepress/config/zh_TW.ts

@@ -73,7 +73,7 @@ export const zhTWConfig: LocaleSpecificConfig<DefaultTheme.Config> = {
       provider: 'local',
       options: {
         locales: {
-          zh_CN: {
+          zh_TW: {
             translations: {
               button: {
                 buttonText: '搜尋文件',

docs/.vitepress/theme/Layout.vue

@@ -1,10 +1,32 @@
 <script setup>
 import DefaultTheme from 'vitepress/theme'
-const { Layout } = DefaultTheme
+import {useData, useRoute, useRouter} from 'vitepress'
+import {onMounted} from 'vue'
+import locales from '../config/locales'
+
+const {Layout} = DefaultTheme
+
+const {lang} = useData()
+
+const route = useRoute()
+const router = useRouter()
+
+onMounted(async () => {
+  const language = (
+    navigator.language
+  ).replaceAll('-', '_')
+
+  if (lang.value === 'en'
+    && locales[language]
+    && !route.path.includes(language)
+  ) {
+    await router.go(language + '/' + route.path)
+  }
+})
 </script>
 
 <template>
-    <Layout />
+  <Layout/>
 </template>
 
 <style scoped lang="less">