Vue Form Compostion #1464
-
|
The Tanstack Form philosophy states we "should be wrapping it into your own component system..." and the React docs have a "Form Composition" section. Is there any guidance on how to follow this philosophy using Vue? I have not been able to find something similar to React's "withForm", and passing field as a prop seems to break reactivity, not to mention the typescript issues. Passing the entire form as a prop works, but does not feel like the correct approach, and again, creates typescript issues when trying to correctly type the FormApi prop. Any tips on how to approach this would be appreciated. As the philosophy section also states, without doing this there is an awful lot of boilerplate involved in using the library as it stands. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 4 replies
-
|
I actually started working on it yesterday: withForm will be absent at first, since there's no way to do a 1:1 mapping with Vue AFAIK - but createFormComposition will be there. Running into a Vue bug I think though, so I'll need to work with the Vue team to unblock 😅 |
Beta Was this translation helpful? Give feedback.
-
|
That's great to hear. Thanks so much for responding, and for all the work you are doing! |
Beta Was this translation helpful? Give feedback.
-
|
Hi, do you have any updates on this? 😄 |
Beta Was this translation helpful? Give feedback.
-
|
Unfortunately not :( I ran into a bug with Vue and have not had sufficient time to report it properly |
Beta Was this translation helpful? Give feedback.
-
|
Alright, if you need any help, I will gladly assist :) |
Beta Was this translation helpful? Give feedback.
I actually started working on it yesterday:
#1455
withForm will be absent at first, since there's no way to do a 1:1 mapping with Vue AFAIK - but createFormComposition will be there.
Running into a Vue bug I think though, so I'll need to work with the Vue team to unblock 😅