Add support for Vue Dev Tools in Preview

[garethx]

🌈 Feature

It'd be handy to integrate Vue DevTools (https://github.com/vuejs/vue-devtools) into the preview. Currently vue-devtools doesn't work with iframes (vuejs/devtools-v6#353) and remote devtools doesn't look like the best solution since it requires an IP.

Similar to React DevTools (see preview tab in https://codesandbox.io/s/new for example).

See the approach used for React DevTools: 23a1f88

[RyanHavoc]

Is anyone working on this yet or is it just a plan?

I currently can't use devtools with Storybook. 😕

[Ishaan28malik]

@RyanHavoc are you onto this or should I give it a try?

[github-actions]

This issue is stale because it has been open many days with no activity. It will be closed soon unless the stale label is removed or a comment is made.

[github-actions]

This issue has been automatically closed because there wasn't any activity after the previous notice or the stale label wasn't removed.

[SaraVieira]

Reopening as this something I would love to add

[sharpninja]

This is really bad. Our app is in transition from WebForms to more modern frameworks, one of which is Vue. Our base website in WebForms opens all content windows in an iframe allowing for any page to be rendered in any framework. I cannot get the extension to recognize our Vue-based pages in the iframes..

[github-actions]

This issue has automatically been marked stale because there has been no activity in a while. Please leave a comment if the issue has not been resolved, or if it is not stale for any other reason. After 2 weeks, this issue will automatically be closed, unless a comment is made or the stale label is removed.

[github-actions]

This issue has been automatically closed because there wasn't any activity after the previous notice or the stale label wasn't removed.