Form validation: How to manually set errors

[ahoiroman]

As I am working against an API, I was using vee-validate to validate on frontend and Laravel to validate on backend.

In the past I used something like this to display an error on a field, which enabled me to set a field to have an error:

<UFormGroup name="password" :error="!!errors.password">
              <UInput v-bind="passwordBind" name="password" type="password"/>
</UFormGroup>

<script setup lang="ts">

const {handleSubmit, errors, defineComponentBinds, setErrors} = useForm<SignUpForm>({...})

function onFailedApiCall(response){
  setErrors(response)
}
</script>

Now I am doing this:

          <UForm  ref="form"
                  :schema="schema"
                  :state="state"
                  @submit.prevent="onSubmit"
                  class="space-y-6">
            <UFormGroup name="password" required>
              <UInput v-model="state.password" name="password" type="password"/>
            </UFormGroup>
          </UForm>

This does not allow me to set errors manually. Or did I just not see it yet?

[ddahan]

May be related: #474

I agree with this need (probably the single missing feature that prevents me to use it in production).