fix: Vue warning: Extraneous non-props attributes (data-v-inspector)

[neneodonkor]

📚 What are you trying to do?

I got a warning after I upgraded for the previous version of Nuxt in my project. Although it is not a major bug, it would be nice to know where the issue is in my code. Maybe if someone could explain, it could be of help. I suspect it has to do with passing down props.

🔍 What have you tried?

No response

ℹ️ Additional context

No response

[ivan-angjelkoski]

i also get this issue when using the devtools and with Shadcn-Vue,
when in SSR, i get this warning in terminal/server console, but on browser its fine..
if i turn off SSR, then again in browser is fine but i dont have SSR.

so im guessing its something with this module... if not i need to open a ticket in shadcn-vue.

to recreate this issue, just install shadcn-vue in nuxt, and try using the components, even the example ones yield this error...

note: the examples on stackblitz use vue, not nuxt.

@antfu any hints?

[one-222333]

"I also encountered this problem. You can temporarily solve it by setting componentInspector: false:

devtools: {
  enabled: true,
  componentInspector: false
}

Link: #259 (comment)"

[neneodonkor]

componentInspector: false

Thanks for the suggestion.