Projeto 06 - Lista de Tarefas (To-Do List) 🔁
Objetivo: Dominar o controle de fluxo ({#if}, {#each}) para gerenciar listas dinâmicas de dados.
🚀 Desafio
Crie uma aplicação de Lista de Tarefas (To-Do List) funcional:
1. Estado: Crie um array de objetos tarefas (ex: [{id: 1, texto: 'Estudar', concluida: false}]).
2. Listagem: Use o {#each} para renderizar cada tarefa.
3. Lógica:
- Se a tarefa estiver concluída, exiba-a com um risco (text-decoration: line-through).
- Adicione um botão para "Remover" a tarefa da lista.
- Adicione um botão para "Alternar" o status entre concluída/pendente.
4. Feedback: Se a lista estiver vazia, exiba uma mensagem amigável: "Uhul! Nenhuma tarefa pendente.".
📤 O que entregar?
- Arquivo
App.sveltecom a lógica e o markup. - Screenshot demonstrando a lista com pelo menos uma tarefa concluída e a mensagem de "Lista Vazia" (ao remover tudo).