Vue: pass argTypes instead of args in default render fn

storybookjs · May 16, 2022 · 8e0175e · 8e0175e
1 parent 9968f9e
commit 8e0175e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/app/vue/src/client/preview/render.ts b/app/vue/src/client/preview/render.ts
@@ -22,7 +22,7 @@ const root = new Vue({
 });
 
 export const render: ArgsStoryFn<VueFramework> = (props, context) => {
-  const { id, component: Component } = context;
+  const { id, component: Component, argTypes } = context;
   const component = Component as VueFramework['component'] & {
     __docgenInfo?: { displayName: string };
     props: Record<string, any>;
@@ -49,7 +49,7 @@ export const render: ArgsStoryFn<VueFramework> = (props, context) => {
   }
 
   return {
-    props,
+    props: Object.keys(context.argTypes),
     components: { [componentName]: component },
     template: `<${componentName} v-bind="$props" />`,
   };