Trying to use pinia store in plugin provided by custom module
I have a custom module that has begun to fail outside of it's own playground since updating to nuxt 3.16.2. The problem is that when workign on the module the playground runs as expected. After building and importing into a local project we get the dreaded:
Our plugin looks like this:
```typescript
export default defineNuxtPlugin(async (NuxtApp) => {
const voixConfig = useRuntimeConfig().public.voix.options as unknown as VoixModuleOptionsInterface
const voixOptions = Object.assign({}, voixConfig)
if (!voixOptions.languages?.length) {
voixOptions.languages = [
{
code: 'en',
name: 'English',
icon: '
',
},
]
}
let voix: IVoix = {
options: voixOptions,
breakpoint: ref(''),
}
const sliceStore = useSliceStore()
// eslint-disable-next-line ts/no-unsafe-assignment
sliceStore.slices = slicesConfig
const layoutStore = useLayoutStore()
// eslint-disable-next-line ts/no-unsafe-assignment
layoutStore.layouts = layoutsConfig
NuxtApp.vueApp.directive('voix-text', vVoixText)
NuxtApp.vueApp.directive('voix-text-color', vVoixTextColor)
NuxtApp.vueApp.directive('voix-background-color', vVoixBackgroundColor)
NuxtApp.vueApp.directive('voix-visibility', vVoixVisibility)
NuxtApp.vueApp.directive('voix-popper', vVoixPopper)
voix = voixBreakpointsSetup(voix)
voix = voixFetchSetup(voix)
voix = voixEventsSetup(voix)
authMiddlewareSetup()
voixApplicationSetup()
// Injects into the application for global use
return {
provide: {
voix,
},
}
})
Uncaught Error: [:pineapple:]: "getActivePinia()" was called but there was no active Pinia. Our plugin looks like this:
```typescript
export default defineNuxtPlugin(async (NuxtApp) => {
const voixConfig = useRuntimeConfig().public.voix.options as unknown as VoixModuleOptionsInterface
const voixOptions = Object.assign({}, voixConfig)
if (!voixOptions.languages?.length) {
voixOptions.languages = [
{
code: 'en',
name: 'English',
icon: '
',},
]
}
let voix: IVoix = {
options: voixOptions,
breakpoint: ref(''),
}
const sliceStore = useSliceStore()
// eslint-disable-next-line ts/no-unsafe-assignment
sliceStore.slices = slicesConfig
const layoutStore = useLayoutStore()
// eslint-disable-next-line ts/no-unsafe-assignment
layoutStore.layouts = layoutsConfig
NuxtApp.vueApp.directive('voix-text', vVoixText)
NuxtApp.vueApp.directive('voix-text-color', vVoixTextColor)
NuxtApp.vueApp.directive('voix-background-color', vVoixBackgroundColor)
NuxtApp.vueApp.directive('voix-visibility', vVoixVisibility)
NuxtApp.vueApp.directive('voix-popper', vVoixPopper)
voix = voixBreakpointsSetup(voix)
voix = voixFetchSetup(voix)
voix = voixEventsSetup(voix)
authMiddlewareSetup()
voixApplicationSetup()
// Injects into the application for global use
return {
provide: {
voix,
},
}
})
