Pinia Plugin Persist

Basic usage

By enabling the persist plugin on your store, the whole state will be stored in the sessionStorage by default.

The store id is used as the storage key (to set a custom storage key)

// store/use-user-store.ts
import { defineStore } from 'pinia'

export const useUserStore = defineStore('storeUser', {
  state: () => {
    return {
      firstName: 'S',
      lastName: 'L',
      accessToken: 'xxxxxxxxxxxxx'
    }
  },
  actions: {
    setToken (value: string) {
      this.accessToken = value
    }
  },
  persist: {
    enabled: true
  }
})