1<script lang="ts">
 2  import TaskItem from "./TaskItem.svelte";
 3
 4  let { tasks = [] }: { tasks: Task[] } = $props();
 5</script>
 6
 7<div class="flex flex-col gap-4 py-4">
 8  {#each tasks as task}
 9    <TaskItem {task} />
10  {/each}
11</div>