From 88ca601d07a3f86153bb996061ed19619ffcc44f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Tue, 28 Oct 2025 09:55:20 +0800
Subject: [PATCH] =?UTF-8?q?feat(i18n):=20=E5=AE=9E=E7=8E=B0=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=E8=AF=AD=E8=A8=80=E6=9C=AC=E5=9C=B0=E5=AD=98=E5=82=A8?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/00.vueI18n-plugin.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/plugins/00.vueI18n-plugin.ts b/src/plugins/00.vueI18n-plugin.ts
index ab5fd14..d3f5967 100644
--- a/src/plugins/00.vueI18n-plugin.ts
+++ b/src/plugins/00.vueI18n-plugin.ts
@@ -7,10 +7,12 @@ import messages from '@intlify/unplugin-vue-i18n/messages';
 import { createI18n } from 'vue-i18n';
 
 export function install({ app }: { app: import('vue').App<Element> }) {
+  const locale = useLocalStorage<string>('app-locale', navigator.language);
+
   // https://vue-i18n.intlify.dev/guide/essentials/started.html#registering-the-i18n-plugin
   const i18n = createI18n({
     legacy: false, // you must set `false`, to use Composition API
-    locale: navigator.language,
+    locale: locale.value,
     fallbackRoot: false,
     // flatJson: true,
     missing: (locale, key /* , instance, type */) => {
@@ -21,5 +23,8 @@ export function install({ app }: { app: import('vue').App<Element> }) {
     fallbackWarn: !true,
     messages,
   });
+  watchEffect(() => {
+    locale.value = i18n.global.locale.value;
+  });
   app.use(i18n);
 }