55 lines
1.1 KiB
Vue
55 lines
1.1 KiB
Vue
<script lang="ts" setup>
|
|
import { toast } from 'vue-sonner'
|
|
import { Toaster } from '@/components/ui/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>
|