Add vue devtools vite plugin about vite-vue3-chrome-extension-v3

[ultimateshadsform]

We have to solve this tailwind issue either way. So I think this is worth the effort?

I just checked by removing tailwind. No the issue is not tailwind.

It must be the inject.js problem that is causing it because it can't load properly.

[ultimateshadsform]

This is the cause:

Denying load of chrome-extension://pbcpfbcibpcbfbmddogfhcijfpboeaaf/inject.js. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.
invalid/:1 
        
        
       Failed to load resource: net::ERR_FAILED
favicon.svg:1 
        
        
       Failed to load resource: the server responded with a status of 404 (Not Found)

[ultimateshadsform]

Oh sorry. Yeah. The inject.js can be ignored. It must be some other issue for me.

[mubaidr]

Investigate why vue-devtools breaks webpage styles. maybe related to: #51?

[ultimateshadsform]

It would be nice if we could just exclude instead of using a prefix.

[mubaidr]

We have to solve this tailwind issue either way. So I think this is worth the effort?

[ultimateshadsform]

We have to solve this tailwind issue either way. So I think this is worth the effort?

Yeah. I think it's worth the effort. Maybe try prefix first just to see if it's the root cause and then use exclude if it works.

But if you open the devtools page you can see an error with inject.js. I think that may be the cause of issue.

[mubaidr]

This is the cause:

Denying load of chrome-extension://pbcpfbcibpcbfbmddogfhcijfpboeaaf/inject.js. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.
invalid/:1 
        
        
       Failed to load resource: net::ERR_FAILED
favicon.svg:1 
        
        
       Failed to load resource: the server responded with a status of 404 (Not Found)

Damn. You have already reported and I forgot about that.

[mubaidr]

I think this can be fixed by adding this script to web accessible content list in manifest file.
Let try!

[mubaidr]

update: dev tools seem to load fine when opened in new tab, but does not work when opened in extension pages.

[mubaidr]

This is the cause:

Denying load of chrome-extension://pbcpfbcibpcbfbmddogfhcijfpboeaaf/inject.js. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.
invalid/:1 
        
        
       Failed to load resource: net::ERR_FAILED
favicon.svg:1 
        
        
       Failed to load resource: the server responded with a status of 404 (Not Found)

I donot see any error like this, can you please with latest repo.

[ultimateshadsform]

Doesn't work. Same error. I'm using latest version of Chrome.

I don't get that error in edge but it's still stuck on waiting for connection