marzban-dev
73 lines
1.9 KiB
Vue
73 lines
1.9 KiB
Vue
<script lang="ts" setup>
|
|
import { useAuth } from '~/composables/api/auth/useAuth';
|
|
import useRefreshAuth from '~/composables/api/auth/useRefreshAuth';
|
|
import useVerify from '~/composables/api/auth/useVerify';
|
|
|
|
// state
|
|
|
|
const { mutateAsync: refreshAuth } = useRefreshAuth();
|
|
const { token, refreshToken, updateToken, updateRefreshToken, logout } = useAuth();
|
|
const { mutateAsync: verify } = useVerify();
|
|
|
|
// lifecycle
|
|
|
|
onServerPrefetch(async () => {
|
|
if (!!token.value) {
|
|
// 1.1 - token is there
|
|
|
|
try {
|
|
await verify({
|
|
token: token.value,
|
|
});
|
|
|
|
// 2.1 - token is valid, finish
|
|
} catch (e) {
|
|
// 2.2 - token is there, but not valid, try to refresh token
|
|
|
|
if (!!refreshToken.value) {
|
|
// 3.1 - refresh token is there, try to refresh
|
|
|
|
try {
|
|
const refreshResponse = await refreshAuth({
|
|
refresh: refreshToken.value,
|
|
});
|
|
|
|
// 4.1 - token is refreshed successfully, finish
|
|
|
|
updateToken(refreshResponse.access);
|
|
updateRefreshToken(refreshResponse.refresh);
|
|
} catch (e) {
|
|
// 4.2 - cant refreshing token, logout
|
|
|
|
logout();
|
|
}
|
|
} else {
|
|
// 3.2 - refresh token is not exist, logout
|
|
|
|
logout();
|
|
}
|
|
}
|
|
} else {
|
|
// 1.2 - token is not exist, logout
|
|
|
|
logout();
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="w-full flex flex-col-center persian-number font-iran-yekan-x"
|
|
dir="rtl"
|
|
>
|
|
<Header />
|
|
<main class="w-full overflow-x-hidden">
|
|
<NuxtPage />
|
|
</main>
|
|
<div class="w-full flex-col flex mt-20">
|
|
<ServiceHighlights />
|
|
<Footer />
|
|
</div>
|
|
</div>
|
|
</template>
|