[Feature request] Inspector auto-opens when using Chrome Vue DevTools and vite-plugin-vue-devtools together

[SidStraw]

Problem Description

When developing a frontend project with both Chrome Vue DevTools and vite-plugin-vue-devtools installed, selecting a component using Chrome Vue DevTools’ “Select component in the page” or inspecting a component triggers the following issues:

• vite-plugin-vue-devtools automatically opens its Inspector panel, causing interference.
• It is not possible to fully disable or prevent the in-page Inspector overlay from vite-plugin-vue-devtools.
• The overlay negatively affects the page interaction experience.

Expected Behavior

• When used together with Chrome Vue DevTools, each Inspector should operate independently without triggering the other.
• Provide configuration options to completely disable the in-page Inspector overlay from vite-plugin-vue-devtools.

Additional Notes

The overlay UI displayed on top of the page significantly affects interactions. When testing mobile layouts, this popup may take up a large portion of the screen, and closing the devtools panel might also close the popup unintentionally.

https://github.com/user-attachments/assets/e53d9403-ce43-4f49-8d90-efb3667e84e7

[huih99]

Me too