chore: update

Author: hhstore

packages/v2/.vitepress/theme/Layout.vue

@@ -5,6 +5,7 @@ import { inBrowser, useData } from 'vitepress'
 import { watchEffect } from 'vue'
 import { darkTheme, lightTheme } from 'naive-ui'
 import { useQuasar } from 'quasar'
+import { useI18n } from 'vue-i18n'
 
 // const isDark = ref(false)
 // isDark.value = useColorMode().value === 'dark';
@@ -16,16 +17,27 @@ import { useQuasar } from 'quasar'
 const { isDark } = useData()
 const { lang } = useData()
 const $q = useQuasar()
+const { locale } = useI18n({ useScope: 'global' })
 
 watchEffect(() => {
   //
-  // todo x: fix: dark mode change
+  // todo x: fix for quasar, dark mode change
   //
   $q.dark.set(isDark.value)
 
+  //
+  // todo x: fix i18n for quasar, need update locale
+  //
+  locale.value = lang.value
+  // console.log('lang: ', lang.value)
+  console.log('update i18n locale: ', locale.value)
+
   if (inBrowser) {
     document.cookie = `nf_lang=${lang.value}; expires=Mon, 1 Jan 2050 00:00:00 UTC; path=/`
   }
+
+  // change language
+  document.documentElement.lang = lang.value
 })
 </script>
 

packages/v2/.vitepress/theme/index.ts

@@ -31,6 +31,8 @@ import {
 } from 'quasar' // Import icon libraries
 import '@quasar/extras/material-icons/material-icons.css' // Import Quasar css
 import 'quasar/src/css/index.sass'
+import { createI18n } from 'vue-i18n'
+import messages from '../../src/i18n'
 
 export default {
   extends: DefaultTheme,
@@ -85,5 +87,16 @@ export default {
         },
       }
     )
+
+    //
+    // i18n
+    //
+    const i18n = createI18n({
+      locale: 'en-US',
+      fallbackLocale: 'en-US',
+      legacy: false,
+      messages,
+    })
+    app.use(i18n)
   },
 } satisfies Theme

packages/v2/readme.md

@@ -9,6 +9,7 @@
 - ✅ 集成 [naive-ui](https://www.naiveui.com/), 并修复了`主题(明/暗)`切换
 - ✅ 集成 [quasar](https://quasar.dev/), 参考文档: [vite-plugin](https://quasar.dev/start/vite-plugin/)
   - 修复了`主题(明/暗)`切换
+  - 修复 `i18n` 不生效问题, 在 `Layout.vue` 中更新`i18n`设置
   - 修复无法`自动导入组件(找不到组件)`, 参见: [.vitepress/theme/index.ts](./.vitepress/theme/index.ts)
 - ✅ 集成 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components)
 - ✅ 集成 [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import)

packages/v2/src/boot/.gitkeep

@@ -1,11 +1,16 @@
-import enUS from './en-US';
-import zhCN from './zh-CN';
-import ja from './ja';
-import de from './de';
+import enUS from './en-US'
+import zhCN from './zh-CN'
+import ja from './ja'
+import de from './de'
 
+//
+// todo x: Layout.vue, fix i18n
+//
 export default {
   'en-US': enUS,
   'zh-CN': zhCN,
-  'ja': ja,
-  'de': de,
-};
+  'zh-Hans': zhCN,
+  zh: zhCN,
+  ja: ja,
+  de: de,
+}

packages/v2/src/boot/axios.ts

@@ -44,6 +44,9 @@
         <q-tab-panel name="desc">
           <n-gradient-text type="warning">
             <n-ellipsis expand-trigger="click" line-clamp="13">
+              {{ $t('app.copyright') }} <br />
+              {{ $t('app.type') }} <br />
+
               电灯熄灭 物换星移 泥牛入海<br />
               黑暗好像 一颗巨石 按在胸口<br />
               黑暗好像 一颗巨石 按在胸口<br />

packages/v2/src/boot/i18n.ts

@@ -2,15 +2,39 @@
 layout: home
 ---
 
-
-
-
-
 # Geek Wallet
 
-## 简介
+## 概览
 
 - 一个很棒的钱包应用
 - 跨平台(mac、windows、linux)
 - 支持多链
-- 支持多语言
+- 支持多语言
+
+<product-page/>
+
+## 下载
+
+<w-download></w-download>
+
+## 价格
+
+<w-pricing></w-pricing>
+
+## 密钥
+
+<w-license></w-license>
+
+## 帮助
+
+<w-help></w-help>
+
+
+<script setup>
+// prettier-ignore
+import ProductPage from "../../pages/ProductPage.vue";
+import WDownload from "../../components/WDownload.vue";
+import WPricing from "../../components/WPricing.vue";
+import WLicense from "../../components/WLicense.vue";
+import WHelp from "../../components/WHelp.vue";
+</script>