56 lines
1.5 KiB
Vue
56 lines
1.5 KiB
Vue
<template>
|
||
<!--element-plus语言国际化，全局修改为中文-->
|
||
<el-config-provider
|
||
:locale="locale"
|
||
:size="assemblySize"
|
||
:button="buttonConfig"
|
||
>
|
||
<router-view :key="$route.fullPath" />
|
||
</el-config-provider>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
defineOptions({
|
||
name: "App",
|
||
});
|
||
import { onMounted, reactive, computed } from "vue";
|
||
import { useI18n } from "vue-i18n";
|
||
import { getBrowserLang } from "@/utils";
|
||
import { useTheme } from "@/hooks/useTheme";
|
||
import { ElConfigProvider } from "element-plus";
|
||
import { 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";
|
||
|
||
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></style>
|