Feature: Support Vue

[hzoo]

Talking with @ndelangen about storybook also supporting rendering Vue components; seems like it is a viable solution instead forking or building a separate tool. I believe there has been interest in supporting it from others and the team but no one actively working on this?

https://github.com/storybooks/storybook/blob/master/ROADMAP.md#supporting-other-frameworks-and-libraries

Some notes:

• Rendering is done in: https://github.com/storybooks/storybook/blob/master/app/react/src/client/preview/render.js
• There are a few UI elements in storybook itself written with react but maybe we can just leave those in?
• Might be easy to support the JSX way of writing a vue component, but most of vue is in .vue files so need to figure out how to load those files? Or maybe just use https://github.com/vuejs/babel-plugin-transform-vue-jsx to write the stories themselves but it would support .vue if that's easier (maybe weird to do that)?

For more in-depth info/discussion we can also discuss in https://storybooks-slackin.herokuapp.com

[gustojs]

I think optimally it would be best to show both React and Vue components together, especially for companies working with multiple stacks, so yes, this sounds like much better solution than a fork or a separate tool.

[TheLarkInn]

The vue-template-compiler has a great API that could be leveraged to take a .vue file and get back render functions.

https://github.com/vuejs/vue/blob/dev/packages/vue-template-compiler/README.md#compilercompiletofunctionstemplate

[kazupon]

I'm insterested in vue component supporting at the storybook.

As @TheLarkInn mentioned about it, Vue.js is publishing the vue-template-compiler has some API, We can get render function with API from template. However, before we are processing about it, we need to extract (parse) the vue component from .vue files.

There's something which I'm worrying about how to render the Vue and React component. 🤔

[ndelangen]

I got webpack to build succesful with a vue file with the vue loader.
#1267

[ndelangen]

I need help getting it to actually render

[kazupon]

Hi @ndelangen
I want to help vue supporting as collaborator of storybook.
I had started implementing now.
https://github.com/kazupon/storybook/commits/add-app-vue