Pinia Plugin Persist

Persist partial state

By default the whole state is persisted, but you can specify the state keys you want ot persist, by setting the paths key in each strategy.

In this example we persist the firstName and lastName in the sessionStorage, and the accessToken in the localStorage.

// store/use-user-store.ts
export const useUserStore = defineStore('storeUser', {
  state () {
    return {
      firstName: 'S',
      lastName: 'L',
      accessToken: 'xxxxxxxxxxxxx',
    }
  },
  persist: {
    enabled: true,
    strategies: [
      { storage: sessionStorage, paths: ['firstName', 'lastName'] },
      { storage: localStorage, paths: ['accessToken'] },
    ],
  },
})