<template>
    <el-config-provider
        :button="config.button"
        :locale="config.locale"
        :message="config.message"
        :size="config.size"
        :z-index="config.zIndex"
    >
        <router-view />
    </el-config-provider>
</template>

<script setup>
    import zh from 'element-plus/lib/locale/lang/zh-cn';
    const config = reactive({
        locale: zh,
        size: '',
        zIndex: 300,
        button: {
            autoInsertSpace: true,
        },
        message: {
            max: 5,
        },
    });
</script>

<style lang="less">
    @import url('@/styles/base.less');
</style>
