CLI: Use Svelte-native CSF during initialization

[tooppaaa]

Issue:

What I did

Use CSF in svelte CLI

How to test

CLI

[shilman]

✅ Tested locally -- looks great

@j3rem1e can you review?

[j3rem1e]

It's unrelated to this change, but the 'Button.svelte' generated by the CLI is bugged.

It works only if the story is fully rerendered, not if new properties are injected to a running component (mode and style internal properties are not reactive)

[j3rem1e]

I have seen this in a lot of examples in Storybook, but what is the purpose of declaring events as properties ? It's look like a React convention.

In Svelte, event and properties are not the same thing. It's not a big deal, but passing an undeclared property to a component in svelte will display a warning in development mode.

[shilman]

Args can be properties, events, slots, etc.

The two main patterns for how we use them, tho we may develop more:

1. auto-generated controls to manipulate the value in UI
2. dependency injection, e.g. auto-generated actions, which makes the stories more portable (no direct dependency on @storybook/addon-actions)

It's the latter case that's highlighted here

[j3rem1e]

Thanks for the clarification.

Something should probably be added to the plugin in order to remove this warning. maybe filtering actions, and subscribing automatically to the linked event.