Component Viewer

[bbrist]

Something that I've both looked for, as well as tried to create myself, is a viewer when building components - similar to that of a markdown viewer in some IDE's that visually compiles and displays markdown as you create it.

Obviously, something like this for Vue components isn't as simple as displaying markdown. Such a feature would likely benefit from, or even require, allowing the user to modify the state of the displayed component (i.e. altering props, triggering events, etc).

The use case for this is primarily the ease of developing components visually. My current process involves a "sandbox" project locally, hot reload, and a web browser with Vue Devtools extension in chrome. A feature such as this would ideally combine those 3 aspects into the IDE, in a sidebar window, to allow for a more streamlined development process.

Not sure if this is the correct place for a feature suggestion, but I feel this would be an extremely useful tool and is not a feature I've been able to find anywhere else. Figured I'd at least put it out there.