Vue-formulate: Extend FormulateErrors for formErrors classes

[malydok]

Hey, thanks for the lib, feels great to use so far.

I'm using it with Tailwind and stumbled upon the issue where I cannot style FormulateErrors for form errors.

Looking at src/FormulateErrors.vue it looks like the context classes are only used in case of input errors.
Could we perhaps extend the context classes to include formError and formErrors and add support for those here?

I might file a PR later when I have some time to set up the test env.
Edit: can't figure this out on my own, help appreciated.

Cheers!

[hacknug]

I'd also like to be able to add classes to FormulateForm and corresponding slots.

[justin-schroeder]

FormulateForm should just inherit classes like normal <FormulateForm class="my-class">. I agree that FormulateErrors needs some targeting for tailwind. I'll mark this on the roadmap.

[hacknug]

FormulateForm should just inherit classes like normal <FormulateForm class="my-class">.

Yeah but it'd be super useful to be able to keep all of formulate's classes on the same file and then only use [class] for instance-specific styling. This has also been requested in #235 so I'll leave this issue for FormulateErrors and we can continue discussing the form there.

[justin-schroeder]

I agree actually. we'll try to do this.

[justin-schroeder]

This is now ready in release/2.5.0. Early WIP docs here:

https://vueformulatecom-git-release-250.braid.now.sh/guide/theming/customizing-classes/#class-keys