Nuxt•2mo ago

Using Pinia inside a module

Hey, I'm creating a Nuxt 3 Module right now and I want to use Pinia in it. I am having trouble integrating Pinia though. I tried adding it as a plugin like this but I don't think that's the right way to do it. Could anyone give me a hint please? 🙂 module.ts

 setup(moduleOptions, _nuxt) {
  addPlugin(resolve('./runtime/pinia'))
 }

 setup(moduleOptions, _nuxt) {
  addPlugin(resolve('./runtime/pinia'))
 }

pinia.ts

import { useLoginStore } from './stores/login'
import { defineNuxtPlugin } from '#imports'

export default defineNuxtPlugin((_nuxtApp) => {
  _nuxtApp.provide('loginStore', useLoginStore())
})

import { useLoginStore } from './stores/login'
import { defineNuxtPlugin } from '#imports'

export default defineNuxtPlugin((_nuxtApp) => {
  _nuxtApp.provide('loginStore', useLoginStore())
})

2 Replies

dmarr•2mo ago

Could you use installModule ?

dmarr•2mo ago

https://stackblitz.com/edit/github-hlmc7s?file=playground%2Fapp.vue

David Marr

StackBlitz

Nuxt - Starter - StackBlitz

Create a new Nuxt project, module, layer or start from a theme with our collection of starters.

Gaming

Programming

Using Pinia inside a module