lingji-work-fe/src/App.vue

<template>
  <ConfigProvider :locale="zhCN" :theme="redTheme">
    <router-view v-if="$route.path === '/login' || ['ExploreList', 'ExploreDetail'].includes($route.name)" />
    <LayoutBasic v-else />
  </ConfigProvider>
</template>

<script setup>
import { useUserStore } from '@/stores';
import { useChatStore } from '@/stores/modules/chat';

import { initApp } from '@/utils/user';
import { useSidebarStore } from '@/stores/modules/side-bar';

import { ConfigProvider } from 'ant-design-vue';
import zhCN from 'ant-design-vue/es/locale/zh_CN';

const userStore = useUserStore();
const route = useRoute();
const sidebarStore = useSidebarStore();
const chatStore = useChatStore();

const redTheme = {
  token: {
    colorPrimary: '#6d4cfe', // 主色
    colorLink: '#f5222d', // 链接色
  },
};

const init = async () => {
  const { isLogin } = userStore;

  if (isLogin) {
    await initApp();

    sidebarStore.startUnreadInfoPolling();
  } else {
    sidebarStore.stopUnreadInfoPolling();
  }
};

onMounted(() => {
  init();
  // 监听全局未处理错误
  window.addEventListener('unhandledrejection', (event) => {
    event.preventDefault();
    console.log(event);
    console.error(`发现catch报错：${event.reason}`);
  });
});
onUnmounted(() => {
  sidebarStore.stopUnreadInfoPolling();
});
</script>

<style lang="scss">
@import './styles/index.scss';
</style>