Boolean attribute not worked on `UFormField`

[baixiaoyu2997]

Environment

---

• Operating System: Darwin
• Node Version: v22.14.0
• Nuxt Version: 3.17.6
• CLI Version: 3.25.1
• Nitro Version: 2.11.13
• Package Manager: pnpm@10.11.0
• Builder: -
• User Config: compatibilityDate, future, css, components, modules, runtimeConfig, imports, vite, ssr, ignore
• Runtime Modules: @nuxt/eslint@1.5.2, @nuxt/image@1.10.0, @vueuse/nuxt@13.5.0, @pinia/nuxt@0.11.1
• Build Modules: -

---

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.2.0

Reproduction

https://codesandbox.io/p/devbox/nuxt-ui3-n3sxks

Description

When using the UFormField component, passing the error prop using the Boolean attribute shorthand syntax does not work as expected.

This works correctly:

<UFormField :label="`总额(${rowData?.marginAsset})`" size="lg" :error="true" />

However, this does not work:

<UFormField :label="`总额(${rowData?.marginAsset})`" size="lg" error />

Additional context

No response

Logs

[J-Michalek]

I think this is an issue with boolean casting in the Vue compiler. The type for the error prop is string | boolean, my guess is that since string is allowed as a type using just error on the component without a value will result in either undefined or an empty string which are both falsy values.