pinia-plugin-persist ts使用

首先，确保你已经安装了最新版本的 `pinia` 和 `pinia-plugin-persist`。

然后，在你的项目中引入 `pinia-plugin-persist` 插件，并将其注册到你的 Pinia 实例中。示例代码如下：

import { defineStore } from 'pinia';
import { createPinia, PiniaPluginPersist } from 'pinia-plugin-persist';

// 创建 Pinia 实例
const pinia = createPinia();

// 注册 persist 插件
pinia.use(PiniaPluginPersist, {
  /** 配置选项 */
});

// 定义一个 store
const useMyStore = defineStore({
  id: 'my',
  state: () => ({
    count: 0
  }),
  actions: {
    increment() {
      this.count++;
    }
  }
});

// 导出 store 实例
export const myStore = useMyStore(pinia);

这样，你就可以在你的 store 中使用 `this.$persist` 方法进行数据的持久化了。例如，在上面的示例中，你可以在 `increment` 方法中添加以下代码：

actions: {
  increment() {
    this.count++;
    this.$persist(); // 将数据持久化到本地存储中
  }
}

当你更新 store 中的状态时，`this.$persist` 会自动将状态持久化到本地存储中。当你下次重新打开应用程序时，store 中的状态就会自动从本地存储中恢复。