42 lines
949 B
Vue
42 lines
949 B
Vue
<script setup lang="ts">
|
|
import { useDark, useWindowSize, useThrottleFn } from "@vueuse/core";
|
|
import zhCn from "element-plus/es/locale/lang/zh-cn";
|
|
import useAppStore from "./stores/modules/app";
|
|
import useSettingStore from "./stores/modules/setting";
|
|
import { ScreenEnum } from "./enums/appEnums";
|
|
const appStore = useAppStore();
|
|
const settingStore = useSettingStore();
|
|
const elConfig = {
|
|
zIndex: 3000,
|
|
locale: zhCn,
|
|
};
|
|
|
|
const { width } = useWindowSize();
|
|
watch(
|
|
width,
|
|
useThrottleFn((value) => {
|
|
if (value > ScreenEnum.SM) {
|
|
appStore.setMobile(false);
|
|
appStore.toggleCollapsed(false);
|
|
} else {
|
|
appStore.setMobile(true);
|
|
appStore.toggleCollapsed(true);
|
|
}
|
|
if (value < ScreenEnum.MD) {
|
|
appStore.toggleCollapsed(true);
|
|
}
|
|
}),
|
|
{
|
|
immediate: true,
|
|
}
|
|
);
|
|
</script>
|
|
|
|
<template>
|
|
<el-config-provider :locale="elConfig.locale" :z-index="elConfig.zIndex">
|
|
<router-view />
|
|
</el-config-provider>
|
|
</template>
|
|
|
|
<style></style>
|