多语言支持

frontent/ops_vue/src/main.ts

@@ -2,6 +2,7 @@ import './assets/main.css'
 
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
+import { createI18n } from 'vue-i18n'
 
 import App from './App.vue'
 import router from './router'
@@ -10,9 +11,33 @@ import '@tabler/core/dist/css/tabler.min.css'
 import '@tabler/core/dist/css/tabler-vendors.min.css'
 import '@tabler/core/dist/js/tabler.min.js'
 
+
 const app = createApp(App)
 
+// 添加全局变量
+app.config.globalProperties.$appName = 'My Vue App'
+app.config.globalProperties.$apiUrl = 'https://api.example.com'
+app.config.globalProperties.$currentUser = {
+  name: 'John Doe',
+  role: 'admin'
+}
+
+
+import en from './i18n/en.json'
+import zhCN from './i18n/zh-CN.json'
+
+const i18n = createI18n({
+  legacy: false, // 使用 Composition API 模式
+  locale: 'en',
+  fallbackLocale: 'en',
+  messages: {
+    en,
+    'zh-CN': zhCN
+  }
+})
+
 app.use(createPinia())
 app.use(router)
+app.use(i18n)
 
 app.mount('#app')