OJ2/apps/web/src/main.ts

import { addAPIProvider } from "@iconify/vue"
import { createPinia } from "pinia"
import { createRouter, createWebHistory } from "vue-router"

import { STORAGE_KEY } from "utils/constants"
import storage from "utils/storage"

import App from "./App.vue"
import { admins, ojs } from "./routes"

const router = createRouter({
  history: createWebHistory(),
  routes: [ojs, admins],
})

const pinia = createPinia()

// 创建 app 并安装插件
const app = createApp(App)
app.use(pinia)
app.use(router)

// 现在可以安全地使用 Store
import { useAuthModalStore } from "./shared/store/authModal"
import { useUserStore } from "./shared/store/user"

const authStore = useAuthModalStore()

router.beforeEach(async (to, _from, next) => {
  // 检查是否需要认证
  if (to.matched.some((record) => record.meta.requiresAuth)) {
    if (!storage.get(STORAGE_KEY.AUTHED)) {
      authStore.openLoginModal()
      next("/")
      return
    }
  }

  // 检查权限
  if (
    to.matched.some(
      (record) =>
        record.meta.requiresSuperAdmin ||
        record.meta.requiresTeacherAdmin ||
        record.meta.requiresProblemPermission,
    )
  ) {
    if (!storage.get(STORAGE_KEY.AUTHED)) {
      authStore.openLoginModal()
      next("/")
      return
    }

    const userStore = useUserStore()
    if (!userStore.user) {
      try {
        await userStore.getMyProfile()
      } catch (error) {
        next("/")
        return
      }
    }
    if (to.matched.some((record) => record.meta.requiresSuperAdmin)) {
      if (!userStore.isSuperAdmin) {
        next("/")
        return
      }
    } else if (to.matched.some((record) => record.meta.requiresTeacherAdmin)) {
      if (!userStore.isTeacherOrAbove) {
        next("/")
        return
      }
    } else if (
      to.matched.some((record) => record.meta.requiresProblemPermission)
    ) {
      if (!userStore.hasProblemPermission) {
        next("/")
        return
      }
    }
  }

  next()
})

app.mount("#app")

if (!!import.meta.env.PUBLIC_ICONIFY_URL) {
  addAPIProvider("", {
    resources: [import.meta.env.PUBLIC_ICONIFY_URL],
  })
}