[vue] Using v-model along form.Field

[noook]

Is there anyway to reduce boilerplate when binding an input to a form's state value ?

<UiInput
  :id="field.name"
  :name="field.name"
  type="email"
- :model-value="field.state.value"
- @input="field.handleChange($event.target.value)"
+ v-model="field.state.value"
  :aria-invalid="isInvalid(field)"
  placeholder="[email protected]"
  autocomplete="email"
  @blur="field.handleBlur"
/>

[frasza]

I am wondering the same. Actually v-model is part of simple example on Form homepage (https://tanstack.com/form/latest) but doesn't seem to work. Value is just not being updated unless you blur it and click back on the input.

@crutchcorn Who could we turn to regarding this? I am new to the project here, trying to implement it with my upcoming Vue project but as of now, it seems be missing some things from React set of functionalities ... or perhaps just the docs. Otherwise it seems like a great solution and since I am already Query user, I would love to utilize this.

Thank you 🙏