GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-08 06:31:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

vue3: render mdx fix ctxt component null case

Browse Source
This commit is contained in:
chakir qatab 2023-01-04 23:21:45 +04:00
parent e37434ce61
commit 58efc655cf
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
code/renderers/vue3/src/docs/sourceDecorator.ts
View File

@ -217,6 +217,15 @@ function prettierFormat(source: string): string {
plugins: [parserHTML, parserTypescript],
});
}
/**
* get slots from vue component
* @param ctxtComponent Vue Component
*/
function getComponentSlots(ctxtComponent: any): string[] {
if (!ctxtComponent) return [];
return ctxtComponent?.__docgenInfo?.slots?.map((slot: { name: string }) => slot.name) || [];
}
/**
* source decorator.
@ -245,9 +254,7 @@ export const sourceDecorator = (storyFn: any, context: StoryContext<Renderer>) =
const renderedComponent = components.length ? components : ctxtComponent;
const cWrap: any = ctxtComponent;
const slotProps: string[] = cWrap.__docgenInfo?.slots?.map((slot: { name: string }) => slot.name);
const slotProps: string[] = getComponentSlots(ctxtComponent);
const generatedTemplate = generateSource(renderedComponent, args, context?.argTypes, slotProps);
const generatedScript = generateSetupScript(args, context?.argTypes);