Inertia + NuxtUIPro + Vue => Form
Hello,
I know that you can specify inertia = true in uiPro() settings for NuxtUIPro.
But my question is that I would like to know if it's possible to use the useForm from inertia (managing all errors) along the forms of NuxtUIPro.
I mean the AuthForm or the standard Form
Thank you
5 Replies
Hi @Kumzy. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the provided knowledge sources, Nuxt UI Pro and Nuxt UI support Inertia.js integration via the inertia: true option in their Vite plugin configuration. This ensures that components which would normally use vue-router links will instead use Inertia’s InertiaLink, making routing compatible with Inertia.js applications Getting-started Pro Inertia.
However, the documentation does not mention or provide examples of integrating Inertia’s useForm composable (which manages form state and errors in Inertia.js) directly with Nuxt UI Pro’s Form or AuthForm components. The Nuxt UI Pro forms (Form and AuthForm) have their own state management, validation, and error handling mechanisms, and there is no explicit information about supporting or interoperating with Inertia’s useForm for error management or state synchronization.
In summary:
- You can use Nuxt UI Pro forms in an Inertia.js-powered app (with inertia: true). - There is no documented support or example for using Inertia’s useForm composable to manage errors or state in Nuxt UI Pro’s Form or AuthForm components. - The knowledge sources do not contain enough information to confirm or describe a supported way to combine useForm from Inertia with Nuxt UI Pro forms. If you need tight integration between Inertia’s useForm and Nuxt UI Pro forms, you may need to implement custom logic, but this is not covered in the official documentation Getting-started Pro Inertia. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
- You can use Nuxt UI Pro forms in an Inertia.js-powered app (with inertia: true). - There is no documented support or example for using Inertia’s useForm composable to manage errors or state in Nuxt UI Pro’s Form or AuthForm components. - The knowledge sources do not contain enough information to confirm or describe a supported way to combine useForm from Inertia with Nuxt UI Pro forms. If you need tight integration between Inertia’s useForm and Nuxt UI Pro forms, you may need to implement custom logic, but this is not covered in the official documentation Getting-started Pro Inertia. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
<@238709222005669888> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
@benjamincanac Hello, do you have any information regarding this? (Tried to send you a DM too)
Hello @Kumzy, sorry I missed your DM! I don't think it's possible to use the
useForm composable but would you mind opening an issue about this? Maybe someone has managed to make it work already!Sure will do
https://github.com/nuxt/ui/issues/4729