❗Importante: Fazer a tarefa #212 antes de iniciar esta, para evitar retrabalho

Objetivo

Refatorar o modal de adicionar vias para que siga os padrões estabelecidos no projeto(ver perfil, autenticacao, registrar escalada), tornando-o um componente reutilizável que pode ser facilmente integrado em diferentes partes da aplicação.

Contexto

O modal atual não segue um padrão claro e precisa ser ajustado para:

Tornar o código mais limpo e reutilizável.
Facilitar a manutenção e adição de novas funcionalidades.
Melhorar a consistência visual e funcional na aplicação.

Requisitos

Criar Componente Reutilizável:
- O modal deve ser um componente Vue reutilizável.
- Ele deve suportar diferentes tipos de conteúdo (listas, textos, formulários).
- Deve permitir a configuração de botões de ação e cabeçalho.
Substituir o Modal Atual:
- Atualizar o modal da tela de Favoritos para usar o novo componente.
- Garantir que o fluxo de busca e adição de vias funcione corretamente com o componente padronizado.
Documentar o Componente:
- Incluir exemplos de uso no código para facilitar a reutilização.

Passos para Implementação

Criar o Componente Reutilizável:
- Criar um componente Vue em src/components/shared/Modal.vue.
- Implementar slots para conteúdo dinâmico.
- Adicionar suporte a propriedades configuráveis (ex: cabeçalho, botões).
Atualizar Tela de Favoritos:
- Substituir o modal atual pelo novo componente.
- Garantir que a busca de vias funcione corretamente.
Testar o Componente:
- Validar o comportamento do modal em diferentes telas e cenários.
- Garantir que o modal é responsivo e funciona em dispositivos móveis (PWA).

Critérios de Aceitação

O modal deve ser um componente Vue reutilizável com slots e propriedades configuráveis.
O novo componente deve substituir o modal atual na tela de Favoritos.
O modal deve funcionar corretamente para busca e adição de vias.
O componente deve estar documentado com exemplos de uso no código.

rafael-ventura / cumes-brasil