feat: |Worker| support multi language (#584)

Author: dreamhunter2333

CHANGELOG.md

@@ -1,7 +1,11 @@
 <!-- markdownlint-disable-file MD004 MD024 MD034 MD036 -->
 # CHANGE LOG
 
-## main(v0.8.7)
+## main(v0.9.0)
+
+- feat: | Worker | 支持多语言
+
+## v0.8.7
 
 - fix: |UI| 修复移动设备日期显示问题
 - feat: |Worker| 支持通过 `SMTP` 发送邮件, 使用 [zou-yu/worker-mailer](https://github.com/zou-yu/worker-mailer/blob/main/README_zh-CN.md)

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudflare_temp_email",
-  "version": "0.8.7",
+  "version": "0.9.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -40,13 +40,13 @@
     "@vicons/material": "^0.13.0",
     "@vitejs/plugin-vue": "^5.2.1",
     "unplugin-auto-import": "^19.1.0",
-    "unplugin-vue-components": "^28.1.0",
-    "vite": "^6.1.0",
+    "unplugin-vue-components": "^28.4.0",
+    "vite": "^6.1.1",
     "vite-plugin-pwa": "^0.21.1",
     "vite-plugin-top-level-await": "^1.5.0",
     "vite-plugin-wasm": "^3.4.1",
     "workbox-build": "^7.3.0",
     "workbox-window": "^7.3.0",
-    "wrangler": "^3.109.1"
+    "wrangler": "^3.109.2"
   }
 }

frontend/pnpm-lock.yaml

@@ -2,6 +2,8 @@ import { useGlobalState } from '../store'
 import { h } from 'vue'
 import axios from 'axios'
 
+import i18n from '../i18n'
+
 const API_BASE = import.meta.env.VITE_API_BASE || "";
 const {
     loading, auth, jwt, settings, openSettings,
@@ -22,6 +24,7 @@ const apiFetch = async (path, options = {}) => {
             method: options.method || 'GET',
             data: options.body || null,
             headers: {
+                'x-lang': i18n.global.locale.value,
                 'x-user-token': userJwt.value,
                 'x-user-access-token': userSettings.value.access_token,
                 'x-custom-auth': auth.value,
@@ -32,14 +35,12 @@ const apiFetch = async (path, options = {}) => {
         });
         if (response.status === 401 && path.startsWith("/admin")) {
             showAdminAuth.value = true;
-            throw new Error("Unauthorized, your admin password is wrong")
         }
         if (response.status === 401 && openSettings.value.auth) {
             showAuth.value = true;
-            throw new Error("Unauthorized, you access password is wrong")
         }
         if (response.status >= 300) {
-            throw new Error(`${response.status} ${response.data}` || "error");
+            throw new Error(`[${response.status}]: ${response.data}` || "error");
         }
         const data = response.data;
         return data;

frontend/src/api/index.js

@@ -0,0 +1,15 @@
+import { createI18n } from 'vue-i18n'
+
+const i18n = createI18n({
+    legacy: false, // you must set `false`, to use Composition API
+    locale: 'zh', // set locale
+    fallbackLocale: 'en', // set fallback locale
+    'en': {
+        messages: {}
+    },
+    'zh': {
+        messages: {}
+    }
+})
+
+export default i18n;

frontend/src/i18n.ts

@@ -1,20 +1,9 @@
 import { createApp } from 'vue'
 import App from './App.vue'
-import { createI18n } from 'vue-i18n'
 import router from './router'
 import { createHead } from '@unhead/vue'
 
-const i18n = createI18n({
-    legacy: false, // you must set `false`, to use Composition API
-    locale: 'zh', // set locale
-    fallbackLocale: 'en', // set fallback locale
-    'en': {
-        messages: {}
-    },
-    'zh': {
-        messages: {}
-    }
-})
+import i18n from './i18n'
 
 router.beforeEach((to, from) => {
     if (to.params.lang && ['en', 'zh'].includes(to.params.lang)) {

frontend/src/main.js

@@ -1,6 +1,6 @@
 {
   "name": "temp-email-pages",
-  "version": "0.8.7",
+  "version": "0.9.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -11,6 +11,6 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "wrangler": "^3.109.1"
+    "wrangler": "^3.109.2"
   }
 }

pages/package.json

@@ -1,12 +1,12 @@
 {
   "name": "temp-mail-docs",
   "private": true,
-  "version": "0.8.7",
+  "version": "0.9.0",
   "type": "module",
   "devDependencies": {
     "@types/node": "^22.13.4",
     "vitepress": "^1.6.3",
-    "wrangler": "^3.109.1"
+    "wrangler": "^3.109.2"
   },
   "scripts": {
     "dev": "vitepress dev docs",