<template>
  <n-config-provider
    :theme-overrides="store.state.themeOverrides"
    :theme="store.theme === 'dark' ? darkTheme : null"
    :locale="zhCN"
    :date-locale="dateZhCN"
    style="height: 100%"
    inline-theme-disabled
  >
    <el-config-provider :locale="ELzhCN">
      <a-config-provider :locale="zhCN">
        <n-notification-provider>
          <n-message-provider>
            <router-view />
          </n-message-provider>
        </n-notification-provider>
      </a-config-provider>
    </el-config-provider>
  </n-config-provider>
</template>
<script setup>
import { useLayoutStore } from "@/components/skeleton/index.js";
import "@/utils/auto-update.js";
import createMessage from "@/utils/message.ts";
import zhCN from "ant-design-vue/es/locale/zh_CN";
import dayjs from "dayjs";
import "dayjs/locale/zh-cn";
import ELzhCN from "element-plus/dist/locale/zh-cn.mjs";
import { darkTheme, dateZhCN } from "naive-ui";
dayjs.locale("zh-cn");
const store = useLayoutStore();
createMessage();
</script>
<style lang="scss">
@import "@/assets/css/sfcommon.scss";
@import "@/assets/css/sfform.css";
@import "@/assets/css/sftable.css";
@import "@/assets/css/sfstatus.css";
@import "@/assets/css/sffont.css";
@import "@/assets/css/sfstatic.css";
@import "@/assets/css/coverantdv.scss";
@import "@/assets/css/sfanimate.css";
@import "@/assets/css/icon.css";
@import "@/assets/css/sfcard.css";
@import "assets/css/common.scss";
@import "@/assets/css/main.css";
@import "@/assets/css/modal.scss";
@import "@/assets/css/naive-ui-adjust.scss";
</style>
