59 lines
1.5 KiB
Vue
59 lines
1.5 KiB
Vue
<template>
|
||
<!--element-plus语言国际化，全局修改为中文-->
|
||
<!-- 测试升级功能 - 2025-10-24 -->
|
||
<el-config-provider :locale="locale" :size="assemblySize" :button="buttonConfig">
|
||
<router-view />
|
||
</el-config-provider>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { useI18n } from 'vue-i18n'
|
||
import { getBrowserLang } from '@/utils'
|
||
import { useTheme } from '@/hooks/useTheme'
|
||
import { ElConfigProvider } from 'element-plus'
|
||
import { type LanguageType } from './stores/interface'
|
||
import { useGlobalStore } from '@/stores/modules/global'
|
||
import en from 'element-plus/es/locale/lang/en'
|
||
import zhCn from 'element-plus/es/locale/lang/zh-cn'
|
||
|
||
defineOptions({
|
||
name: 'App'
|
||
})
|
||
|
||
const globalStore = useGlobalStore()
|
||
|
||
// init theme
|
||
const { initTheme } = useTheme()
|
||
initTheme()
|
||
|
||
// init language
|
||
const i18n = useI18n()
|
||
onMounted(() => {
|
||
const language = globalStore.language ?? getBrowserLang()
|
||
i18n.locale.value = language
|
||
globalStore.setGlobalState('language', language as LanguageType)
|
||
})
|
||
|
||
// element language
|
||
const locale = computed(() => {
|
||
if (globalStore.language == 'zh') return zhCn
|
||
if (globalStore.language == 'en') return en
|
||
return getBrowserLang() == 'zh' ? zhCn : en
|
||
})
|
||
|
||
// element assemblySize
|
||
const assemblySize = computed(() => globalStore.assemblySize)
|
||
|
||
// element button config
|
||
const buttonConfig = reactive({ autoInsertSpace: false })
|
||
|
||
document.getElementById('loadingPage')?.remove()
|
||
</script>
|
||
<style scoped>
|
||
#app {
|
||
width: 100vw;
|
||
height: 100vh;
|
||
overflow: hidden;
|
||
}
|
||
</style>
|