How to access Store A action in Store B?

[sajjadalis]

This is store A.

import { defineStore } from "pinia";
export const useItemStore = defineStore({
	id: "items",
	state: () => ({
		items: [],
	}),
	actions: {
		fetchItems() {
			this.items = [1, 2, 3, 4];
		},
	},
});

This is store B.

import { defineStore } from "pinia";
import { useItemStore } from "@/stores/items";
const { fetchItems } = useItemStore();

export const usePostStore = defineStore({
	id: "posts",
	state: () => ({
		post: {},
	}),
	actions: {
		createPost() {
			this.post = { title: "Post" };
                        fetchItems();
		},
	},
});

I'm getting this error.

pinia.esm-browser.js:1638 Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia?
	const pinia = createPinia()
	app.use(pinia)
This will fail in production.
    at useStore (pinia.esm-browser.js:1638:19)

Help would be really appreciated.

[sajjadalis]

I have managed to access the action. I wonder if that's the correct way.

import { defineStore } from "pinia";
import { useItemStore } from "@/stores/items";

export const usePostStore = defineStore({
	id: "posts",
	state: () => ({
		post: {},
        itemStore: useItemStore()
	}),
	actions: {
		createPost() {
			this.post = { title: "Post" };
            this.itemStore.fetchItems();
		},
	},
});

[posva]

This is the correct way: https://pinia.vuejs.org/cookbook/composing-stores.html#composing-stores