@storybook/vue3 7.0.0-beta.28 → 7.0.0-beta.29

package/template/cli/ts-legacy/Button.vue

@@ -3,15 +3,28 @@
 </template>
 
 <script lang="ts" setup>
+import "./buttons.css"
 import { computed } from 'vue';
-type Props = {
+
+const props = withDefaults(defineProps<{
+  /**
+   * The label of the button
+   */
   label: string,
+  /**
+   * primary or secondary button
+   */
   primary?: boolean,
+  /**
+   * size of the button
+   */
   size?: 'small' | 'medium' | 'large',
+  /**
+   * background color of the button
+   */
   backgroundColor?: string,
-}
 
-const props = withDefaults(defineProps<Props>(), { primary: false });
+}>(), { primary: false });
 
 const emit = defineEmits<{
   (e: 'click', id: number): void;

package/dist/chunk-BCB6T5DR.mjs

@@ -1,4 +0,0 @@
-import{h}from"vue";import{sanitizeStoryContextUpdate}from"@storybook/preview-api";function normalizeFunctionalComponent(options){return typeof options=="function"?{render:options,name:options.name}:options}function prepare(rawStory,innerStory){let story=rawStory;return story==null?null:innerStory?{...normalizeFunctionalComponent(story),components:{...story.components||{},story:innerStory}}:{render(){return h(story)}}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...sanitizeStoryContextUpdate(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepare(decoratedStory,story)},context=>prepare(storyFn(context)))}import{dedent}from"ts-dedent";import{createApp,h as h2}from"vue";var render=(props,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return h2(Component,props,getSlots(props,context))},setupFunction=_app=>{},setup=fn=>{setupFunction=fn},map=new Map;function renderToCanvas({title,name,storyFn,showMain,showError,showException},canvasElement){let element,storybookApp=createApp({unmounted(){map.delete(canvasElement)},render(){return map.set(canvasElement,storybookApp),setupFunction(storybookApp),h2(element)}});if(storybookApp.config.errorHandler=e=>showException(e),element=storyFn(),!element){showError({title:`Expecting a Vue component from the story: "${name}" of "${title}".`,description:dedent`
-      Did you forget to return the Vue component from the story?
-      Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `});return}showMain(),map.get(canvasElement)?.unmount(),storybookApp.mount(canvasElement)}function getSlots(props,context){let{argTypes}=context,slots=Object.entries(props).filter(([key,value])=>argTypes[key]?.table?.category==="slots").map(([key,value])=>[key,()=>h2("span",JSON.stringify(value))]);return Object.fromEntries(slots)}export{decorateStory,render,setup,renderToCanvas};