Events in spread props

Is your feature request related to a problem? Please describe. At the moment, there is no way to manage component events for a dynamic component, with spread props. Let consider this example:

<script>
	const props = {
		'label': 'Click me'
		'on:action': () => {}
	}
</script>
<svelte:component this={Comp} {...props} />

on:action will not be called.

REPL here

Describe the solution you’d like To have the code above working 😊

Describe alternatives you’ve considered The workaround is to consider callbacks instead of events, like this :

<script>
	const props = {
		'label': 'Click me'
		'onAction': () => {}
	}
</script>
<svelte:component this={Comp} {...props} />

But then the code in Comp must be different compared to a normal dispatch usage.

How important is this feature to you? It’s just annoying because the workaround works pretty well, but maybe it can be a useful feature to keep consistency with the spread props.

[rgossiaux]

I also find this annoying & a source of clunkiness in the framework. The ergonomics of on: are lacking in just about every way & it’s hard to work with programmatically. I wish these issues got a lot more attention as they’re clear areas where Svelte’s DX is worse than React’s.

[afaur]

@devongovett Here is a use action example:

• https://svelte.dev/repl/f4b5f661bb7b40b7bd1272c1f58d2efc?version=3.24.1