There are so many great Vue packages out there, a lot of them are even focused on forms, but as someone who is constantly building new projects in Vue, I wanted a solution that provided a higher level API and made creating high quality forms much much faster.
So — I built Vue Formulate! It uses a single element to handle all possible input types so that you don’t have to learn a whole slew of new components. Vue Formulate does a lot of heavy lifting for you – validation, form re-hydration, single-object model binding for an entire form, provisions for error handling — even the simple things like labels and help text.
The syntax is intentionally as similar to standard HTML as possible just with more horsepower under the hood:
<FormulateInput type="email" name="email" label="What is your email address" help="Where should we contact you?" validation="required|email" />
There’s a lot more that it can do and one of our goals for launch was to have comprehensive documentation from day one (a lesson we learned from Vue itself). I’d love to know what people think!