Using the

@nuxtjs/supabase

module, trying to setup a really basic auth. On my login page I have:

javascript
const login = async () => {
  await auth
    .signIn({
      email: email.value,
      password: password.value,
    })
    .then(() => {
      router.push("/");
    })
    .catch((error) => {
      return alert(error);
    });
};

On the index page I have the following calling middleware:

javascript
definePageMeta({
  middleware: "auth",
});

And the

auth

middleware is:

javascript
export default defineNuxtRouteMiddleware((to, _from) => {
    const user = useSupabaseUser()
    if (!user.value) {
        console.log("User not authenticated")
        return navigateTo('/login')
    }
})

When I login, the middleware fails and says "User not authenticated". However it actually has, if I refresh I am logged in. It's almost like the middleware just acts too quickly and needs to wait a second. Any idea how to resolve this?

Hello @Mattyfaz! This thread has been automatically created from your message in #843999948717555735 a few seconds ago. We have already mentioned the @User so that they can see your message and help you as soon as possible! Want to unsubscribe from this thread? Right-click the thread in Discord (or use the ``...`` menu) and select "Leave Thread" to unsubscribe from future updates. Want to change the title? Use the ``/title`` command! We have solved your problem? Click the button below to archive it.

Solved by using

navigateTo("/")

rather than

router.push("/")

in the login page.

Thread was archived by @Mattyfaz. Anyone can send a message to unarchive it.