When using `pug` templates with `devTools` enabled: `Illegal tag name. Use '&lt;' to print '<'.`

[rudolfbyker]

Environment

---

• Operating System: Linux
• Node Version: v16.14.2
• Nuxt Version: 3.5.3
• Nitro Version: 2.4.1
• Package Manager: npm@7.17.0
• Builder: vite
• User Config: devtools
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-78ly8d?file=nuxt.config.ts

Describe the bug

When using pug templates with devTools enabled, I can't use the < or > operators inside attributes. They cause this error: Illegal tag name. Use '&lt;' to print '<'. When I disable devTools, the problem goes away.

Additional context

No response

Logs

No response

[antfu]

This seems to be a bug of https://github.com/webfansplz/vite-plugin-vue-inspector

Currently the workaround is to disable it via:

export default defineNuxtConfig({
  devtools: {
    componentInspector: false
  },
})

[shwetaAjmeraInfotech]

@antfu The above workaround does not works for me. Still it is showing the error.

Also does not seems to be a vite-plugin-vue-inspector issue, as when I created a fresh project, devtools is working but not in an existing project with many modules and plugins.