Nuxt•2y ago

Nuxt Supabase Login is loading forever

I dont really know if this is a question for supabase or nuxt but i am using both.

When i login my nuxt app should redirect via middleware when the user is authenticated. Additionally i have some router.push functions and a location.reload function to move the user over to the dashboard. but sometimes it just loads forever and does not redirect the user unless a manual page reload happens

this is my login function, triggered by a button klick if the user has given his email and password

const signInEmail = async () => {
    try {
        loading.value = true
        const { error } = await client.auth.signInWithPassword({
            email: email.value,
            password: password.value,
        })
        toast.add({ title: 'Welcome', description: 'You have successfully signed in' })
        router.push(localePath("/app"))
        location.reload();
        loading.value = false
    }
    catch (error) {
        toast.add({ title: 'Error', description: error.message, color: 'red' })
    } finally {

    }
}

const signInEmail = async () => {
    try {
        loading.value = true
        const { error } = await client.auth.signInWithPassword({
            email: email.value,
            password: password.value,
        })
        toast.add({ title: 'Welcome', description: 'You have successfully signed in' })
        router.push(localePath("/app"))
        location.reload();
        loading.value = false
    }
    catch (error) {
        toast.add({ title: 'Error', description: error.message, color: 'red' })
    } finally {

    }
}

""𝑹𝑨𝑽𝑬𝑵‧₊I dont really know if this is a question for supabase or nuxt but i am using bot...

Patrity•4/16/24, 1:18 AM

hey @RAVEN! You shouldn't need to reload your window like you're doing. My supabase impl looks fairly similar with a couple of differences.
You can simply with the string of the path, but this is an async function which is probably why nothing is happening for you right now.

"𝑹𝑨𝑽𝑬𝑵‧₊OP•4/16/24, 7:08 AM

Oh okay, i did not know that router push is async. It also does not throw any errors.

I will try that and tell you if it solved my problem

""𝑹𝑨𝑽𝑬𝑵‧₊Oh okay, i did not know that router push is async. It also does not throw any er...

Patrity•4/16/24, 10:56 AM

according to the docs, is actually the preferred method, and it is also async: https://nuxt.com/docs/api/utils/navigate-to

"𝑹𝑨𝑽𝑬𝑵‧₊OP•4/16/24, 11:23 AM

Okay thank you