2FAuth/resources/js_vue3/router/middlewares/authGuard.js

import authService from '@/services/authService'

export default async function auth({ to, next, stores }) {
    const { user } = stores

    // No authenticated user on the front-end side, we try to
    // get an active user from the back-end side
    if (! user.isAuthenticated) {
        const currentUser = await authService.getCurrentUser()
        if (currentUser) {
            user.$patch({
                name: currentUser.name,
                preferences: currentUser.preferences,
                isAdmin: currentUser.is_admin,
            })
            user.applyUserPrefs()
        }
    }

    if (! user.isAuthenticated) {
        next({ name: 'login' })
    } else {
        next()
    }
}