如何循环遍历列表并在svelte中每行显示4项

<script>
  let items = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5', 'Item 6', 'Item 7', 'Item 8', 'Item 9', 'Item 10'];
</script>

<div class="grid-container">
  {#each items as item}
    <div class="grid-item">{item}</div>
  {/each}
</div>

<style>
  .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 每行显示4列 */
    grid-gap: 10px; /* 列之间的间距 */
  }

  .grid-item {
    /* 样式设置 */
  }
</style>