@storybook/vue3 6.4.0-alpha.8 → 6.4.0-beta.10

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "renderToDOM", {
+  enumerable: true,
+  get: function get() {
+    return _render.renderToDOM;
+  }
+});
+exports.parameters = void 0;
+
+var _render = require("./render");
+
+var parameters = {
+  framework: 'vue3'
+};
+exports.parameters = parameters;

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

@@ -1,27 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-require("core-js/modules/es.object.keys.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -31,25 +9,17 @@ require("core-js/modules/es.function.name.js");
 
 require("core-js/modules/es.object.assign.js");
 
-require("core-js/modules/es.array.reduce.js");
-
 require("core-js/modules/es.array.concat.js");
 
 var _vue = require("vue");
 
 var _client = require("@storybook/core/client");
 
-require("./globals");
-
-var _render = _interopRequireWildcard(require("./render"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _store = require("@storybook/store");
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+require("./globals");
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var _render = require("./render");
 
 /*
   This normalizes a functional component into a render method in ComponentOptions.
@@ -86,28 +56,12 @@ function prepare(rawStory, innerStory) {
   };
 }
 
-var defaultContext = {
-  id: 'unspecified',
-  name: 'unspecified',
-  kind: 'unspecified',
-  parameters: {},
-  args: {},
-  argTypes: {},
-  globals: {}
-};
-
 function decorateStory(storyFn, decorators) {
   return decorators.reduce(function (decorated, decorator) {
-    return function () {
-      var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultContext;
+    return function (context) {
       var story;
-      var decoratedStory = decorator(function () {
-        var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-        var parameters = _ref.parameters,
-            innerContext = _objectWithoutProperties(_ref, ["parameters"]);
-
-        story = decorated(Object.assign({}, context, innerContext));
+      var decoratedStory = decorator(function (update) {
+        story = decorated(Object.assign({}, context, (0, _store.sanitizeStoryContextUpdate)(update)));
         return story;
       }, context);
 
@@ -127,7 +81,7 @@ function decorateStory(storyFn, decorators) {
 }
 
 var framework = 'vue3';
-var api = (0, _client.start)(_render.default, {
+var api = (0, _client.start)(_render.renderToDOM, {
   decorateStory: decorateStory
 });
 

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

@@ -7,7 +7,7 @@ require("core-js/modules/es.object.freeze.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = render;
+exports.renderToDOM = renderToDOM;
 exports.storybookApp = void 0;
 
 require("core-js/modules/es.function.name.js");
@@ -40,21 +40,19 @@ var storybookApp = (0, _vue.createApp)({
 });
 exports.storybookApp = storybookApp;
 
-function render(_ref) {
-  var storyFn = _ref.storyFn,
-      kind = _ref.kind,
+function renderToDOM(_ref, domElement) {
+  var title = _ref.title,
       name = _ref.name,
-      args = _ref.args,
+      storyFn = _ref.storyFn,
       showMain = _ref.showMain,
       showError = _ref.showError,
-      showException = _ref.showException,
-      forceRender = _ref.forceRender;
+      showException = _ref.showException;
   storybookApp.config.errorHandler = showException;
   var element = storyFn();
 
   if (!element) {
     showError({
-      title: "Expecting a Vue component from the story: \"".concat(name, "\" of \"").concat(kind, "\"."),
+      title: "Expecting a Vue component from the story: \"".concat(name, "\" of \"").concat(title, "\"."),
       description: (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        Did you forget to return the Vue component from the story?\n        Use \"() => ({ template: '<my-comp></my-comp>' })\" or \"() => ({ components: MyComp, template: '<my-comp></my-comp>' })\" when defining the story.\n      "])))
     });
     return;
@@ -64,6 +62,6 @@ function render(_ref) {
   activeStoryComponent.value = element;
 
   if (!root) {
-    root = storybookApp.mount('#root');
+    root = storybookApp.mount(domElement);
   }
 }

package/dist/cjs/client/preview/types-7-0.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,4 @@
+export { renderToDOM } from './render';
+export var parameters = {
+  framework: 'vue3'
+};

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

@@ -1,17 +1,11 @@
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.array.reduce.js";
 import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
 import { h } from 'vue';
 import { start } from '@storybook/core/client';
+import { sanitizeStoryContextUpdate } from '@storybook/store';
 import './globals';
-import render, { storybookApp } from './render';
+import { renderToDOM, storybookApp } from './render';
 /*
   This normalizes a functional component into a render method in ComponentOptions.
 
@@ -48,28 +42,12 @@ function prepare(rawStory, innerStory) {
   };
 }
 
-var defaultContext = {
-  id: 'unspecified',
-  name: 'unspecified',
-  kind: 'unspecified',
-  parameters: {},
-  args: {},
-  argTypes: {},
-  globals: {}
-};
-
 function decorateStory(storyFn, decorators) {
   return decorators.reduce(function (decorated, decorator) {
-    return function () {
-      var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultContext;
+    return function (context) {
       var story;
-      var decoratedStory = decorator(function () {
-        var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-        var parameters = _ref.parameters,
-            innerContext = _objectWithoutProperties(_ref, ["parameters"]);
-
-        story = decorated(Object.assign({}, context, innerContext));
+      var decoratedStory = decorator(function (update) {
+        story = decorated(Object.assign({}, context, sanitizeStoryContextUpdate(update)));
         return story;
       }, context);
 
@@ -89,7 +67,7 @@ function decorateStory(storyFn, decorators) {
 }
 
 var framework = 'vue3';
-var api = start(render, {
+var api = start(renderToDOM, {
   decorateStory: decorateStory
 });
 export var storiesOf = function storiesOf(kind, m) {

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

@@ -22,21 +22,19 @@ export var storybookApp = createApp({
     };
   }
 });
-export default function render(_ref) {
-  var storyFn = _ref.storyFn,
-      kind = _ref.kind,
+export function renderToDOM(_ref, domElement) {
+  var title = _ref.title,
       name = _ref.name,
-      args = _ref.args,
+      storyFn = _ref.storyFn,
       showMain = _ref.showMain,
       showError = _ref.showError,
-      showException = _ref.showException,
-      forceRender = _ref.forceRender;
+      showException = _ref.showException;
   storybookApp.config.errorHandler = showException;
   var element = storyFn();
 
   if (!element) {
     showError({
-      title: "Expecting a Vue component from the story: \"".concat(name, "\" of \"").concat(kind, "\"."),
+      title: "Expecting a Vue component from the story: \"".concat(name, "\" of \"").concat(title, "\"."),
       description: dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        Did you forget to return the Vue component from the story?\n        Use \"() => ({ template: '<my-comp></my-comp>' })\" or \"() => ({ components: MyComp, template: '<my-comp></my-comp>' })\" when defining the story.\n      "])))
     });
     return;
@@ -46,6 +44,6 @@ export default function render(_ref) {
   activeStoryComponent.value = element;
 
   if (!root) {
-    root = storybookApp.mount('#root');
+    root = storybookApp.mount(domElement);
   }
 }

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

@@ -0,0 +1,4 @@
+export { renderToDOM } from './render';
+export const parameters = {
+  framework: 'vue3'
+};

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

@@ -1,10 +1,9 @@
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import "core-js/modules/es.array.reduce.js";
 import { h } from 'vue';
 import { start } from '@storybook/core/client';
+import { sanitizeStoryContextUpdate } from '@storybook/store';
 import './globals';
-import render, { storybookApp } from './render';
+import { renderToDOM, storybookApp } from './render';
 /*
   This normalizes a functional component into a render method in ComponentOptions.
 
@@ -42,23 +41,11 @@ function prepare(rawStory, innerStory) {
   };
 }
 
-const defaultContext = {
-  id: 'unspecified',
-  name: 'unspecified',
-  kind: 'unspecified',
-  parameters: {},
-  args: {},
-  argTypes: {},
-  globals: {}
-};
-
 function decorateStory(storyFn, decorators) {
-  return decorators.reduce((decorated, decorator) => (context = defaultContext) => {
+  return decorators.reduce((decorated, decorator) => context => {
     let story;
-    const decoratedStory = decorator((_ref = {}) => {
-      let innerContext = _objectWithoutPropertiesLoose(_ref, ["parameters"]);
-
-      story = decorated(Object.assign({}, context, innerContext));
+    const decoratedStory = decorator(update => {
+      story = decorated(Object.assign({}, context, sanitizeStoryContextUpdate(update)));
       return story;
     }, context);
 
@@ -75,7 +62,7 @@ function decorateStory(storyFn, decorators) {
 }
 
 const framework = 'vue3';
-const api = start(render, {
+const api = start(renderToDOM, {
   decorateStory
 });
 export const storiesOf = (kind, m) => {

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

@@ -16,22 +16,20 @@ export const storybookApp = createApp({
   }
 
 });
-export default function render({
-  storyFn,
-  kind,
+export function renderToDOM({
+  title,
   name,
-  args,
+  storyFn,
   showMain,
   showError,
-  showException,
-  forceRender
-}) {
+  showException
+}, domElement) {
   storybookApp.config.errorHandler = showException;
   const element = storyFn();
 
   if (!element) {
     showError({
-      title: `Expecting a Vue component from the story: "${name}" of "${kind}".`,
+      title: `Expecting a Vue component from the story: "${name}" of "${title}".`,
       description: dedent`
         Did you forget to return the Vue component from the story?
         Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
@@ -44,6 +42,6 @@ export default function render({
   activeStoryComponent.value = element;
 
   if (!root) {
-    root = storybookApp.mount('#root');
+    root = storybookApp.mount(domElement);
   }
 }

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

@@ -0,0 +1,4 @@
+export { renderToDOM } from './render';
+export declare const parameters: {
+    framework: string;
+};

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

@@ -1,10 +1,12 @@
 /// <reference types="webpack-env" />
 /// <reference types="node" />
 import { App } from 'vue';
-import { ClientStoryApi, DecoratorFunction, Loadable } from '@storybook/addons';
+import { DecoratorFunction } from '@storybook/csf';
+import { ClientStoryApi, Loadable } from '@storybook/addons';
 import './globals';
-import { IStorybookSection, StoryFnVueReturnType } from './types';
-interface ClientApi extends ClientStoryApi<StoryFnVueReturnType> {
+import { IStorybookSection } from './types';
+import { VueFramework } from './types-6-0';
+interface ClientApi extends ClientStoryApi<VueFramework['storyResult']> {
     setAddon(addon: any): void;
     configure(loader: Loadable, module: NodeModule): void;
     getStorybook(): IStorybookSection[];
@@ -16,12 +18,15 @@ interface ClientApi extends ClientStoryApi<StoryFnVueReturnType> {
 }
 export declare const storiesOf: ClientApi['storiesOf'];
 export declare const configure: ClientApi['configure'];
-export declare const addDecorator: (decorator: DecoratorFunction<unknown>) => void;
-export declare const addParameters: (parameters: import("@storybook/addons").Parameters) => void;
+export declare const addDecorator: (decorator: DecoratorFunction<VueFramework, import("@storybook/csf").Args>) => void;
+export declare const addParameters: ({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
+    globals?: import("@storybook/csf").Globals;
+    globalTypes?: import("@storybook/csf").GlobalTypes;
+}) => void;
 export declare const clearDecorators: () => void;
 export declare const setAddon: (addon: any) => void;
 export declare const forceReRender: () => void;
-export declare const getStorybook: () => import("@storybook/client-api").GetStorybookKind[];
-export declare const raw: () => import("@storybook/client-api").PublishedStoreItem[];
+export declare const getStorybook: () => import("@storybook/client-api/dist/ts3.9/ClientApi").GetStorybookKind<VueFramework>[];
+export declare const raw: () => import("@storybook/store").BoundStory<VueFramework>[];
 export declare const app: ClientApi['app'];
 export {};

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

@@ -1,3 +1,4 @@
-import { RenderContext } from './types';
+import { RenderContext } from '@storybook/store';
+import { VueFramework } from './types-6-0';
 export declare const storybookApp: import("vue").App<Element>;
-export default function render({ storyFn, kind, name, args, showMain, showError, showException, forceRender, }: RenderContext): void;
+export declare function renderToDOM({ title, name, storyFn, showMain, showError, showException }: RenderContext<VueFramework>, domElement: HTMLElement): void;

package/dist/ts3.4/client/preview/types-6-0.d.ts

@@ -1,19 +1,35 @@
 import { ConcreteComponent } from 'vue';
-import { Args as DefaultArgs, Annotations, BaseMeta, BaseStory } from '@storybook/addons';
+import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
 import { StoryFnVueReturnType } from './types';
-export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
-declare type VueComponent = ConcreteComponent<any>;
-declare type VueReturnType = StoryFnVueReturnType;
+export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
+export declare type VueFramework = {
+    component: ConcreteComponent<any>;
+    storyResult: StoryFnVueReturnType;
+};
 /**
  * Metadata to configure the stories for a component.
  *
  * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
  */
-export declare type Meta<Args = DefaultArgs> = BaseMeta<VueComponent> & Annotations<Args, VueReturnType>;
+export declare type Meta<TArgs = Args> = ComponentAnnotations<VueFramework, TArgs>;
 /**
- * Story function that represents a component example.
+ * Story function that represents a CSFv2 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-export declare type Story<Args = DefaultArgs> = BaseStory<Args, VueReturnType> & Annotations<Args, VueReturnType>;
-export declare type Decorators = Story['decorators'];
+export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<VueFramework, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type StoryObj<TArgs = Args> = StoryAnnotations<VueFramework, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ *
+ * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
+ *
+ */
+export declare type Story<TArgs = Args> = StoryFn<TArgs>;

package/dist/ts3.4/client/preview/types-7-0.d.ts

@@ -0,0 +1,9 @@
+import { Args } from '@storybook/csf';
+import { StoryObj } from './types-6-0';
+export { StoryFn, StoryObj, Meta } from './types-6-0';
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type Story<TArgs = Args> = StoryObj<TArgs>;

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

@@ -7,7 +7,7 @@ export interface ShowErrorArgs {
 export declare type StoryFnVueReturnType = ConcreteComponent<any>;
 export interface IStorybookStory {
     name: string;
-    render: () => any;
+    render: (context: any) => any;
 }
 export interface IStorybookSection {
     kind: string;

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

@@ -0,0 +1,4 @@
+export { renderToDOM } from './render';
+export declare const parameters: {
+    framework: string;
+};

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

@@ -1,10 +1,12 @@
 /// <reference types="webpack-env" />
 /// <reference types="node" />
 import type { App } from 'vue';
-import { ClientStoryApi, DecoratorFunction, Loadable } from '@storybook/addons';
+import { DecoratorFunction } from '@storybook/csf';
+import { ClientStoryApi, Loadable } from '@storybook/addons';
 import './globals';
-import { IStorybookSection, StoryFnVueReturnType } from './types';
-interface ClientApi extends ClientStoryApi<StoryFnVueReturnType> {
+import { IStorybookSection } from './types';
+import { VueFramework } from './types-6-0';
+interface ClientApi extends ClientStoryApi<VueFramework['storyResult']> {
     setAddon(addon: any): void;
     configure(loader: Loadable, module: NodeModule): void;
     getStorybook(): IStorybookSection[];
@@ -16,12 +18,15 @@ interface ClientApi extends ClientStoryApi<StoryFnVueReturnType> {
 }
 export declare const storiesOf: ClientApi['storiesOf'];
 export declare const configure: ClientApi['configure'];
-export declare const addDecorator: (decorator: DecoratorFunction<unknown>) => void;
-export declare const addParameters: (parameters: import("@storybook/addons").Parameters) => void;
+export declare const addDecorator: (decorator: DecoratorFunction<VueFramework, import("@storybook/csf").Args>) => void;
+export declare const addParameters: ({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
+    globals?: import("@storybook/csf").Globals;
+    globalTypes?: import("@storybook/csf").GlobalTypes;
+}) => void;
 export declare const clearDecorators: () => void;
 export declare const setAddon: (addon: any) => void;
 export declare const forceReRender: () => void;
-export declare const getStorybook: () => import("@storybook/client-api").GetStorybookKind[];
-export declare const raw: () => import("@storybook/client-api").PublishedStoreItem[];
+export declare const getStorybook: () => import("@storybook/client-api/dist/ts3.9/ClientApi").GetStorybookKind<VueFramework>[];
+export declare const raw: () => import("@storybook/store").BoundStory<VueFramework>[];
 export declare const app: ClientApi['app'];
 export {};

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

@@ -1,3 +1,4 @@
-import { RenderContext } from './types';
+import { RenderContext } from '@storybook/store';
+import { VueFramework } from './types-6-0';
 export declare const storybookApp: import("vue").App<Element>;
-export default function render({ storyFn, kind, name, args, showMain, showError, showException, forceRender, }: RenderContext): void;
+export declare function renderToDOM({ title, name, storyFn, showMain, showError, showException }: RenderContext<VueFramework>, domElement: HTMLElement): void;

package/dist/ts3.9/client/preview/types-6-0.d.ts

@@ -1,19 +1,35 @@
 import { ConcreteComponent } from 'vue';
-import { Args as DefaultArgs, Annotations, BaseMeta, BaseStory } from '@storybook/addons';
+import { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
 import { StoryFnVueReturnType } from './types';
-export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
-declare type VueComponent = ConcreteComponent<any>;
-declare type VueReturnType = StoryFnVueReturnType;
+export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/csf';
+export declare type VueFramework = {
+    component: ConcreteComponent<any>;
+    storyResult: StoryFnVueReturnType;
+};
 /**
  * Metadata to configure the stories for a component.
  *
  * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
  */
-export declare type Meta<Args = DefaultArgs> = BaseMeta<VueComponent> & Annotations<Args, VueReturnType>;
+export declare type Meta<TArgs = Args> = ComponentAnnotations<VueFramework, TArgs>;
 /**
- * Story function that represents a component example.
+ * Story function that represents a CSFv2 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-export declare type Story<Args = DefaultArgs> = BaseStory<Args, VueReturnType> & Annotations<Args, VueReturnType>;
-export declare type Decorators = Story['decorators'];
+export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<VueFramework, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type StoryObj<TArgs = Args> = StoryAnnotations<VueFramework, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ *
+ * NOTE that in Storybook 7.0, this type will be renamed to `StoryFn` and replaced by the current `StoryObj` type.
+ *
+ */
+export declare type Story<TArgs = Args> = StoryFn<TArgs>;

package/dist/ts3.9/client/preview/types-7-0.d.ts

@@ -0,0 +1,9 @@
+import { Args } from '@storybook/csf';
+import type { StoryObj } from './types-6-0';
+export type { StoryFn, StoryObj, Meta } from './types-6-0';
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export declare type Story<TArgs = Args> = StoryObj<TArgs>;

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

@@ -7,7 +7,7 @@ export interface ShowErrorArgs {
 export declare type StoryFnVueReturnType = ConcreteComponent<any>;
 export interface IStorybookStory {
     name: string;
-    render: () => any;
+    render: (context: any) => any;
 }
 export interface IStorybookSection {
     kind: string;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@storybook/vue3",
-  "version": "6.4.0-alpha.8",
+  "version": "6.4.0-beta.10",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
   ],
-  "homepage": "https://github.com/storybookjs/storybook/tree/master/app/vue3",
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/app/vue3",
   "bugs": {
     "url": "https://github.com/storybookjs/storybook/issues"
   },
@@ -24,7 +24,7 @@
   "types": "dist/ts3.9/client/index.d.ts",
   "typesVersions": {
     "<3.8": {
-      "*": [
+      "dist/ts3.9/*": [
         "dist/ts3.4/*"
       ]
     }
@@ -45,9 +45,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-alpha.8",
-    "@storybook/core": "6.4.0-alpha.8",
-    "@storybook/core-common": "6.4.0-alpha.8",
+    "@storybook/addons": "6.4.0-beta.10",
+    "@storybook/core": "6.4.0-beta.10",
+    "@storybook/core-common": "6.4.0-beta.10",
+    "@storybook/csf": "0.0.2--canary.6aca495.0",
+    "@storybook/store": "6.4.0-beta.10",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -79,6 +81,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1ea7d55df3dc036f6ea091cb09cdc8f9512bda3d",
+  "gitHead": "9128cc184fa9771b332c1aabe85af6751dde890c",
   "sbmodern": "dist/modern/client/index.js"
 }

package/preset.js

@@ -0,0 +1,7 @@
+function config(entry = []) {
+  return [...entry, require.resolve('./dist/esm/client/preview/config')];
+}
+
+module.exports = {
+  config,
+};