<script setup lang="ts">
import { themeConfigValue } from "@@/config/theme"
import { initVbDom } from "@@/vb-dom"
import appStore from "@s"
import zhCn from "element-plus/es/locale/lang/zh-cn"
const locale = zhCn

onBeforeMount(() => {
	/**
	 * 使用本地存储中保存的数据覆盖布局配置
	 * 删除此项以使用静态配置（@/core/config/LayoutConfig.ts）
	 */
	appStore.bodyConfigStore.overrideLayoutConfig()

	/**
	 *  根据配置设置模式
	 */
	appStore.bodyConfigStore.setThemeMode(themeConfigValue.value)
})
onMounted(() => {
	nextTick(() => {
		initVbDom()
		appStore.bodyConfigStore.removeBodyClassName("page-loading")
	})
})
</script>

<template>
	<el-config-provider :locale="locale">
		<RouterView />
	</el-config-provider>
</template>

<style lang="scss">
@import "bootstrap-icons/font/bootstrap-icons.css";
// @import "animate.css";
@import "element-plus/dist/index.css";

@import "assets/vb-icons/duotone/style.css";
@import "assets/vb-icons/outline/style.css";
@import "assets/vb-icons/solid/style.css";
@import "assets/sass/element-ui.dark";
@import "assets/sass/plugins";
@import "assets/sass/style";
#app {
	display: contents;
}
</style>
