1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| import { computed } from 'vue';
|
| import { preferences } from '@vben/preferences';
| import '@vben/styles';
|
| import { createDiscreteApi, darkTheme, lightTheme } from 'naive-ui';
|
| const themeOverridesProviderProps = computed(() => ({
| themeOverrides: preferences.theme.mode === 'light' ? lightTheme : darkTheme,
| }));
|
| const themeProviderProps = computed(() => ({
| theme: preferences.theme.mode === 'light' ? lightTheme : darkTheme,
| }));
|
| export const { dialog, loadingBar, message, modal, notification } =
| createDiscreteApi(
| ['message', 'dialog', 'notification', 'loadingBar', 'modal'],
| {
| configProviderProps: themeProviderProps,
| loadingBarProviderProps: themeOverridesProviderProps,
| messageProviderProps: themeOverridesProviderProps,
| notificationProviderProps: themeOverridesProviderProps,
| },
| );
|
|
