USelect converts null, true, false and int to string

[projct1]

Environment

• Operating System: Linux
• Node Version: v22.4.0
• Nuxt Version: 3.14.1592
• CLI Version: 3.16.0
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/[email protected], [email protected], @vueuse/[email protected], [email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

3.14.1592

Reproduction

<script setup lang="ts">
const model = ref(true)
const yesNoList = [
  {
    label: '-',
    value: null
  },
  {
    label: 'No',
    value: false
  },
  {
    label: 'Yes',
    value: true
  }
]
</script>

<template>
    <USelect v-model="model" :items="yesNoList" class="w-24" />
</template>

Description

On select item model value converts from null to "", true to "true" etc.
https://skr.sh/vTBGJYo8U6P

[romhml]

I'm not able to reproduce the issue using the latest version of the devtools and Nuxt UI:
https://codesandbox.io/p/devbox/nuxt-ui3-forked-ghcdsd

Can you confirm the issue is solved or share a reproduction?

[yschroe]

I think this is an upstream issue in Reka UI, see: unovue/radix-vue#1517

I have the same issue in v3-alpha.10 and can confirm that this issue does not appear, if the USelect is used outside of a Form.