VueDevTools plugin causes the module info's to be empty

[ThaDaVos]

Describe the bug

When I click to view a module, it just opens an empty blank screen, no module information - if I try the same using build mode than I do have content.

Below is shown:

Also the following errors are show in the console:

Object {  }
index-DL5ndA4F.js:2044:13
downloadable font: rejected by sanitizer (font-family: "DM Mono" style:normal weight:400 stretch:100 src index:0) source: http://localhost:5173/assets/fonts/dmmono-c6e6cdda.woff2

Reproduction

Reproduction on CodeSandbox

System Info

System:
    OS: Windows 11 10.0.26100
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i9-12900H
    Memory: 11.16 GB / 31.70 GB
  Binaries:
    Node: 22.13.0 - C:\Program Files\nvm4w\nodejs\node.EXE
    npm: 10.9.2 - C:\Program Files\nvm4w\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (131.0.2903.112)

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Contributions

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests (actually just go ahead and do it, thanks!)

[antfu]

We temporarily closed this due to the lack of enough information. We could not identify whether it was a bug or a userland misconfiguration with the given info.
Please provide a minimal reproduction to reopen the issue.
Thanks.

Why reproduction is required

[ThaDaVos]

Here by the reproduction - also figured out what's causing it: https://codesandbox.io/p/sandbox/54jnz6

If you check, you can see all pages are blank - unless you remove vueDevTools from the plugin list - then it works

[ThaDaVos]

@antfu - can you re-open the issue please?