You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.3 KiB
81 lines
2.3 KiB
/* |
|
* Licensed to the Apache Software Foundation (ASF) under one or more |
|
* contributor license agreements. See the NOTICE file distributed with |
|
* this work for additional information regarding copyright ownership. |
|
* The ASF licenses this file to You under the Apache License, Version 2.0 |
|
* (the "License"); you may not use this file except in compliance with |
|
* the License. You may obtain a copy of the License at |
|
* |
|
* http://www.apache.org/licenses/LICENSE-2.0 |
|
* |
|
* Unless required by applicable law or agreed to in writing, software |
|
* distributed under the License is distributed on an "AS IS" BASIS, |
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|
* See the License for the specific language governing permissions and |
|
* limitations under the License. |
|
*/ |
|
|
|
import { defineComponent, computed, ref, nextTick, provide } from 'vue' |
|
import { |
|
zhCN, |
|
enUS, |
|
dateZhCN, |
|
dateEnUS, |
|
NConfigProvider, |
|
darkTheme, |
|
GlobalThemeOverrides, |
|
NMessageProvider |
|
} from 'naive-ui' |
|
import { useThemeStore } from '@/store/theme/theme' |
|
import { useLocalesStore } from '@/store/locales/locales' |
|
import themeList from '@/themes' |
|
|
|
const App = defineComponent({ |
|
name: 'App', |
|
setup() { |
|
const isRouterAlive = ref(true) |
|
const themeStore = useThemeStore() |
|
const currentTheme = computed(() => |
|
themeStore.darkTheme ? darkTheme : undefined |
|
) |
|
const localesStore = useLocalesStore() |
|
/*refresh page when router params change*/ |
|
const reload = () => { |
|
isRouterAlive.value = false |
|
nextTick(() => { |
|
isRouterAlive.value = true |
|
}) |
|
} |
|
|
|
provide('reload', reload) |
|
|
|
return { |
|
reload, |
|
isRouterAlive, |
|
currentTheme, |
|
localesStore |
|
} |
|
}, |
|
render() { |
|
const themeOverrides: GlobalThemeOverrides = |
|
themeList[this.currentTheme ? 'dark' : 'light'] |
|
|
|
return ( |
|
<NConfigProvider |
|
theme={this.currentTheme} |
|
theme-overrides={themeOverrides} |
|
style={{ width: '100%', height: '100vh' }} |
|
date-locale={ |
|
String(this.localesStore.getLocales) === 'zh_CN' ? dateZhCN : dateEnUS |
|
} |
|
locale={String(this.localesStore.getLocales) === 'zh_CN' ? zhCN : enUS} |
|
> |
|
<NMessageProvider> |
|
{this.isRouterAlive ? <router-view /> : ''} |
|
</NMessageProvider> |
|
</NConfigProvider> |
|
) |
|
} |
|
}) |
|
|
|
export default App
|
|
|