nuxt3 pinia localStorage is not defined

[fxzer]

Reproduction

nuxt3 pinia localStorage is not defined

Steps to reproduce the bug

Expected behavior

can use localStorage

Actual behavior

can use localStorage

Additional information

No response

[posva]

That error happens on server because localStorage is browser only (not related to pinia)
I recommend you to use or check Vue use useLocalStoarge to handle things

[santiagoaloi]

Quick update, if it helps anyone, to avoid this error from happening while using vite-ssg, you can use isClient, i.e

// This plugin is used for state persistence in Pinia stores.
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

export const install = ({ isClient, app, router }) => {
  // Create a new Pinia instance.
  const pinia = createPinia()

  pinia.use(({ store }) => {
    // The 'router' instance is marked as raw using 'markRaw'.
    // This prevents Vue from observing and tracking it in the reactivity system.
    store.router = markRaw(router)
  })

  if (isClient) {
    //Very important to only do this client-side, to avoid localStorage being undefined during ssg-build.
    // Use the 'piniaPluginPersistedstate' for state persistence in Pinia stores.
    pinia.use(piniaPluginPersistedstate)
  }
  app.use(pinia)
}

otherwise, you will get console errors like ReferenceError: localStorage is not defined