diff options
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 21 |
1 files changed, 9 insertions, 12 deletions
diff --git a/src/App.vue b/src/App.vue index af6197d..66c56da 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,24 +1,21 @@ <script setup lang="ts"> import { layouts } from './layouts'; import { computed } from 'vue'; -import { useRoute, RouterView } from 'vue-router' -import { darkThemeOverrides, lightThemeOverrides } from './themes' -import { darkTheme, NGlobalStyle, NMessageProvider } from 'naive-ui' +import { useRoute, RouterView } from 'vue-router'; +import { darkThemeOverrides, lightThemeOverrides } from './themes'; +import { darkTheme, NGlobalStyle, NMessageProvider } from 'naive-ui'; import { useStyleStore } from './stores/style.store'; const route = useRoute(); -const layout = computed(() => route?.meta?.layout ?? layouts.base) -const styleStore = useStyleStore() +const layout = computed(() => route?.meta?.layout ?? layouts.base); +const styleStore = useStyleStore(); -const theme = computed(() => styleStore.isDarkTheme ? darkTheme : null) -const themeOverrides = computed(() => styleStore.isDarkTheme ? darkThemeOverrides : lightThemeOverrides) +const theme = computed(() => (styleStore.isDarkTheme ? darkTheme : null)); +const themeOverrides = computed(() => (styleStore.isDarkTheme ? darkThemeOverrides : lightThemeOverrides)); </script> <template> - <n-config-provider - :theme="theme" - :theme-overrides="themeOverrides" - > + <n-config-provider :theme="theme" :theme-overrides="themeOverrides"> <n-global-style /> <n-message-provider placement="bottom"> <component :is="layout"> @@ -44,4 +41,4 @@ html { * { box-sizing: border-box; } -</style>
\ No newline at end of file +</style> |