<template>
    <Index :menus="menus" @updatePwd="pwd => console.log(pwd)" :checkUser="true" username="超级管理员" :closeAble="true">
    </Index>
</template>

<script lang="ts" setup>
import { reactive, onMounted, ref } from "vue";
import { useStore } from "vuex";
import { Index, Views } from "noob-mengyxu";

const store = useStore();
const { buff, dictionary, config, permission, role, user, status, log } = Views.menus;
const menus = [
    {
        i18n: "menu.home", path: "home", icon: "HomeFilled"
    },
    {
        i18n: "menu.operator", path: "operator", icon: "Platform", children: [
            buff, dictionary, config, permission, role, user, status, log
        ]
    },
    {
        i18n: "menu.base", path: "base", icon: "House", children: [
            { i18n: "menu.table", path: "table", icon: "List" },
            { i18n: "menu.form", path: "form", icon: "Postcard" },
        ]
    },
    {
        i18n: "menu.tool", path: "tool", icon: "Tools", children: [
            { i18n: "menu.terminal", path: "terminal", icon: "Platform" },
            { i18n: "menu.color", path: "color", icon: "MagicStick" },
        ]
    }
]

onMounted(() => { });

</script>

<style lang="scss">
// ::v-deep .no-padding .el-dialog__body {
//     background-color: black;
// }
</style>