Skip to content

AuthForm wont show custom leading slot if no title or no desc o no icon or no header #5404

@rodriciru

Description

@rodriciru

Environment

  • Operating System: Windows_NT
  • Node Version: v24.7.0
  • Nuxt Version: 4.2.1
  • CLI Version: 3.30.0
  • Nitro Version: 2.12.9
  • Package Manager: pnpm@10.20.0
  • Builder: -
  • User Config: modules, devtools, css, routeRules, experimental, compatibilityDate, eslint, heyApi
  • Runtime Modules: @nuxt/eslint@1.10.0, @nuxt/ui@4.1.0, @vueuse/nuxt@14.0.0, @hey-api/nuxt@0.2.1, nuxt-auth-utils@0.5.25, @nuxtjs/mdc@0.18.2, nuxt-authorization@0.3.5
  • Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.1.0

Reproduction

<UAuthForm
    :fields="fields"
    :schema="schema"
    :submit="{
      label: 'Acceder'
    }"
    @submit="onSubmit"
  >
    <template #leading>  <!-- This wont display, you have to add a title with an space for example -->
      <img src="/logo-claro.svg" alt="Logo" class="h-20 dark:hidden mx-auto">
      <img src="/logo-oscuro.svg" alt="Logo" class="h-20 hidden dark:block mx-auto">
    </template>
...

Description

this line prevents for show the leading if none of the title props is set :
<div v-if="icon || !!slots.icon || (title || !!slots.title) || (description || !!slots.description) || !!slots.header" :class="ui.header({ class: props.ui?.header })">
Fix with an <div v-if="icon || !!slots.icon || (title || !!slots.title) || (description || !!slots.description) || !!slots.header || !!slots.leading" :class="ui.header({ class: props.ui?.header })">

Additional context

No response

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingtriageAwaiting initial review and prioritizationv4#4488

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions