search

vuejs / devtools-next

The next iteration of Vue DevTools
https://devtools.vuejs.org/
MIT License
1.42k stars 98 forks source link

Compatible with WXT framework #436

Closed pavitra-infocusp closed 3 months ago

pavitra-infocusp commented 3 months ago

I added the vue devtools next plugin to my Vite config as per the docs. The project uses WXT framework to build a Chrome extension.

image

When I run the extension, I fail to see the devtools on the page.

Console: image

index.html file: image

Source files: image

alexzhang1030 commented 3 months ago

I have implemented a POC and will further explore improved handling logic.

https://github.com/vuejs/devtools-next/assets/49969959/6d454b85-bda2-4d77-991f-f59f2b1a3177

webfansplz commented 3 months ago

Hi @pavitra-infocusp , You can try the appendTo option, e.g.

vueDevTools({
  appendTo: '/entrypoints/popup/main.ts'
})

wxt

pavitra-infocusp commented 3 months ago 
vueDevTools({
  appendTo: '/entrypoints/newtab/main.js' // my new tab entrypoint
})

Thank you, that worked great!