App.vue 852 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <n-config-provider
  3. :theme="darkTheme"
  4. :hljs="hljsTheme"
  5. :locale="locale"
  6. :date-locale="dateLocale"
  7. :theme-overrides="overridesTheme"
  8. >
  9. <go-app-provider>
  10. <I18n></I18n>
  11. <router-view></router-view>
  12. </go-app-provider>
  13. </n-config-provider>
  14. </template>
  15. <script lang="ts" setup>
  16. import { NConfigProvider } from 'naive-ui'
  17. import { GoAppProvider } from '@/components/GoAppProvider'
  18. import { I18n } from '@/components/I18n'
  19. import { useSystemInit, useDarkThemeHook, useThemeOverridesHook, useCode, useLang } from '@/hooks'
  20. // 暗黑主题
  21. const darkTheme = useDarkThemeHook()
  22. // 主题配置
  23. const overridesTheme = useThemeOverridesHook()
  24. // 代码主题
  25. const hljsTheme = useCode()
  26. // 系统全局数据初始化
  27. useSystemInit()
  28. // 全局语言
  29. const { locale, dateLocale } = useLang()
  30. </script>