feat(i18n): 重构国际化组件，添加新的语言支持和功能

src/main.ts

@@ -8,6 +8,7 @@ import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
 import { DataLoaderPlugin } from 'unplugin-vue-router/data-loaders';
 import App from './App.vue';
 import { router } from './router';
+import { createI18n } from 'vue-i18n';
 
 async function init() {
   if (import.meta.env.MODE === 'development' || 1 === 1) {
@@ -29,7 +30,29 @@ async function init() {
     // Register the plugin before the router
     .use(DataLoaderPlugin, { router })
     // adding the router will trigger the initial navigation
-    .use(router);
+    .use(router)
+    .use(
+      // https://vue-i18n.intlify.dev/guide/essentials/started.html#registering-the-i18n-plugin
+      createI18n({
+        legacy: false, // you must set `false`, to use Composition API
+        locale: navigator.language,
+        fallbackLocale: 'en',
+        messages: {
+          en: {
+            message: {
+              hello: 'hello world',
+              greeting: 'good morning, world!',
+            },
+          },
+          ja: {
+            message: {
+              hello: 'こんにちは、世界',
+              greeting: 'おはよう、世界！',
+            },
+          },
+        },
+      }),
+    );
   app.config.globalProperties.$__DEV__ = $__DEV__;
   app.mount('#app');
 }