I can't find a way to apply a plugin only to specific store.

[fermaud]

In the doc, it says Apply only to specific stores
Is there any option to do that ? I could not find a way to do it.
https://pinia.vuejs.org/core-concepts/plugins.html#plugins

[Ilanaya]

Hm, if I get you clear you just need to compare store.$id with id of the store you need to patch.
Like this:

const id = 'yourId'
pinia.use(({ store }) => {
  if(store.$id === id) {
     ....
})

[fermaud]

Thank your for the answer @maIIady , the problem with this solution is that you will still have typescript autocompletion of the plugin methods even for stores where you don't need the plugin.

[posva]

Unfortunately, TS cannot infer the type of the store here, you should be able to get the type of the store with

const storeTyped = store as ReturnType<typeof useYourIdStore>

[isimmons]

This method would not work for me at all. to load an imported plugin. But I used the same conditional at the top of the actual plugin for an early return and it works.

As for Typescript autocompletion I have the opposite problem. Even before restricting the plugin to the one store, the plugin methods were missing from the stores type. I had to create a custom type in the template where I want to use the plugin methods.

import { useProductStore, useCartStore } from '~/stores';

const productStore = useProductStore();
const cartStore = useCartStore();

export type CartStoreWithPlugin = typeof cartStore & {
  undoHistory: () => void;
  redoHistory: () => void;
};

const store = cartStore as CartStoreWithPlugin;