import piniaPluginPersistedstate from "pinia-plugin-persistedstate"; //pinia

`pinia-plugin-persistedstate` 是一个用于 Pinia（Vue.js 的状态管理模式）的插件，它允许你持久化存储Pinia的状态。Pinia 是 Vue 3 中基于响应式数据的官方状态管理库。

要使用这个插件，首先确保已安装 Vue 和 Pinia。然后按照以下步骤操作：

1. 安装插件：

npm install @pinia/persistedstate
# 或者
yarn add @pinia/persistedstate

2. 在创建 Pinia store 时引入并配置插件：

import { createApp } from 'vue'
import { createPinia } from '@pinia/core'
import persistedStatePlugin from '@pinia/persistedstate'

const app = createApp(App)
const store = createPinia({
  plugins: [persistedStatePlugin()]
})

// 选择你想持久化的状态，例如：
store.persistedState('myStore', {
  key1: 'initialValue1',
  key2: 'initialValue2'
})

// 当应用启动时，会自动从localStorage恢复这些状态
app.use(store)

3. 在 store 中访问和更新状态：

export default {
  state: () => ({
    value1: store.persister('key1'),
    value2: store.persister('key2')
  }),
  actions: {
    updateValue1(newValue) {
      store.persister('key1', newValue)
    }
  }
}

现在，`value1` 和 `value2` 将从 localStorage 恢复，并且更改会被自动保存。