Svelte — два варианта разбора массивов

<div class="table" items={items}>
    <div class="title">
        <div class="item"></div>
        <div class="item"></div>
    </div>
    <div class="main" let:item={item}>
        <div class="item date">{item.date}</div>
        <div class="item name">{item.name}</div>
    </div>
</div>

<div class="table">
    <div class="title">
        <div class="item"></div>
        <div class="item"></div>
    </div>

    <div class="main">
        {#each items as { id, date, name }, i}
           <div class="item" let:item={item}>

                <slot>
                    <div class="cell id">{i + 1}</div>
                </slot>

                <slot>
                    <div class="cell date">{date}</div>
                </slot>

                <slot>
                    <div class="cell name">{name}</div>
                </slot>
            </div>
        {/each}
    </div>
</div>