From 349bb6d65280cc6f70f36322e46d1d219ccb8328 Mon Sep 17 00:00:00 2001 From: Blaine Bublitz Date: Tue, 9 Feb 2021 14:05:09 -0700 Subject: [PATCH] fix: loosen props type in Vue 3 Meta & add to TS example --- app/vue3/src/client/preview/types-6-0.ts | 2 +- examples/vue-3-cli/src/stories/DynamicHeading.stories.ts | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/vue3/src/client/preview/types-6-0.ts b/app/vue3/src/client/preview/types-6-0.ts index 1aef26bc4ab..fb12070637d 100644 --- a/app/vue3/src/client/preview/types-6-0.ts +++ b/app/vue3/src/client/preview/types-6-0.ts @@ -4,7 +4,7 @@ import { StoryFnVueReturnType } from './types'; export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons'; -type VueComponent = ConcreteComponent; +type VueComponent = ConcreteComponent; type VueReturnType = StoryFnVueReturnType; /** diff --git a/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts b/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts index 7684de303e7..b1cbfbbfa2d 100644 --- a/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts +++ b/examples/vue-3-cli/src/stories/DynamicHeading.stories.ts @@ -1,4 +1,4 @@ -import { Story } from '@storybook/vue3'; +import { Story, Meta } from '@storybook/vue3'; import { FunctionalComponent, h } from 'vue'; import DynamicHeading, { Props } from './DynamicHeading'; @@ -9,7 +9,7 @@ export default { // Number type is detected, but we still want to constrain the range from 1-6 level: { control: { min: 1, max: 6 } }, }, -}; +} as Meta; /* You can return a Vue 3 functional component from a Story.