From 022724336bb88ffbe4b77acda96c6a0350d228e8 Mon Sep 17 00:00:00 2001
From: Wangnov <w15365132161@gmail.com>
Date: Wed, 10 Sep 2025 18:04:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20Element=20Plus=20=E8=AF=AD=E8=A8=80?=
 =?UTF-8?q?=E9=9A=8F=20i18n=20=E5=88=87=E6=8D=A2=EF=BC=9B=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E4=BE=A7=E7=99=BB=E5=BD=95/=E7=A6=81=E7=94=A8?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=8E=A5=E5=85=A5=20i18n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/admin-spa/src/App.vue        | 24 +++++++++++++++++++-----
 web/admin-spa/src/stores/user.js |  7 +++++--
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/web/admin-spa/src/App.vue b/web/admin-spa/src/App.vue
index c68bfba7..2b41d216 100644
--- a/web/admin-spa/src/App.vue
+++ b/web/admin-spa/src/App.vue
@@ -1,25 +1,39 @@
 <template>
   <div id="app">
-    <router-view />
+    <el-config-provider :locale="elLocale">
+      <router-view />
 
-    <!-- 全局组件 -->
-    <ToastNotification ref="toastRef" />
-    <ConfirmDialog ref="confirmRef" />
+      <!-- 全局组件 -->
+      <ToastNotification ref="toastRef" />
+      <ConfirmDialog ref="confirmRef" />
+    </el-config-provider>
   </div>
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue'
+import { onMounted, ref, computed } from 'vue'
 import { useAuthStore } from '@/stores/auth'
 import { useThemeStore } from '@/stores/theme'
 import ToastNotification from '@/components/common/ToastNotification.vue'
 import ConfirmDialog from '@/components/common/ConfirmDialog.vue'
+import i18n from '@/i18n'
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import zhTw from 'element-plus/dist/locale/zh-tw.mjs'
+import en from 'element-plus/dist/locale/en.mjs'
 
 const authStore = useAuthStore()
 const themeStore = useThemeStore()
 const toastRef = ref()
 const confirmRef = ref()
 
+// Element Plus 语言随 i18n 切换
+const elLocale = computed(() => {
+  const l = i18n.global.locale.value
+  if (l === 'zh-tw') return zhTw
+  if (l === 'en') return en
+  return zhCn
+})
+
 onMounted(() => {
   // 初始化主题
   themeStore.initTheme()
diff --git a/web/admin-spa/src/stores/user.js b/web/admin-spa/src/stores/user.js
index db6a4dfc..8473853f 100644
--- a/web/admin-spa/src/stores/user.js
+++ b/web/admin-spa/src/stores/user.js
@@ -1,5 +1,6 @@
 import { defineStore } from 'pinia'
 import axios from 'axios'
+import i18n from '@/i18n'
 import { showToast } from '@/utils/toast'
 
 const API_BASE = '/users'
@@ -40,7 +41,7 @@ export const useUserStore = defineStore('user', {
 
           return response.data
         } else {
-          throw new Error(response.data.message || 'Login failed')
+          throw new Error(response.data.message || i18n.global.t('user.login.loginFailed'))
         }
       } catch (error) {
         this.clearAuth()
@@ -115,7 +116,9 @@ export const useUserStore = defineStore('user', {
           this.clearAuth()
           // If it's a disabled account error, throw a specific error
           if (error.response?.status === 403) {
-            throw new Error(error.response.data?.message || 'Your account has been disabled')
+            throw new Error(
+              error.response.data?.message || i18n.global.t('user.login.accountDisabled')
+            )
           }
         }
         throw error