storybookjs / addon-svelte-csf

[Incubation] CSF using Svelte components.
MIT License
103 stars 32 forks source link

typescript error: '"args"' does not exist in type 'StoryProps' #96

Closed silveltman closed 1 year ago

silveltman commented 1 year ago

I use sveltekit (library). I get a typescript error and don't know why.

Eyebrow.svelte

<script lang="ts">
    let className = ''
    export { className as class }
    export let size: 'sm' | 'md' | 'lg' = 'md'
    export let color: boolean = true
</script>

<div
    class="inline-block rounded-eyebrow border leading-none

    {size === 'sm' && 'py-1 px-2 text-body-sm'}
    {size === 'md' && 'py-2 px-3 text-body-md'}
    {size === 'lg' && 'py-3 px-4 text-body-lg'}

    {color
        ? 'border-primary-100 bg-primary-50 text-primary-800'
        : 'border-primary-200 bg-neutral-100 text-neutral-1000'}

    {className}
    "
    {...$$restProps}
>
    <slot />
</div>

Eyebrow.stories.svelte

<script lang="ts">
    import { Meta, Template, Story } from '@storybook/addon-svelte-csf'
    import Eyebrow from './Eyebrow.svelte'
</script>

<Meta
    title="Eyebrow"
    component={Eyebrow}
/>

<Template let:args>
    <Eyebrow {...args}>Hello world</Eyebrow>
</Template>

<Story
    name="Color"
    args={{ color: true, size: 'sm' }}
/>

Error/warning: image