<template>
  <n-config-provider
    :locale="zhCN"
    :date-locale="dateZhCN"
    :theme="darkTheme"
    :theme-overrides="sysThemeColor"
  >
    <n-global-style />
    <n-dialog-provider>
      <n-message-provider>
        <n-notification-provider>
          <n-loading-bar-provider>
            <App />
          </n-loading-bar-provider>
        </n-notification-provider>
      </n-message-provider>
    </n-dialog-provider>
  </n-config-provider>
</template>
<script>
import { darkTheme } from "naive-ui";
import { zhCN, dateZhCN } from "naive-ui";

import { mapGetters } from "vuex";
import App from "@/App.vue";
export default {
  components: {
    App,
  },
  computed: {
    ...mapGetters(["sysTheme", "sysThemeColor"]),
  },
  setup() {
    return {
      zhCN,
      dateZhCN,
      darkTheme,
    };
  },
};
</script>
<style lang="less">
</style>