官方文档

一、安装

pnpm add @pinia/nuxt

二、配置

添加到 nuxt.config.js 中的 modules （Nuxt 3）或 buildModules （Nuxt 2）：

// Nuxt 2
export default {
  buildModules: [['@pinia/nuxt', { disableVuex: true }]],
}
// Nuxt 3
export default defineNuxtConfig({
    modules: ['@pinia/nuxt'],
})

三、使用

在 composables 文件夹下创建一个 store.ts 文件

export const useNuxtStore = defineStore('nuxtStore', () => {
  const state = ref(0)

  const setStateAdd = (val: number) => {
    state.value += val
  }

  return {
    state,
    setStateAdd,
  }
})

测试使用：

三、更多功能请参考

nuxt3+pinia环境下实现数据持久化