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