b464b87ac5
* chore: detail adjustment * refactor: Migrate demo applications to playground * perf: logic optimization * chore: update docs * chore: update docs
40 lines
842 B
Vue
40 lines
842 B
Vue
<script lang="ts" setup>
|
|
import { computed } from 'vue';
|
|
|
|
import { useAntdDesignTokens } from '@vben/hooks';
|
|
import { preferences, usePreferences } from '@vben/preferences';
|
|
|
|
import { App, ConfigProvider, theme } from 'ant-design-vue';
|
|
|
|
import { antdLocale } from '#/locales';
|
|
|
|
defineOptions({ name: 'App' });
|
|
|
|
const { isDark } = usePreferences();
|
|
const { tokens } = useAntdDesignTokens();
|
|
|
|
const tokenTheme = computed(() => {
|
|
const algorithm = isDark.value
|
|
? [theme.darkAlgorithm]
|
|
: [theme.defaultAlgorithm];
|
|
|
|
// antd 紧凑模式算法
|
|
if (preferences.app.compact) {
|
|
algorithm.push(theme.compactAlgorithm);
|
|
}
|
|
|
|
return {
|
|
algorithm,
|
|
token: tokens,
|
|
};
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<ConfigProvider :locale="antdLocale" :theme="tokenTheme">
|
|
<App>
|
|
<RouterView />
|
|
</App>
|
|
</ConfigProvider>
|
|
</template>
|