Timothy Yin
b05f954923
fix: update home page background image and remove unnecessary redirect code chore: update pnpm lock file with new dependencies for auto-animate and svg spinners delete: remove unused images from public directory refactor: modify course and user types for better clarity and structure feat: implement course API with CRUD operations and teacher team management feat: create user authentication page with login functionality and validation feat: add login state management with Pinia for user session handling style: create reusable UI components for cards and tabs chore: implement HTTP utility for API requests with error handling
55 lines
1.1 KiB
Vue
55 lines
1.1 KiB
Vue
<script lang="ts" setup>
|
|
import { Toaster } from "@/components/ui/sonner";
|
|
import { toast } from "vue-sonner";
|
|
|
|
const route = useRoute();
|
|
const router = useRouter();
|
|
const loginState = useLoginState();
|
|
|
|
const onLoginExpired = () => {
|
|
toast.error("登录过期，请重新登录");
|
|
router.replace("/user/authenticate");
|
|
};
|
|
|
|
watch(
|
|
() => loginState.isLoggedIn,
|
|
(isLoggedIn) => {
|
|
if (!isLoggedIn) {
|
|
toast.info("账号已退出，请重新登录");
|
|
router.replace("/user/authenticate");
|
|
}
|
|
}
|
|
);
|
|
|
|
onBeforeMount(() => {
|
|
if (route.meta.requiresAuth && loginState.isLoggedIn) {
|
|
loginState
|
|
.checkLogin()
|
|
.then((user) => {
|
|
if (!user) {
|
|
onLoginExpired();
|
|
}
|
|
})
|
|
.catch(() => {
|
|
onLoginExpired();
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<SidebarProvider>
|
|
<TooltipProvider>
|
|
<NuxtLayout>
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
<Toaster
|
|
rich-colors
|
|
close-button
|
|
position="top-right"
|
|
class="pointer-events-auto"
|
|
/>
|
|
</TooltipProvider>
|
|
</SidebarProvider>
|
|
</template>
|