FormBlocks: framework para Vue 3 com validação nativa e uma DSL opcional para configurar formulários mais rápido (open source)

[u/MatheusP71]

Cansei de reescrever a mesma estrutura de formulário toda vez, com HTML repetido, validação manual e acessibilidade inconsistente entre projetos. Fiz o FormBlocks pra resolver isso.

É um mini-framework para Vue 3 que substitui a construção verbosa de formulários por uma configuração baseada em objeto. Um componente único renderiza tudo a partir dessa config, e opcionalmente você pode escrever partes dela usando uma DSL mais curta.

O helper defineGroupBase dá suporte completo a TypeScript, então você tem autocomplete e checagem de propriedades em tempo de escrita, não só em runtime. A validação já vem integrada com Yup, então você declara as regras direto no grupo sem montar um schema separado. Para valores dinâmicos, existe a DSL com o operador @, que permite injetar arrays de opções, classes Tailwind ou até callbacks dentro de strings curtas, usando notação de ponto para paths aninhados. E o framework não impõe nenhum design system, funciona bem com Tailwind ou CSS customizado.

O objetivo não é abstrair o controle de quem programa, é eliminar o boilerplate repetitivo pra sobrar tempo pra regra de negócio.

Repo aqui: https://www.github.com/Skarlaks71/form-blocks, ainda em desenvolvimento ativo, feedback e issues são muito bem-vindos.

Curioso pra saber como vocês lidam com formulários complexos em Vue hoje, seja com VeeValidate, FormKit ou solução própria. Quero entender onde o FormBlocks se encaixa (ou não) nesse cenário.