fix(frontend): 修复前端审计问题并补充回归测试

frontend/src/main.ts

@@ -2,28 +2,33 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import App from './App.vue'
 import router from './router'
-import i18n from './i18n'
+import i18n, { initI18n } from './i18n'
+import { useAppStore } from '@/stores/app'
 import './style.css'
 
-const app = createApp(App)
-const pinia = createPinia()
-app.use(pinia)
+async function bootstrap() {
+  const app = createApp(App)
+  const pinia = createPinia()
+  app.use(pinia)
 
-// Initialize settings from injected config BEFORE mounting (prevents flash)
-// This must happen after pinia is installed but before router and i18n
-import { useAppStore } from '@/stores/app'
-const appStore = useAppStore()
-appStore.initFromInjectedConfig()
+  // Initialize settings from injected config BEFORE mounting (prevents flash)
+  // This must happen after pinia is installed but before router and i18n
+  const appStore = useAppStore()
+  appStore.initFromInjectedConfig()
 
-// Set document title immediately after config is loaded
-if (appStore.siteName && appStore.siteName !== 'Sub2API') {
-  document.title = `${appStore.siteName} - AI API Gateway`
+  // Set document title immediately after config is loaded
+  if (appStore.siteName && appStore.siteName !== 'Sub2API') {
+    document.title = `${appStore.siteName} - AI API Gateway`
+  }
+
+  await initI18n()
+
+  app.use(router)
+  app.use(i18n)
+
+  // 等待路由器完成初始导航后再挂载，避免竞态条件导致的空白渲染
+  await router.isReady()
+  app.mount('#app')
 }
 
-app.use(router)
-app.use(i18n)
-
-// 等待路由器完成初始导航后再挂载，避免竞态条件导致的空白渲染
-router.isReady().then(() => {
-  app.mount('#app')
-})
+bootstrap()