| 提交 | 用户 | age | ||
| 2f6253 | 1 | <template> |
| bb3d5b | 2 | <ConfigProvider :locale="getAntdLocale" :theme="themeConfig"> |
| 74e62c | 3 | <AppProvider> |
| 4d7001 | 4 | <RouterView /> |
| 74e62c | 5 | </AppProvider> |
| 2f6253 | 6 | </ConfigProvider> |
| 陈 | 7 | </template> |
| 8 | ||
| bb89c5 | 9 | <script lang="ts" setup> |
| 5e8ef2 | 10 | import { AppProvider } from '@/components/Application'; |
| V | 11 | import { useTitle } from '@/hooks/web/useTitle'; |
| 12 | import { useLocale } from '@/locales/useLocale'; | |
| bb3d5b | 13 | import { ConfigProvider } from 'ant-design-vue'; |
| dbdd81 | 14 | |
| IW | 15 | import { useDarkModeTheme } from '@/hooks/setting/useDarkModeTheme'; |
| bb3d5b | 16 | import 'dayjs/locale/zh-cn'; |
| 苗 | 17 | import { computed } from 'vue'; |
| 5e8ef2 | 18 | |
| bb89c5 | 19 | // support Multi-language |
| V | 20 | const { getAntdLocale } = useLocale(); |
| 979058 | 21 | |
| dbdd81 | 22 | const { isDark, darkTheme } = useDarkModeTheme(); |
| IW | 23 | |
| bb3d5b | 24 | const themeConfig = computed(() => |
| 苗 | 25 | Object.assign( |
| 26 | { | |
| 27 | token: { | |
| 28 | colorPrimary: '#0960bd', | |
| 29 | colorSuccess: '#55D187', | |
| 30 | colorWarning: '#EFBD47', | |
| 31 | colorError: '#ED6F6F', | |
| 32 | colorInfo: '#0960bd', | |
| 33 | }, | |
| 34 | }, | |
| 35 | isDark.value ? darkTheme : {}, | |
| 36 | ), | |
| 37 | ); | |
| 56a966 | 38 | // Listening to page changes and dynamically changing site titles |
| bb89c5 | 39 | useTitle(); |
| 2f6253 | 40 | </script> |
