litlyx/dashboard/middleware/01.client_auth.global.ts

import type { AuthContext } from "~/server/middleware/01-authorization";

async function executeUserLogin(token: string): Promise<[true, AuthContext] | [false, null]> {
    const user = await $fetch<AuthContext>('/api/user/me', { headers: { 'Authorization': 'Bearer ' + token } });
    if (!user) return [false, null];
    if (user.logged == false) return [false, null];
    return [true, user];
}

async function handleUserLogin(authContext?: AuthContext) {

    if (authContext) return;

    const { token, setToken } = useAccessToken();

    if (!token.value || token.value.length == 0) {
        setToken(''); // LOGOUT
        return;
    }

    const [ok, newContext] = await executeUserLogin(token.value);

    if (!ok) {
        setToken(''); // LOGOUT
        return;
    }

    const { setLoggedUser } = useLoggedUser();
    setLoggedUser(newContext);

}

export default defineNuxtRouteMiddleware(async (to, from) => {

    if (!to.name) return;

    const { user } = useLoggedUser();

    await handleUserLogin(user.value);

    if (user.value?.logged) {
        if (to.path == '/login' || to.path == '/register') return '/';
    } else {
        if (
            to.path != '/login' &&
            to.path != '/register' &&
            to.path != '/live_demo' &&
            to.path != '/jwt_login' &&
            to.path != '/forgot_password'
        ) {
            console.log('REDIRECT TO LOGIN', to.path);
            return '/login';
        }
    }

})