refactor: use vite glob for loading messages

src/plugins/i18n.ts

@@ -2,25 +2,20 @@ import { App } from 'vue'
 import { createI18n } from 'vue-i18n'
 
 // import i18n resources
-import en from '../../locales/en.json'
-import zhCN from '../../locales/zh-CN.json'
-import fr from '../../locales/fr.json'
-import es from '../../locales/es.json'
-import vi from '../../locales/vi.json'
-import ja from '../../locales/ja.json'
+// https://vitejs.dev/guide/features.html#glob-import
+const messages = Object.fromEntries(
+  Object.entries(
+    import.meta.globEager('../../locales/*.json'))
+    .map(([key, value]) => {
+      return [key.slice(14, -5), value.default]
+    }),
+)
 
 export default (app: App) => {
   const i18n = createI18n({
     legacy: false,
     locale: 'en',
-    messages: {
-      en,
-      'zh-CN': zhCN,
-      fr,
-      es,
-      vi,
-      ja
-    },
+    messages,
   })
 
   app.use(i18n)