Auth State clearing on page refresh

[JoshPJackson]

Hi all. I've got a Nuxt SPA powered by a Laravel backend, using this config for the plugin:

// https://nuxt.com/docs/api/configuration/nuxt-config
import Aura from "@primevue/themes/aura";

export default defineNuxtConfig({
  devtools: { enabled: false },
  modules: ["@nuxtjs/tailwindcss", "@primevue/nuxt-module", "nuxt-auth-sanctum", '@pinia/nuxt', '@nuxt/test-utils/module', '@vueuse/nuxt', '@nuxt/test-utils/module',  'pinia-plugin-persistedstate/nuxt',],
  ssr: false,
  pages: true,
  primevue: {
      options: {
          theme: {
              preset: Aura,
          },
          ripple: true,
      },
      autoImport: true,
  },

  sanctum: {
      baseUrl: 'http://localhost',
      globalMiddleware: {enabled: true},
      endpoints: {
          login: 'api/login',
          logout: 'api/logout'
      },
      redirect: {
        onGuestOnly: '/',
        onAuthOnly: '/login',
      },
      client: {
        retry: false,
        initialRequest: false
      }
  },

  compatibilityDate: "2024-10-26",

  runtimeConfig: {
    public: {
        api_url: process.env.API_URL,
    }
  },

  app: {
    head: {
        style: ['node_modules/primeicons/primeicons.css']
    }
  },
});

I can login ok, but whenever I refresh the page in the browser I get logged out again. I am using cookie auth so the cookie should persist when refreshing the page. Anyone know what I am doing wrong?

[manchenkoff]

Hey @JoshPJackson! The problem is in initialRequest: false, it should be true if you want to automatically fetch user identity on page refresh (plugin initialisation). You should disable initialRequest only when you need to control the order of plugins loading, more details can be found here - Plugin dependencies.