add es lang

src/store/app.js

@@ -4,14 +4,17 @@ import zhCn from 'element-plus/es/locale/lang/zh-cn'
 import en from 'element-plus/es/locale/lang/en'
 import ko from 'element-plus/es/locale/lang/ko'
 import ru from 'element-plus/es/locale/lang/ru'
+import es from 'element-plus/es/locale/lang/es'
 import { admin, app } from '@/api/config'
 
 const langs = {
-  'zh-CN': { name: '中文', value: zhCn },
-  'en': { name: 'English', value: en },
-  'ko': { name: '한국어', value: ko },
-  'ru': { name: 'русский', value: ru },
+  'zh-CN': { name: '中文', value: zhCn, sideBarWidth: '210px' },
+  'en': { name: 'English', value: en, sideBarWidth: '230px' },
+  'ko': { name: '한국어', value: ko, sideBarWidth: '230px' },
+  'ru': { name: 'русский', value: ru, sideBarWidth: '250px' },
+  'es': { name: 'español', value: es, sideBarWidth: '280px' },
 }
+const defaultLang = localStorage.getItem('lang') || navigator.language || 'zh-CN'
 export const useAppStore = defineStore({
   id: 'App',
   state: () => ({
@@ -21,8 +24,8 @@ export const useAppStore = defineStore({
       sideIsCollapse: false,
       logo,
       langs: langs,
-      lang: localStorage.getItem('lang') || 'zh-CN',
-      locale: langs[(localStorage.getItem('lang') || 'zh-CN')].value,
+      lang: defaultLang,
+      locale: langs[defaultLang] ? langs[defaultLang] : langs['en'],
       appConfig: {
         web_client: 1,
       },
@@ -36,13 +39,13 @@ export const useAppStore = defineStore({
     setLang (lang) {
       console.log('setLang', lang)
       this.setting.lang = lang
-      this.setting.locale = langs[lang].value
+      this.setting.locale = langs[lang]
       localStorage.setItem('lang', lang)
     },
     changeLang (v) {
       this.setLang(v)
     },
-    loadConfig(){
+    loadConfig () {
       this.getAppConfig()
       this.getAdminConfig()
     },
@@ -52,13 +55,13 @@ export const useAppStore = defineStore({
         this.setting.appConfig = res.data
       })
     },
-    getAdminConfig(){
+    getAdminConfig () {
       console.log('getAdminConfig')
       admin().then(res => {
         this.setting.title = res.data.title
         this.setting.hello = res.data.hello
       })
-    }
+    },
   },
 })