Fix Devtools

[ultimateshadsform]

Hey! I finally got vue devtools working. I'm using WXT framework but it should be the same.

install vite-plugin-vue-devtools package.

in vite config:

import vueDevTools from 'vite-plugin-vue-devtools';

Then in vite plugins do something like:

plugins: [
      vue(),
      vueDevTools({
        appendTo: '/entrypoints/newtab/main.ts',
      })
     ]

Change the /entrypoints/newtab/main.ts to be your location of your ts file. Can be popup file or what you want! :3

[mubaidr]

Cool. I will try it tonight and merge it.

Off topic: if you would like can you please answer:

1. let me know why would you use WXT over this template or any other template?

2. Does it not introduce a learning curve over regular web development?

[ultimateshadsform]

For me personally because I would use CRXJS but I had some bugs in that plugin but then someone suggested to use WXT. And to be honest. It's pretty easy to use. And it handles everything for you. Files, Newtab etc. Routing is also easy using regular vue router.

I don't mind your template! It's a good starting point! It's nice! But to be honest WXT for me personally just feels good for what I need. I just wanted to share the fix! :3

And the learning curve? I don't know. It feels pretty easy. Less files etc.. As long as you know TypeScript or Nuxt it's pretty good!

[mubaidr]

That's cool. No worries, just wanted to get some feedback for a template I am planning to launch.

If you have some time, I would appreciate it if you can answer this survey, it's just 3,4 questions: https://forms.gle/2nzS2AQkVGmqHTLV6

Thanks again.

[ultimateshadsform]

Let me know if you manage to get it to work later!

[mubaidr]

Let me know if you manage to get it to work later!

Sure, I will.

[mubaidr]

I tried it today, and it does not work. Looks like CRXJS has some incompatibility with devtools plugin. It all messed up.

[mubaidr]

Fixed in: e55fbb0