Skip to content

Instantly share code, notes, and snippets.

View BearingMe's full-sized avatar

Bruno Ferreira Gomes BearingMe

  • São Paulo, Brazil
  • 05:06 (UTC -03:00)
View GitHub Profile
@BearingMe
BearingMe / gist:cf0aafcdff8432da23a117c8792d3aae
Last active November 4, 2024 14:07
Spike - Teste do VeeValidate

Introdução

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.

Package.json

Segue a lista dos pacotes instalados durante o desenvolvimento:

@BearingMe
BearingMe / gist:dccca758fc56f99fa6c8252b27ba2993
Created August 22, 2024 22:53
Nuxt 3 - Template Organization

code quality:

  • ⁠eslint
  • ⁠⁠prettier
  • ⁠⁠commitlint
  • ⁠⁠husky
  • ⁠⁠lintstaged
  • ⁠⁠vitest
  • ⁠⁠vue testing library
  • ⁠⁠release please
  • ⁠⁠docker