@storybook/vue3 8.3.0-alpha.6 → 8.3.0-alpha.7

package/dist/index.d.ts

@@ -15,33 +15,37 @@ type JSXAble<TElement> = TElement & {
 type MapToJSXAble<T> = {
     [K in keyof T]: JSXAble<T[K]>;
 };
-/** Function that sets the globalConfig of your Storybook. The global config is the preview module of your .storybook folder.
+/**
+ * Function that sets the globalConfig of your Storybook. The global config is the preview module of
+ * your .storybook folder.
  *
- * It should be run a single time, so that your global config (e.g. decorators) is applied to your stories when using `composeStories` or `composeStory`.
+ * It should be run a single time, so that your global config (e.g. decorators) is applied to your
+ * stories when using `composeStories` or `composeStory`.
  *
  * Example:
- *```jsx
+ *
+ * ```jsx
  * // setup.js (for jest)
  * import { setProjectAnnotations } from '@storybook/vue3';
  * import projectAnnotations from './.storybook/preview';
  *
  * setProjectAnnotations(projectAnnotations);
- *```
+ * ```
  *
- * @param projectAnnotations - e.g. (import projectAnnotations from '../.storybook/preview')
+ * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')
  */
 declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]): NormalizedProjectAnnotations<VueRenderer>;
 declare const vueProjectAnnotations: ProjectAnnotations<VueRenderer>;
 /**
  * Function that will receive a story along with meta (e.g. a default export from a .stories file)
- * and optionally projectAnnotations e.g. (import * from '../.storybook/preview)
- * and will return a composed component that has all args/parameters/decorators/etc combined and applied to it.
- *
+ * and optionally projectAnnotations e.g. (import * from '../.storybook/preview) and will return a
+ * composed component that has all args/parameters/decorators/etc combined and applied to it.
  *
  * It's very useful for reusing a story in scenarios outside of Storybook like unit testing.
  *
  * Example:
- *```jsx
+ *
+ * ```jsx
  * import { render } from '@testing-library/vue';
  * import { composeStory } from '@storybook/vue3';
  * import Meta, { Primary as PrimaryStory } from './Button.stories';
@@ -49,27 +53,29 @@ declare const vueProjectAnnotations: ProjectAnnotations<VueRenderer>;
  * const Primary = composeStory(PrimaryStory, Meta);
  *
  * test('renders primary button with Hello World', () => {
- *   const { getByText } = render(Primary, { props: { label: "Hello world" } });
+ *   const { getByText } = render(Primary, { props: { label: 'Hello world' } });
  *   expect(getByText(/Hello world/i)).not.toBeNull();
  * });
- *```
+ * ```
  *
  * @param story
- * @param componentAnnotations - e.g. (import Meta from './Button.stories')
- * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
- * @param [exportsName] - in case your story does not contain a name and you want it to have a name.
+ * @param componentAnnotations - E.g. (import Meta from './Button.stories')
+ * @param [projectAnnotations] - E.g. (import * as projectAnnotations from '../.storybook/preview')
+ *   this can be applied automatically if you use `setProjectAnnotations` in your setup files.
+ * @param [exportsName] - In case your story does not contain a name and you want it to have a name.
  */
 declare function composeStory<TArgs extends Args = Args>(story: StoryAnnotationsOrFn<VueRenderer, TArgs>, componentAnnotations: Meta<TArgs | any>, projectAnnotations?: ProjectAnnotations<VueRenderer>, exportsName?: string): JSXAble<ComposedStoryFn<VueRenderer, Partial<TArgs>>>;
 /**
  * Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
- * and optionally projectAnnotations (e.g. `import * from '../.storybook/preview`)
- * and will return an object containing all the stories passed, but now as a composed component that has all args/parameters/decorators/etc combined and applied to it.
- *
+ * and optionally projectAnnotations (e.g. `import * from '../.storybook/preview`) and will return
+ * an object containing all the stories passed, but now as a composed component that has all
+ * args/parameters/decorators/etc combined and applied to it.
  *
  * It's very useful for reusing stories in scenarios outside of Storybook like unit testing.
  *
  * Example:
- *```jsx
+ *
+ * ```jsx
  * import { render } from '@testing-library/vue';
  * import { composeStories } from '@storybook/vue3';
  * import * as stories from './Button.stories';
@@ -77,13 +83,14 @@ declare function composeStory<TArgs extends Args = Args>(story: StoryAnnotations
  * const { Primary, Secondary } = composeStories(stories);
  *
  * test('renders primary button with Hello World', () => {
- *   const { getByText } = render(Primary, { props: { label: "Hello world" } });
+ *   const { getByText } = render(Primary, { props: { label: 'Hello world' } });
  *   expect(getByText(/Hello world/i)).not.toBeNull();
  * });
- *```
+ * ```
  *
- * @param csfExports - e.g. (import * as stories from './Button.stories')
- * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
+ * @param csfExports - E.g. (import * as stories from './Button.stories')
+ * @param [projectAnnotations] - E.g. (import * as projectAnnotations from '../.storybook/preview')
+ *   this can be applied automatically if you use `setProjectAnnotations` in your setup files.
  */
 declare function composeStories<TModule extends Store_CSFExports<VueRenderer, any>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<VueRenderer>): MapToJSXAble<Omit<StoriesWithPartialProps<VueRenderer, TModule>, keyof Store_CSFExports>>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "8.3.0-alpha.6",
+  "version": "8.3.0-alpha.7",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -63,11 +63,11 @@
     "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/components": "^8.3.0-alpha.6",
+    "@storybook/components": "^8.3.0-alpha.7",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "^8.3.0-alpha.6",
-    "@storybook/preview-api": "^8.3.0-alpha.6",
-    "@storybook/theming": "^8.3.0-alpha.6",
+    "@storybook/manager-api": "^8.3.0-alpha.7",
+    "@storybook/preview-api": "^8.3.0-alpha.7",
+    "@storybook/theming": "^8.3.0-alpha.7",
     "@vue/compiler-core": "^3.0.0",
     "ts-dedent": "^2.0.0",
     "type-fest": "~2.19",
@@ -84,7 +84,7 @@
     "vue-tsc": "latest"
   },
   "peerDependencies": {
-    "storybook": "^8.3.0-alpha.6",
+    "storybook": "^8.3.0-alpha.7",
     "vue": "^3.0.0"
   },
   "engines": {

package/template/stories/preview.js

@@ -1,5 +1,4 @@
 import { global as globalThis } from '@storybook/global';
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { setup } from '@storybook/vue3';
 
 const somePlugin = {