App.vue 749 B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <n-config-provider
  3. :locale="zhCN"
  4. :theme="getDarkTheme"
  5. :date-locale="dateZhCN"
  6. :theme-overrides="getThemeOverrides"
  7. >
  8. <AppProvider>
  9. <I18n />
  10. <router-view />
  11. </AppProvider>
  12. </n-config-provider>
  13. </template>
  14. <script lang="ts" setup>
  15. import { zhCN, dateZhCN, NConfigProvider } from 'naive-ui'
  16. import { AppProvider } from '@/components/AppProvider'
  17. import { useDesignStore } from '@/store/modules/designStore/designStore'
  18. import { I18n } from '@/components/I18n'
  19. import { getDarkThemeHook, getThemeOverridesHook } from '@/hooks'
  20. // 返回暗黑主题
  21. const getDarkTheme = getDarkThemeHook()
  22. // 主题配置
  23. const getThemeOverrides = getThemeOverridesHook()
  24. </script>
  25. <style lang="scss"></style>