Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Compatible with WXT framework #436

Closed
pavitra-infocusp opened this issue Jun 10, 2024 · 3 comments
Closed

Compatible with WXT framework #436

pavitra-infocusp opened this issue Jun 10, 2024 · 3 comments
Assignees
Labels
documentation Improvements or additions to documentation usage Usage issue/question

Comments

@pavitra-infocusp
Copy link

pavitra-infocusp commented Jun 10, 2024

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 alexzhang1030 added enhancement New feature or request vite scope: vite plugin labels Jun 10, 2024
@alexzhang1030 alexzhang1030 changed the title Unable to load in a browser extension Compataible with wtx framework Jun 10, 2024
@alexzhang1030 alexzhang1030 changed the title Compataible with wtx framework Compataible with WXT framework Jun 10, 2024
@alexzhang1030
Copy link
Member

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

Untitled.mp4

@alexzhang1030 alexzhang1030 self-assigned this Jun 10, 2024
@pavitra-infocusp pavitra-infocusp changed the title Compataible with WXT framework Compatible with WXT framework Jun 11, 2024
@webfansplz
Copy link
Member

webfansplz commented Jun 12, 2024

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

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

wxt

@webfansplz webfansplz added documentation Improvements or additions to documentation usage Usage issue/question and removed enhancement New feature or request vite scope: vite plugin labels Jun 12, 2024
@pavitra-infocusp
Copy link
Author

vueDevTools({
  appendTo: '/entrypoints/newtab/main.js' // my new tab entrypoint
})

Thank you, that worked great!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Improvements or additions to documentation usage Usage issue/question
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants