canteen_system/src/App.vue

<template>
  <n-config-provider
    :theme="settingsStore.theme"
    :locale="zhCN"
    :dateLocale="dateZhCN"
  >
    <n-loading-bar-provider>
      <n-notification-provider>
        <n-modal-provider>
          <n-message-provider>
            <n-dialog-provider>
              <router-view></router-view>
            </n-dialog-provider>
          </n-message-provider>
        </n-modal-provider>
      </n-notification-provider>
    </n-loading-bar-provider>
  </n-config-provider>
</template>

<script setup lang="ts">
  import { useSettingsStore } from "@/stores/settings";
  const settingsStore = useSettingsStore();
  import { dateZhCN, zhCN } from "naive-ui";
</script>