goview_vue/src/App.vue

51 lines
1.0 KiB
Vue
Raw Normal View History

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"
:theme="getDarkTheme"
:theme-overrides="getThemeOverrides"
:date-locale="dateZhCN"
>
2021-12-14 20:00:20 +08:00
<app-provider>
2021-12-10 14:11:49 +08:00
<router-view />
2021-12-14 20:00:20 +08:00
</app-provider>
</n-config-provider>
2021-12-10 14:11:49 +08:00
</template>
<script lang="ts" setup>
import { computed } from 'vue'
2021-12-14 20:00:20 +08:00
import {
zhCN,
dateZhCN,
darkTheme,
NConfigProvider,
GlobalThemeOverrides
} from 'naive-ui'
2021-12-10 14:11:49 +08:00
import { AppProvider } from '@/components/Application'
import { useRoute } from 'vue-router'
import { useDesignStore } from '@/store/modules/designStore/designStore'
2021-12-14 20:00:20 +08:00
import { borderRadius } from '@/settings/designSetting'
2021-12-10 14:11:49 +08:00
const route = useRoute()
const designStore = useDesignStore()
const getThemeOverrides = computed(
(): GlobalThemeOverrides => {
return {
common: {
2021-12-14 20:00:20 +08:00
primaryColor: designStore.appTheme,
borderRadius
2021-12-10 14:11:49 +08:00
},
LoadingBar: {
colorLoading: designStore.appTheme
}
}
}
)
const getDarkTheme = computed(() =>
designStore.darkTheme ? darkTheme : undefined
)
2021-12-10 14:11:49 +08:00
</script>
<style lang="scss"></style>