diff options
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/App.vue b/src/App.vue index abbb362..14139b3 100644 --- a/src/App.vue +++ b/src/App.vue @@ -5,16 +5,21 @@ import { computed } from 'vue'; import { useRoute } from 'vue-router' import { + darkTheme, NConfigProvider, NGlobalStyle, } from 'naive-ui' +import { useStyleStore } from './stores/style.store'; const route = useRoute(); const layout = computed(() => route?.meta?.layout ?? layouts.base) +const styleStore = useStyleStore() + +const theme = computed(() => styleStore.isDarkTheme ? darkTheme : null) </script> <template> - <n-config-provider> + <n-config-provider :theme="theme"> <n-global-style /> <n-message-provider placement="bottom"> <component :is="layout"> |