Svelte 5: Snippet Shorthand

[michealparks]

Describe the problem

Over yonder in the Threlte repo we recently replaced Slots with Snippets in our next branch. One observation we had following this was about the increased verbosity surrounding slot props.

Stuff like this:

<Box let:width let:height>
  {...}
</Box>

Turned into this:

<Box>
  {#snippet children({ width, height })}
    {...}
  {/snippet}
</Box>

Describe the proposed solution

A large amount of our snippet usage seems to be passing props to child components using the default children snippet. It would be nice if a shorthand existed to reduce the verbosity a bit and make it quicker to read. Something like:

<Box>
  {#snippet({ width, height })}
    {...}
  {/snippet}
</Box>

Importance

nice to have

[7nik]

A proposal that brings in implicitness only to drop one word doesn't seem to be good.

[trueadm]

I'm sorry, this shorthand will bring more confusion than it's worth. Sometimes verbosity can be a good thing.