App.vue 523 B

123456789101112131415161718192021
  1. <template>
  2. <el-config-provider :locale="appStore.locale" :size="size">
  3. <router-view />
  4. </el-config-provider>
  5. </template>
  6. <script setup lang="ts">
  7. import useSettingsStore from '@/store/modules/settings'
  8. import { handleThemeStyle } from '@/utils/theme'
  9. import useAppStore from '@/store/modules/app';
  10. const appStore = useAppStore();
  11. const size = computed(() => appStore.size as any);
  12. onMounted(() => {
  13. nextTick(() => {
  14. // 初始化主题样式
  15. handleThemeStyle(useSettingsStore().theme)
  16. })
  17. })
  18. </script>