feat(i18n): 实现应用语言本地存储功能

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);
 }