2021-12-10 14:11:49 +08:00
|
|
|
<template>
|
2021-12-14 20:00:20 +08:00
|
|
|
<n-config-provider
|
2021-12-10 14:11:49 +08:00
|
|
|
:locale="zhCN"
|
2022-03-18 20:36:05 +08:00
|
|
|
:theme="darkTheme"
|
|
|
|
:hljs="hljsTheme"
|
2021-12-10 14:11:49 +08:00
|
|
|
:date-locale="dateZhCN"
|
2022-03-18 20:36:05 +08:00
|
|
|
:theme-overrides="overridesTheme"
|
2021-12-10 14:11:49 +08:00
|
|
|
>
|
2022-03-14 16:07:35 +08:00
|
|
|
<app-provider>
|
2022-03-14 19:52:01 +08:00
|
|
|
<I18n></I18n>
|
2022-03-14 16:07:35 +08:00
|
|
|
<router-view></router-view>
|
|
|
|
</app-provider>
|
2021-12-14 20:00:20 +08:00
|
|
|
</n-config-provider>
|
2021-12-10 14:11:49 +08:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
2021-12-20 16:13:26 +08:00
|
|
|
import { zhCN, dateZhCN, NConfigProvider } from 'naive-ui'
|
2022-01-09 19:22:55 +08:00
|
|
|
import { AppProvider } from '@/components/AppProvider'
|
|
|
|
import { I18n } from '@/components/I18n'
|
2021-12-20 16:13:26 +08:00
|
|
|
|
2022-03-18 20:36:05 +08:00
|
|
|
import { useDarkThemeHook, useThemeOverridesHook, useHook } from '@/hooks'
|
2021-12-10 14:11:49 +08:00
|
|
|
|
2022-03-18 20:36:05 +08:00
|
|
|
// 暗黑主题
|
|
|
|
const darkTheme = useDarkThemeHook()
|
2021-12-18 16:36:43 +08:00
|
|
|
|
|
|
|
// 主题配置
|
2022-03-18 20:36:05 +08:00
|
|
|
const overridesTheme = useThemeOverridesHook()
|
|
|
|
|
|
|
|
// 代码主题
|
|
|
|
const hljsTheme = useHook()
|
2021-12-10 14:11:49 +08:00
|
|
|
</script>
|