Vue Devtools and nuxt 3 static build

[uuf6429]

For a staging environment, we would like to build a nuxt3 app as close to production as possible, but still with some tools enabled. In particular, it would be helpful to be able to use the Vue Devtools.

Unfortunately, I was not able to get this to work and I'm not sure if it is "intended" (as a consequence of a static build) or maybe misconfiguration on my side or so.

I basically added the following to nuxt.config.js, but it doesn't seem to work anymore (it used to work in nuxt 2):

{
  // ...
  vue: {
    config: {
      devtools: APP_ENV !== 'production'
    }
  }
}

To be fair, I couldn't see that config in any of the newer documentation.

Related links:

• https://vuejs.org/guide/scaling-up/tooling.html#browser-devtools
• Devtools: In dev mode getting "Devtools inspection is not available because it's in production mode or explicitly disabled by the author" nuxt/framework#2284
• https://v3.nuxtjs.org/api/configuration/nuxt.config#vue
• https://v3.nuxtjs.org/api/configuration/nuxt.config#vue-1
• https://dev.to/valentin9/force-enable-vue-js-devtools-in-production-mode-49jg (unfortunately didn't help)
• https://gist.github.com/ledtorch/9e7d36489a7f8ae9ea8a3229e8e4e897 🤔

PS: I also tried the beta version of the plugin, but that didn't help.