diff --git a/code/renderers/vue3/src/decorateStory.ts b/code/renderers/vue3/src/decorateStory.ts index e2a56ec7204b..f63fdfb6ec82 100644 --- a/code/renderers/vue3/src/decorateStory.ts +++ b/code/renderers/vue3/src/decorateStory.ts @@ -64,7 +64,7 @@ export function decorateStory( return story; } - return prepare(decoratedStory, h(story, context.args)) as VueRenderer['storyResult']; + return prepare(decoratedStory, h(story)) as VueRenderer['storyResult']; }, (context) => prepare(storyFn(context)) as LegacyStoryFn ); diff --git a/code/renderers/vue3/src/render.ts b/code/renderers/vue3/src/render.ts index 640fc54d4e52..32e2b6a3f5e0 100644 --- a/code/renderers/vue3/src/render.ts +++ b/code/renderers/vue3/src/render.ts @@ -12,7 +12,7 @@ export const render: ArgsStoryFn = (props, context) => { ); } - return h(Component, props, getSlots(props, context)); + return () => h(Component, props, getSlots(props, context)); }; let setupFunction = (_app: any) => {}; @@ -54,7 +54,7 @@ export function renderToCanvas( const renderedElement: any = elementMap.get(canvasElement); const current = renderedElement && renderedElement.template ? renderedElement : element; map.set(canvasElement, { vueApp: storybookApp, reactiveArgs }); - return h(current, reactiveArgs); + return h(current); }, });