piniaPluginPersistedstate pinia setup语法使用方法

piniaPluginPersistedstate是一个Pinia插件，用于将状态持久化到本地存储中。以下是piniaPluginPersistedstate的用法：

1. 安装插件

首先，需要安装插件：

npm install pinia-plugin-persistedstate

2. 引入插件

在你的Pinia实例中，可以使用`usePlugin`方法引入插件：

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

const pinia = createPinia()

usePlugin(pinia)

你也可以通过在插件中传递选项来自定义插件的行为：

usePlugin(pinia, {
  key: 'my-app-state', // 设置存储的键名
  paths: ['user', 'settings'] // 设置要持久化的状态路径
})

3. 使用

现在你的应用程序状态将被自动持久化到本地存储中，当你重新加载页面时，你的应用程序状态将被还原。例如，在以下代码中，`counter`状态将被持久化到本地存储中：

import { defineStore } from 'pinia'

export const useCounterStore = defineStore('counter', {
  state: () => ({
    counter: 0
  }),
  actions: {
    increment() {
      this.counter++
    }
  }
})

更多信息可以参考[Pinia官方文档](https://pinia.esm.dev/plugins/persisted-state.html)。