v-model typescript error when using label-key InputMenu/SelectMenu

[Oui-Dev]

Environment

• Operating System: Linux
• Node Version: v20.18.1
• Nuxt Version: 3.16.1
• CLI Version: 3.23.1
• Nitro Version: 2.11.7
• Package Manager: [email protected]
• Builder: -
• User Config: devtools, typescript, css, compatibilityDate, devServer, vite, runtimeConfig, app, ui, modules
• Runtime Modules: @nuxt/[email protected], @pinia/[email protected], pinia-plugin-persistedstate/[email protected]
• Build Modules: -
• Typescript: 5.8.2
• Vue-tsc: 2.2.8

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.1

Reproduction

// will trigger typescript error on v-model
<USelectMenu
    v-model="memberForm.user"
    :items="addableUsers"
    label-key="email"
/>
// will trigger typescript error on v-model
<USelectMenu
    v-model="memberForm.user"
    :items="addableUsers"
    label-key="email"
    :value-key="undefined"
/>
// will work but i need to handle label display manually using slot
<USelectMenu
    v-model="memberForm.user"
    :items="addableUsers"
/>

Description

I'm currently migrate my project to NuxtUi V3 and I have some issues with <UInputMenu /> and <USelectMenu />. On my selects I want to retrieve the full object selected so I don't set value-key but for display purpose I use the label-key props, however when I do this I get this typescript error on the v-model :

Unable to assign type 'User | undefined' to type 'string | undefined'.
Unable to assign type 'User' to type 'string'. ts-plugin(2322)

After some research, I think the label-key alter the value-key type and that's what triggers the error.

Additional context

No response

Logs

[benjamincanac]

@sandros94 Does #3331 solves this?

[sandros94]

@benjamincanac yes it does

[Oui-Dev]

Wow thanks for your reactivity guys !
Is there an expected date for this fix ?
Actually we use <!-- @vue-ignore --> to pass the typecheck but that's not really safe 😅

[carlos-duran]

I was about opening an issue about this 😅
Thank you for the fix, by the moment I'll use <!-- @vue-ignore -->