A ideia por trás desta spike
é explorar o uso da biblioteca VeeValidate
para criação e validação de formulários com Vue
e Nuxt
. O objetivo principal é encontrar uma forma eficiente e confiável de criar inputs
reutilizáveis e consistentes ao longo de toda a aplicação.
O método abordado foi a composição, utilizando componentes nativos do HTML e composables (equivalentes aos hooks no React) para a injeção de propriedades (semelhante ao context). Juntamente com o VeeValidate
, foram utilizadas as bibliotecas Zod
e Yup
para a criação de schemas
, com diferenças visíveis nos resultados em ambas as abordagens. Para o estilo, foi utilizado tailwindcss
e seu plugin tailwind-forms
.
Segue a lista dos pacotes instalados durante o desenvolvimento: