@storybook/vue3 6.4.7 → 6.5.0-alpha.10

package/dist/cjs/client/preview/index.js

@@ -23,7 +23,8 @@ var _render = require("./render");
 
 var framework = 'vue3';
 var api = (0, _client.start)(_render.renderToDOM, {
-  decorateStory: _decorateStory.decorateStory
+  decorateStory: _decorateStory.decorateStory,
+  render: _render.render
 });
 
 var storiesOf = function storiesOf(kind, m) {

package/dist/cjs/client/preview/render.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderToDOM = renderToDOM;
-exports.storybookApp = exports.activeStoryComponent = void 0;
+exports.storybookApp = exports.activeStoryComponent = exports.render = void 0;
 
 require("core-js/modules/es.function.name.js");
 
@@ -24,6 +24,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
+var render = function render(props, context) {
+  var id = context.id,
+      Component = context.component;
+
+  if (!Component) {
+    throw new Error("Unable to render story ".concat(id, " as the component annotation is missing from the default export"));
+  }
+
+  return (0, _vue.h)(Component, props);
+};
+
+exports.render = render;
 var activeStoryComponent = (0, _vue.shallowRef)(null);
 exports.activeStoryComponent = activeStoryComponent;
 var root = null;

package/dist/esm/client/preview/index.js

@@ -2,10 +2,11 @@ import "core-js/modules/es.array.concat.js";
 import { start } from '@storybook/core/client';
 import './globals';
 import { decorateStory } from './decorateStory';
-import { renderToDOM, storybookApp } from './render';
+import { render, renderToDOM, storybookApp } from './render';
 var framework = 'vue3';
 var api = start(renderToDOM, {
-  decorateStory: decorateStory
+  decorateStory: decorateStory,
+  render: render
 });
 export var storiesOf = function storiesOf(kind, m) {
   return api.clientApi.storiesOf(kind, m).addParameters({

package/dist/esm/client/preview/render.js

@@ -8,6 +8,16 @@ import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.object.freeze.js";
 import dedent from 'ts-dedent';
 import { createApp, h, shallowRef } from 'vue';
+export var render = function render(props, context) {
+  var id = context.id,
+      Component = context.component;
+
+  if (!Component) {
+    throw new Error("Unable to render story ".concat(id, " as the component annotation is missing from the default export"));
+  }
+
+  return h(Component, props);
+};
 export var activeStoryComponent = shallowRef(null);
 var root = null;
 export var storybookApp = createApp({

package/dist/modern/client/preview/index.js

@@ -1,10 +1,11 @@
 import { start } from '@storybook/core/client';
 import './globals';
 import { decorateStory } from './decorateStory';
-import { renderToDOM, storybookApp } from './render';
+import { render, renderToDOM, storybookApp } from './render';
 const framework = 'vue3';
 const api = start(renderToDOM, {
-  decorateStory
+  decorateStory,
+  render
 });
 export const storiesOf = (kind, m) => {
   return api.clientApi.storiesOf(kind, m).addParameters({

package/dist/modern/client/preview/render.js

@@ -1,5 +1,17 @@
 import dedent from 'ts-dedent';
 import { createApp, h, shallowRef } from 'vue';
+export const render = (props, context) => {
+  const {
+    id,
+    component: Component
+  } = context;
+
+  if (!Component) {
+    throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);
+  }
+
+  return h(Component, props);
+};
 export const activeStoryComponent = shallowRef(null);
 let root = null;
 export const storybookApp = createApp({

package/dist/ts3.4/client/preview/render.d.ts

@@ -1,5 +1,7 @@
 import { RenderContext } from '@storybook/store';
+import { ArgsStoryFn } from '@storybook/csf';
 import { VueFramework } from './types-6-0';
+export declare const render: ArgsStoryFn<VueFramework>;
 export declare const activeStoryComponent: import("vue").Ref<import("vue").ComponentOptions<any, any, any, Record<string, import("@vue/reactivity").ComputedGetter<any> | import("vue").WritableComputedOptions<any>>, import("vue").MethodOptions, any, any, any>> | import("vue").Ref<import("vue").FunctionalComponent<any, any>>;
 export declare const storybookApp: import("vue").App<Element>;
 export declare function renderToDOM({ title, name, storyFn, showMain, showError, showException }: RenderContext<VueFramework>, domElement: HTMLElement): void;

package/dist/ts3.9/client/preview/render.d.ts

@@ -1,5 +1,7 @@
 import { RenderContext } from '@storybook/store';
+import { ArgsStoryFn } from '@storybook/csf';
 import { VueFramework } from './types-6-0';
+export declare const render: ArgsStoryFn<VueFramework>;
 export declare const activeStoryComponent: import("vue").Ref<import("vue").ComponentOptions<any, any, any, Record<string, import("@vue/reactivity").ComputedGetter<any> | import("vue").WritableComputedOptions<any>>, import("vue").MethodOptions, any, any, any>> | import("vue").Ref<import("vue").FunctionalComponent<any, any>>;
 export declare const storybookApp: import("vue").App<Element>;
 export declare function renderToDOM({ title, name, storyFn, showMain, showError, showException }: RenderContext<VueFramework>, domElement: HTMLElement): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "6.4.7",
+  "version": "6.5.0-alpha.10",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,11 +45,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.7",
-    "@storybook/core": "6.4.7",
-    "@storybook/core-common": "6.4.7",
+    "@storybook/addons": "6.5.0-alpha.10",
+    "@storybook/core": "6.5.0-alpha.10",
+    "@storybook/core-common": "6.5.0-alpha.10",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/store": "6.4.7",
+    "@storybook/store": "6.5.0-alpha.10",
+    "@types/node": "^14.14.20 || ^16.0.0",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -65,7 +66,6 @@
     "webpack": "4"
   },
   "devDependencies": {
-    "@types/node": "^14.14.20",
     "@vue/compiler-sfc": "^3.0.0",
     "vue": "^3.0.0"
   },
@@ -81,6 +81,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ebad5c8ec7e35a292f4d867b709f031a0dc0a8ea",
+  "gitHead": "9f7d260e82218d8bbf4fedda39e34d2e9d9813a3",
   "sbmodern": "dist/modern/client/index.js"
 }