Vue devtools for Vue SFC Playground

[vanillajonathan]

Add the Vue devtools to the Vue SFC Playground.

It would make the Vue SFC Playground more powerful and make easier to understand the code and toy with code and see how it works and what effect it has.

[sxzz]

Supported already. Make sure it's DEV environment.

[vanillajonathan]

That's not what I meant. That is when user has installed the devtools in their web browser.
I meant a stand-alone Vue devtools embedded on the Vue SFC Playground so users without the Vue devtools extension installed can use the Vue devtools.

[sxzz]

But why? Why don't to install devtools in the browsers? I didn't see any benefits and it'll make SFC playground more complex. I prefer to keep it simple.

P.S Maybe you should new an issue in vuejs/repl

[vanillajonathan]

Because users may come across the Vue SFC Playground when they are new to Vue, when they are curious about it, before they have downloaded it and set up an development environment and installed the browser extension.

Also it would introduce Vue developers who have not yet bothered to install the extension to the Vue devtools as a preview.

If someone shares a Vue SFC Playground URL then someone else might not have the devtools installed.

[sxzz]

I still think there's too much workload to implement it and the benefit is so small.

/cc @Akryum

[Akryum]

Technically it wouldn't be that difficult with the way it's architectured now. Main blocker would be the migration of the frontend to Vue 3

[prashantpalikhe]

One advantage I could think of is while using the playground on an iPad. That would be pretty nice to have the devtools there too.