pinia 提前挂载的坑

【pinia】router使用pinia报错 getActivePinia was called with no active Pinia. Did you forget to install

//router index.js
import pinia from '@/stores/index.js'
import { useCounterStore } from '@/stores/counter.js'
//如果使用持久化工具 下面这行代码必须在路由守卫中引入 不然持久化不生效
const { firstlogin, changeLogin } = useCounterStore(pinia)

//stores index.js
import { createPinia } from 'pinia'
const pinia = createPinia()
export default pinia


//stores  counter.js
import { ref, computed } from 'vue'
import { defineStore } from 'pinia'

export const useCounterStore = defineStore(
  'counter',
  () => {
    const isCollapse = ref(false)
    const firstlogin = ref(true)
    const changeLogin = (data) => {
      firstlogin.value = data
    }
    return { isCollapse, firstlogin, changeLogin }
  },
  {
    persist: {
      enabled: true,
      strategies: [
        {
          key: 'user',
          storage: localStorage,
          paths: ['firstlogin']
        }
      ]
    }
  }
)


//main.js

import { createApp } from 'vue'
import pinia from './stores/index.js'

import App from './App.vue'
import router from './router'
import PiniaPlugin from 'pinia-plugin-persist'

const app = createApp(App)
// const pinia = createPinia()
pinia.use(PiniaPlugin)
app.use(pinia).use(router).mount('#app')