How to persist Pinia variables in vue js

In command prompt enter the command

npm i pinia-plugin-persistedstate

Add the plugin to pinia

import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

Add the persist option to the store you want to be persisted:

import { defineStore } from 'pinia'

export const useStore = defineStore('store', {
  state: () => ({
    someState: 'hello pinia',
  }),
  persist: true,
})

Leave a comment

Your email address will not be published. Required fields are marked *