Session not set on index.vue / middleware

[luminous8]

Hi,

I have a client middleware auth.global.js that looks like this

export default defineNuxtRouteMiddleware((to, from) => {
    try {
        const { loggedIn, user, session } = useUserSession();
        const {
            meta: { redirectIfLoggedIn, requiresAuth, requiresPremium },
        } = to || {};

        if (loggedIn.value) {
             if (to.fullPath === '/') {
                return navigateTo({ name: 'anotherPage' });
            } 
        }
        ...
    } catch (error) {
        console.log('auth.global error: ', { error });
    }
});

that works well but when landing "/", loggedIn is false, user & session are not defined

I've tried to this in index.page without any luck

<script setup>
const { loggedIn } = useUserSession();
onMounted(() => {
    console.log('on mounted', loggedIn.value);
    if (loggedIn.value) {
        return navigateTo({ name: 'apps' });
    }
});
</script>

but when using loggedIn or user inside