1
0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-02-08 01:20:07 +08:00
1Panel/frontend/src/App.vue
2022-08-17 09:37:30 +08:00

35 lines
1008 B
Vue

<template>
<el-config-provider :locale="i18nLocale" :button="config" :size="assemblySize">
<router-view></router-view>
</el-config-provider>
</template>
<script setup lang="ts">
import { reactive, computed } from 'vue';
import { GlobalStore } from '@/store';
// 配置element中英文
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import en from 'element-plus/es/locale/lang/en';
// 使用主题
import { useTheme } from '@/hooks/use-theme';
useTheme();
const globalStore = GlobalStore();
// 配置element按钮文字中间是否有空格
const config = reactive({
autoInsertSpace: false,
});
// element 语言配置
const i18nLocale = computed((): any => {
if (globalStore.language && globalStore.language == 'zh') return zhCn;
if (globalStore.language == 'en') return en;
return '';
});
// 配置全局组件大小 (small/default(medium)/large)
const assemblySize = computed((): string => globalStore.assemblySize);
</script>
<style scoped lang="scss"></style>