feat: add i18n locale support

Author: orangelckc

.eslintrc-auto-import.json

@@ -48,6 +48,7 @@
     "h": true,
     "hideWindow": true,
     "hotkeys": true,
+    "i18n": true,
     "initSQL": true,
     "inject": true,
     "insertSQL": true,
@@ -112,6 +113,7 @@
     "useCssModule": true,
     "useCssVars": true,
     "useDisableShortcuts": true,
+    "useI18n": true,
     "useInit": true,
     "useModalStyle": true,
     "useObserverLink": true,

package.json

@@ -37,7 +37,8 @@
     "tauri-plugin-autostart-api": "https://github.com/tauri-apps/tauri-plugin-autostart",
     "tauri-plugin-sql-api": "https://github.com/tauri-apps/tauri-plugin-sql",
     "tauri-plugin-store-api": "https://github.com/tauri-apps/tauri-plugin-store",
-    "vue": "^3.2.45"
+    "vue": "^3.2.45",
+    "vue-i18n": "^9.2.2"
   },
   "devDependencies": {
     "@arco-design/web-vue": "^2.44.1",
@@ -71,6 +72,7 @@
     "unplugin-vue-components": "^0.24.1",
     "vite": "^4.0.0",
     "vite-plugin-top-level-await": "^1.3.0",
+    "@intlify/unplugin-vue-i18n": "^0.10.0",
     "vue-tsc": "^1.0.11"
   }
-}
+}

pnpm-lock.yaml

@@ -1,18 +1,11 @@
 <script setup lang="ts">
-import { invoke } from '@tauri-apps/api/tauri'
 const { isFix } = storeToRefs(useSettingsStore())
 
 const { windowClass } = useInit()
 
 const handleDoubleClick = () => {
   isFix.value = !isFix.value
 }
-
-onMounted(async () => {
-  const lang = await invoke('get_user_language')
-
-  // console.warn('lang', lang)
-})
 </script>
 
 <template>

src/App.vue

@@ -64,7 +64,11 @@ onMounted(() => {
         ref="textAreaElement"
         class="bordered bg-transparent!"
         :class="!textAreaValue && 'rounded-10'"
-        :placeholder="isThinking ? 'AI 正在思考...' : '有什么问题尽管问我'"
+        :placeholder="
+          isThinking
+            ? $t('tips.input.isThinking')
+            : $t('tips.input.placeholder')
+        "
         v-model="textAreaValue"
         :disabled="isThinking || isEdit"
         :auto-size="{

src/components/Input/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 const settingsStore = useSettingsStore()
-const { toggleTheme } = settingsStore
+const { toggleTheme, setLanguage } = settingsStore
 const { themeMode, autoStart, isRememberPosition, proxy, showTime } =
   storeToRefs(settingsStore)
 
@@ -11,6 +11,8 @@ const relaunch = () => {
 
 <template>
   <ul class="general flex flex-col gap-4">
+    <button @click="setLanguage('zh')">zh</button>
+    <button @click="setLanguage('en')">en</button>
     <li>
       <i>唤醒窗口:</i>
       <ShortcutKey />

src/components/Settings/components/General.vue

@@ -0,0 +1,14 @@
+{
+    "history": {},
+    "session": {},
+    "setting": {},
+    "message": {},
+    "errors": {},
+    "tips": {
+        "input": {
+            "placeholder": "Type to ask",
+            "isThinking": "AI is thinking"
+        }
+    },
+    "common": {}
+}