nuxt 使用 pinia

在Nuxt中使用Pinia，您需要执行以下步骤：

1. 首先，您需要在您的Nuxt项目中安装Pinia。您可以使用以下命令来安装：

npm install pinia

2. 接下来，在您的Nuxt项目的`nuxt.config.js`文件中，添加Pinia插件。您可以在`plugins`数组中添加一个新的插件项，例如`pinia.js`：

plugins: [
  // other plugins
  '~/plugins/pinia.js',
],

3. 在您的Nuxt项目中创建一个新的插件文件`pinia.js`，并在其中配置Pinia。您可以按照以下示例进行配置：

import { createPinia } from 'pinia'

export default ({ app }) => {
  const pinia = createPinia()
  app.use(pinia)
}

4. 现在，您可以在您的Nuxt项目中使用Pinia了。您可以在组件中导入`useStore`函数，并使用它来访问和修改Pinia的状态。例如：

<script>
import { useStore } from 'pinia'

export default {
  setup() {
    const store = useStore()

    // 访问和修改状态
    const count = store.count
    store.increment()
  }
}
</script>

通过按照以上步骤，在您的Nuxt项目中使用Pinia，您可以方便地跨组件共享和管理状态。