nuxt3-directus-starter icon indicating copy to clipboard operation
nuxt3-directus-starter copied to clipboard

Using Formkit instead

Open laportem opened this issue 3 years ago • 4 comments

Awesome starter. Ever thought of using @formkit/nuxt instead of the default @tailwindcss/forms Formkit is much more complete.

laportem avatar Apr 02 '22 05:04 laportem

Looks like a neat library. I like that validation is built in.

Do you have much experience with it @laportem?

Curious to know how easy it is to add custom inputs or style with Tailwind.

bryantgillespie avatar Apr 02 '22 10:04 bryantgillespie

I'm new to this version although I use the old nuxt2 version extensively. Nuxt2 uses https://vueformulate.com/

The custom input looks ok https://formkit.com/guides/create-a-custom-input

laportem avatar Apr 02 '22 19:04 laportem

Hello there! I'm here because my FormKit senses were tingling 😉. Happy to help answer anything I can.

Re: Tailwind styling — we've worked hard to make it as easy as possible to apply utility classes at every level of the DOM hierarchy that a FormKit component outputs and have written a guide specifically about Tailwind. The core concept here will remain the same but we are about to move generateClasses to @formkit/core in the next release because it's not Tailwind specific. The @formkit/tailwindcss package will also be deprecated in the next release and you'll instead import the plugin for Tailwind from @formkit/themes along with support for other Utility Class Systems such as Windi and Uno.

https://formkit.com/guides/create-a-tailwind-theme

Happy to chat in the Discord as well, we're very active there and would be able to chat in real-time if you've got any implementation questions: https://discord.gg/2q3UZkUQbR

andrew-boyd avatar Apr 12 '22 12:04 andrew-boyd

Maybe we can add a different branch that supports FormKit to give someone the option.

bryantgillespie avatar Sep 13 '22 13:09 bryantgillespie