Todo App

{#if todos.length === 0}

No todos yet. Add one above!

{:else}
    {#each todos as todo (todo.id)}
  • toggleTodo(todo.id)} aria-label={todo.completed ? `Mark ${todo.text} as incomplete` : `Mark ${todo.text} as complete`} /> {todo.text}
    • {/each}
{/if}
{#if todos.length > 0}
{todos.filter(t => !t.completed).length} remaining {todos.filter(t => t.completed).length} completed
{/if}