GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 14:01:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4285 from yaodingyd/patch-1

Browse Source 
fix #2384: support string-only component for vue
This commit is contained in:
Igor 2018-10-09 00:20:08 +03:00 committed by GitHub
commit c845723f63
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/vue/src/client/preview/index.js
View File

@ -13,7 +13,12 @@ const decorateStory = (getStory, decorators) =>
decorators.reduce(
(decorated, decorator) => context => {
const story = () => decorated(context);
const decoratedStory = decorator(story, context);
let decoratedStory = decorator(story, context);
if (typeof decoratedStory === 'string') {
decoratedStory = { template: decoratedStory };
}
decoratedStory.components = decoratedStory.components || {};
decoratedStory.components.story = createWrapperComponent(story());
return decoratedStory;

10
examples/vue-kitchen-sink/src/stories/__snapshots__/core-template.stories.storyshot Normal file
View File

@ -0,0 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots Core|Template string only 1`] = `
<button
class="button"
style="color: rgb(66, 185, 131); border-color: #42b983;"
>
A Button with square edges!
</button>
`;

6
examples/vue-kitchen-sink/src/stories/core-template.stories.js Normal file
View File

@ -0,0 +1,6 @@
import { storiesOf } from '@storybook/vue';
storiesOf('Core|Template', module).add(
'string only',
() => '<my-button :rounded="false">A Button with square edges</my-button>'
);