App.vue 718 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <el-config-provider :locale="appStore.locale" :size="appStore.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. import useUserStore from '@/store/modules/user';
  11. const appStore = useAppStore();
  12. const userStore = useUserStore();
  13. onMounted(() => {
  14. nextTick(() => {
  15. // 初始化主题样式
  16. handleThemeStyle(useSettingsStore().theme);
  17. });
  18. });
  19. watch(
  20. () => userStore.token,
  21. () => {
  22. if (userStore.token) {
  23. userStore.setTimeoutInterval();
  24. }
  25. },
  26. {
  27. immediate: true
  28. }
  29. );
  30. </script>