Snippet list?

[kalkronline]

I want to make a list component which wraps each element. This wasn't possible in Svelte4, how can I do this using the new snippet feature?

This is sort of what I was thinking this would look like, but it doesn't work.

<!-- +page.svelte -->
<List>
    {#each [1, 2, 3] as num}
        {#snippet list()}
            <p>{num}</p>
        {/snippet}
    {/each}
</List>

<!-- List.svelte -->
<script lang=ts>
    let { list }: { list: Snippet[] } = $props();
</script>

{#each list as entry}
    <div>
        {@render entry()}
    </div>
{/each}

[brunnerh]

Something like this should probably be done the same way as in Svelte 4:
Pass the list as a property and provide a template for the rendering.

v4

<List items={[1, 2, 3]}>
  <svelte:fragment slot="item" let:item={num}>
     <p>{num}</p>
  </svelte:fragment>
</List>

v5

<List items={[1, 2, 3]}>
  {#snippet item(num)}
    <p>{num}</p>
  {/snippet}
</List>