feat(Form): new component

[romhml]

Resolves #433

Fixes #438

The goal of this PR is to implement a Form component to validate and manage input error states. It currently features:

• Schema validation using Yup, Zod or a custom function
• Form group error injection
• Triggering validation on Input blur or change

WDYT?

[nuxt-studio]

✅ Live Preview ready!

Name	Edit	Preview	Latest Commit
ui	Edit on Studio ↗︎	View Live Preview	aa5a2c7

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
ui	✅ Ready (Inspect)	Visit Preview	Jul 31, 2023 1:24pm

[menthol]

I'm very interested in this PR, but adding a dependency to 'zod' and 'Yup' seems out of context.

Currently, I'm using Laravel as a backend, and I'd love to use that with Precognition.

The dependencies, as set, will be present in the final build, even if we don't use them.

[romhml]

@menthol Zod and Yup are only installed as dev dependencies in the main packages, and I used type only imports to make sure they won't be present in the final build.

[romhml]

@benjamincanac the PR is ready to be reviewed. Let me know if you need additional information.

[benjamincanac]

@romhml I'll try to review this asap. I was just wondering like in the previous comments, do we really need to depend on zod and yup? What if someone wants to use another library?

[menthol]

@romhml I'll try to review this asap. I was just wondering like in the previous comments, do we really need to depend on zod and yup? What if someone wants to use another library?

@romhml already responsed, this pr use only type import, and we can do custom validation

[benjamincanac]

How so? The schema prop passed to the Form component supports only zod and yup: https://github.com/nuxtlabs/ui/pull/439/files#diff-ec19701062113ef084150c6bb1888377fc973410a6597bee1529e7a1e884b710R113

[romhml]

Thanks! I'll have another go at it and improve the docs today or tomorrow

[romhml]

Found it! I simply forgot to import defineComponent 🧑‍🎨

[benjamincanac]

@romhml Thanks a lot for this PR, great work ! 😊

[romhml]

You're welcome! I'm genuinely passionate about the ecosystem and the incredible work your team is doing! Looking forward to contribute again 😊