Register pinia plugin with @pinia/nuxt module?

[ttkoma]

Hey! Thanks for your work, pinia a very cool.

Please any idea how i can register pinia plugin with @pinia/nuxt module?

[posva]

It's done for you. Is something missing at https://pinia.esm.dev/ssr/nuxt.html?

[ttkoma]

Thanks for this module. But I didn't find an example in the documentation on how to use the Pinia plugins to extend the store using nuxt.
It turned out to be very simple, we can use nuxt plugins to access the pinia instance.
like this:

nuxt.config.js

plugins: [
    "./plugins/secretPiniaPlugin.js"
 ],

secretPiniaPlugin.js

function SecretPiniaPlugin(ctx) {
  ctx.store.$subscribe((mutation) => {
    // react to store changes
    console.log(`[STORE] ${mutation.storeId} ${mutation.type} changed`)
  })

  return { secret: 'the cake is a lie' }
}

export default function (nuxtCtx) {
  const { pinia } = nuxtCtx;
  pinia.use((piniaCtx) => SecretPiniaPlugin(piniaCtx));
}

[posva]

aah, I thought you were talking about the Vue plugin of Pinia 😆

Yeah, this is the correct way. I will document it

[posva]

Full instructions at https://pinia.esm.dev/core-concepts/plugins.html#nuxt-js