nuxtServerInit working on dev but not on start - alternatives?

[Jesus82]

Related to this discussion, I'm using a nuxtServerInit action on vuex store

store.js

nuxtServerInit(vuexContext, { $config }) {
    vuexContext.dispatch('myVuexAction')
  },

All works well while running npm run dev and npm run build, but when running npm run start I get a

Error occurred when calling nuxtServerInit:  events__WEBPACK_IMPORTED_MODULE_19___default.a is not a constructor
[nuxt] [request error] [unhandled] [500] events__WEBPACK_IMPORTED_MODULE_19___default.a is not a constructor

I tried to change it to a plugin by doing:

plugins/01.init.ts

export default defineNuxtPlugin(nuxtApp => {
  nuxtApp.hook('app:mounted', async () => {
    vuexContext.dispatch('myVuexAction')
  })
})

The action executes, but too late. I also tried other hooks like created and beforeMount, but the action is not dispatched there.

What would be the correct way to do this in Nuxt Bridge?

[Jesus82]

Solution was to rename the file to

plugins/01.init.server.ts

and add it to the plugins object in nuxt.config.ts (very important, if not it doesn't work)

plugins: [{ src: '~/plugins/01.init.server' }],

Then no need for a hook as it executes on server side

export default defineNuxtPlugin(nuxtApp => {
    nuxtApp.nuxt2Context.store.dispatch('myVuexAction')
})