Projeto 04 - Lista Dinâmica (Diretivas) 📜

🎯 Objetivo

Dominar o controle de fluxo no template utilizando as diretivas v-if, v-for e @click.

🛠️ Requisitos

• Listagem dinâmica de dados.
• Modificadores de evento.

🏗️ Tarefas

1. Lista de Frutas: Crie um array reativo de strings com nomes de frutas.
2. Renderização: Utilize o v-for para mostrar a lista na tela. Use o index como :key.
3. Adicionar: Crie um input e um botão para que o usuário possa digitar uma nova fruta e adicioná-la à lista ao clicar ou apertar Enter (@keyup.enter).
4. Condicional: Se a lista estiver vazia (adicione um botão "Limpar Tudo"), exiba a mensagem: "Nenhuma fruta encontrada. 🧺".

🧪 Verificação

Teste adicionar 3 frutas, verifique se elas aparecem. Limpe a lista e veja se o aviso de lista vazia aparece conforme o esperado.