Merge pull request #10463 from storybookjs/10462-docs-vue-inline-rend…

…ering Addon-docs: Inline stories in Vue by default
storybookjs · Apr 18, 2020 · 0fd0f1f · 0fd0f1f
2 parents 8558152 + b4ef458
commit 0fd0f1f
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 4 deletions.
diff --git a/addons/docs/src/frameworks/vue/config.tsx b/addons/docs/src/frameworks/vue/config.tsx
@@ -7,6 +7,7 @@ import { extractComponentDescription } from '../../lib/docgen';
 
 addParameters({
   docs: {
+    inlineStories: true,
     prepareForInline: (storyFn: StoryFn) => {
       const Story = toReact(storyFn());
       return <Story />;

diff --git a/addons/docs/vue/README.md b/addons/docs/vue/README.md
@@ -133,7 +133,7 @@ Yes, it's redundant to declare `component` twice. [Coming soon](https://github.c
 
 Storybook Docs renders all Vue stories inside IFrames, with a default height of `60px` (configurable using the `docs.iframeHeight` story parameter).
 
-Starting in 5.3, you can also render stories inline, and in 6.0 this will become the default behavior. To render inline, update `.storybook/preview.js`:
+Starting in 5.3, you can also render stories inline, and in 6.0 this has become the default behavior. To render inline, update `.storybook/preview.js`:
 
 ```js
 import { addParameters } from '@storybook/vue';

diff --git a/examples/vue-kitchen-sink/.storybook/preview.js b/examples/vue-kitchen-sink/.storybook/preview.js
@@ -9,7 +9,6 @@ Vue.use(Vuex);
 
 addParameters({
   docs: {
-    inlineStories: true,
     iframeHeight: '60px',
   },
 });
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
@@ -6,7 +6,6 @@ exports[`Storyshots Core/Parameters passed to story 1`] = `
   <pre>
     {
   "docs": {
-    "inlineStories": true,
     "iframeHeight": "60px"
   },
   "globalParameter": "globalParameter",

diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot
@@ -49,7 +49,6 @@ exports[`Storyshots Custom/Decorator for Vue With Data 1`] = `
   "story": "With Data",
   "parameters": {
     "docs": {
-      "inlineStories": true,
       "iframeHeight": "60px"
     },
     "globalParameter": "globalParameter",