Fail to integrate with Nuxt3

[maicWorkGithub]

Reproduction

https://stackblitz.com/edit/nuxt-starter-mjjyny?file=app.vue

Steps to reproduce the bug

npm run dev

Expected behavior

Should see the web render succeed.

Actual behavior

pinia was called with no active Pinia. Did you forget to install pinia?
	const pinia = createPinia()
	app.use(pinia)
This will fail in production.

Additional information

nuxt/nuxt#20225

[posva]

You need to put the useStore() within the other store, not outside:

import { useBStore } from './b';
// cannot call useBStore() here
export const useAStore = defineStore('a', {
  state: () => {
    return {
      a: 22,
    };
  },
  actions: {
    increaseA() {
      this.a++;
// it must be here
      const bStore = useBStore();

      bStore.decrease();
    },
  },
});

[maicWorkGithub]

If so, if I have 10 places use bStore's method in aStore, I should write 10 times const bStore = useBStore()? And update bStore's state also rewrite const bStore = useBStore()？

[posva]

Yes, or use setup stores for these. There are quite a few examples in existing discussions and in docs: https://pinia.vuejs.org/cookbook/composing-stores.html

[maicWorkGithub]

Thanks, I thought I was using setup store already. 😂