soybean-admin/src/AppProvider.vue
2021-09-07 17:03:59 +08:00

35 lines
919 B
Vue

<template>
<n-config-provider :locale="zhCN" :date-locale="dateZhCN" :theme="dark" :theme-overrides="theme.themeOverrids">
<n-loading-bar-provider>
<n-dialog-provider>
<n-notification-provider>
<n-message-provider>
<slot></slot>
<app-provider-content />
</n-message-provider>
</n-notification-provider>
</n-dialog-provider>
</n-loading-bar-provider>
</n-config-provider>
</template>
<script lang="ts" setup>
import { computed } from 'vue';
import {
NConfigProvider,
darkTheme,
zhCN,
dateZhCN,
NLoadingBarProvider,
NDialogProvider,
NNotificationProvider,
NMessageProvider
} from 'naive-ui';
import { AppProviderContent } from '@/components';
import { useThemeStore } from '@/store';
const theme = useThemeStore();
const dark = computed(() => (theme.darkMode ? darkTheme : undefined));
</script>
<style scoped></style>