if get error from backend UForm set all inputs attr disabled

[aloky]

Environment

• Operating System: Darwin
• Node Version: v20.9.0
• Nuxt Version: 3.14.159
• CLI Version: 3.15.0
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/[email protected], @nuxtjs/[email protected], @nuxt/[email protected], @nuxtjs/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.8

Reproduction

<UForm
    :state="state"
    :schema="schema"
    class="space-y-3"
    @submit="submit"
  >
    <UFormField
      name="text"
    >
      <UTextarea
        v-model="state.text"
        class="w-full"
        :rows="6"
        size="xl"
      />
    </UFormField>
    <UFormField
      v-if="!authUser"
      name="email"
      :label="$t('label.email')"
    >
      <UInput
        v-model="state.email"
        icon="i-solar-letter-bold-duotone"
        :placeholder="$t('placeholder.enter_email')"
        @update:model-value="state.email = $event || null"
      />
    </UFormField>
    <UButton
      block
      type="submit"
      :loading="isLoading"
      :label="$t('button.submit')"
    />
  </UForm>

Description

Why if get error from backend UForm set all inputs attr disabled?

Additional context

No response

Logs

[aloky]

[romhml]

I'm guessing this related to your loading state, inputs are disabled while the form is loading. Do you mind sharing your submit function?

You should be able to use loading-auto on the button component to handle it automatically.
https://ui3.nuxt.dev/components/button#loading

[aloky]

@romhml Thank you, I found out why it was like that, it turns out I didn't write it catch.

[aloky]

wrong

try {}
finally {}

correct

try {}
catch {}
finally {}