Show both VUE and HTML markup

arielsalminen / vue-design-system

An open source tool for building UI Design Systems with Vue.js

https://vueds.com

MIT License

2.17k stars 224 forks source link

Show both VUE and HTML markup #77

Closed timhartmann closed 5 years ago

timhartmann commented 6 years ago

I love your tool a lot to create a solid design system. I like the concept, but I have a huge problem. So I would use your tool to create a design system for a leading news platform in germany. Finally my team will use for the website something more static instead of vue. So I need a static documentation in your tool - the compiled html like in Pattern Lab.

In Pattern Lab I write my component in mustache, but I can take a look at the compiled html in the frontend too. This is a must have for my team. Does it possible to get the compiled html in the frontend?

I do not want to do it like this example here: bildschirmfoto 2018-05-04 um 17 45 31

I would like it more like this here: bildschirmfoto 2018-05-04 um 17 50 47

bildschirmfoto 2018-05-04 um 17 50 17

It is so important. Without this feature I can not use it for my team and the design system.

arielsalminen commented 6 years ago

@timhartmann Thanks for the feedback and ideas Tim. I understand that this is an important feature and something I’ve been also pondering in the past, but currently Vue Design System doesn’t support it out of the box.

timhartmann commented 6 years ago

What do you think about the solution by Rafael @viljamis?

https://github.com/vue-styleguidist/vue-styleguidist/issues/126

I am not sure what I must do to change the output in the editor..

rafaesc commented 6 years ago

Hi @timhartmann

I think that the solution mentioned above still is not possible to integrate yet in vds, first, this issue should be done https://github.com/viljamis/vue-design-system/issues/75

I hope that this week can close. Regards

arielsalminen commented 6 years ago

@timhartmann @rafaesc correct, can’t unfortunately do this currently as it’s related to this issue: https://github.com/viljamis/vue-design-system/issues/75, but that is something I will definitely fix as soon as I can.

timhartmann commented 6 years ago

@rafaesc @viljamis Allright. Thank you. So must switch to Pattern Lab. But I like the Vue Design System (concept and construction) really much. So it would be great to change the output in docs-section to static html for all kind of projects.

arielsalminen commented 6 years ago

@timhartmann This is under work now and there’s a working version already in: https://github.com/viljamis/vue-design-system/pull/85 (although at this point I wouldn’t yet use it as it’s only the functionality, no UI for it yet)

arielsalminen commented 6 years ago

Current status:

arielsalminen commented 6 years ago

@rafaesc working prototype:

jun-01-2018 21-19-47

rafaesc commented 6 years ago

Awesome work @viljamis!

arielsalminen commented 5 years ago

This is now merged to master and about to release in 3.2.0