vue3配置pinia

要在 Vue 3 中使用 Pinia，你需要先安装它：

npm install pinia

然后，在你的 `main.js` 文件中导入 Pinia 并创建一个实例：

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'

const app = createApp(App)
const pinia = createPinia()

app.use(pinia)
app.mount('#app')

现在，你可以在你的组件中使用 Pinia 来创建一个 store：

import { defineStore } from 'pinia'

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

最后，你可以在你的组件中使用 `useStore` 来访问 store：

import { useCounterStore } from './counter'

export default {
  setup() {
    const counterStore = useCounterStore()

    return {
      count: counterStore.count,
      increment: counterStore.increment,
    }
  },
}

这就是在 Vue 3 中使用 Pinia 的基本配置。