nuxt3中使用pinia+本地储存

在 Nuxt 3 中使用 Pinia 进行本地储存，需要先安装 `pinia` 和 `pinia-plugin-persistedstate`：

npm install pinia pinia-plugin-persistedstate

然后在 `nuxt.config.js` 中配置 Pinia 插件：

import { defineNuxtConfig } from 'nuxt3'
import piniaPlugin from 'pinia/plugin'
import persistedStatePlugin from 'pinia-plugin-persistedstate'

export default defineNuxtConfig({
  plugins: [
    piniaPlugin(),
    persistedStatePlugin()
  ]
})

接着，在你的代码中使用 Pinia 即可：

import { defineStore } from 'pinia'

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

这样，你的 `useCounterStore` 就可以通过插件自动进行本地储存了。如果需要更多的配置选项，可以查看 `pinia-plugin-persistedstate` 的文档。