-
Notifications
You must be signed in to change notification settings - Fork 865
Closed
Labels
Description
Environment
- Operating System:
Darwin
- Node Version:
v22.17.0
- Nuxt Version:
3.17.6
- CLI Version:
3.25.1
- Nitro Version:
2.11.13
- Package Manager:
[email protected]
- Builder:
-
- User Config:
app
,compatibilityDate
,css
,dayjs
,devtools
,fonts
,icon
,modules
,pinia
,ui
- Runtime Modules:
@nuxt/[email protected]
,@nuxt/[email protected]
,@nuxt/[email protected]
,@nuxt/[email protected]
,@nuxt/[email protected]
,@nuxt/[email protected]
,@formkit/auto-animate/[email protected]
,@pinia/[email protected]
,[email protected]
,[email protected]
- Build Modules:
-
Is this bug related to Nuxt or Vue?
Nuxt
Version
v3.2.0
Reproduction
<template>
<URadioGroup
color="primary"
variant="card"
orientation="horizontal"
indicator="hidden"
:items="items">
<template #label="{ item }">
<h4>{{ item.label }}</h4>
</template>
</URadioGroup>
</template>
<script lang="ts" setup>
import type { RadioGroupItem } from '@nuxt/ui'
const items = ref<RadioGroupItem[]>([
{
label: 'Telegram',
value: 'Telegram',
description: 'Telegram',
},
{
label: 'Whatsapp',
value: 'Whatsapp',
description: 'Whatsapp',
},
{
label: 'Instagram',
value: 'Instagram',
description: 'Instagram',
},
{
label: 'Facebook',
value: 'Facebook',
description: 'Facebook',
},
])
</script>
Description
There is a type issue on the item
props of the label
slots, when i try to accessing item.label
.
There error message is:
Property 'label' does not exist on type '(AcceptableValue | { [x: string]: any; label?: string | undefined; description?: string | undefined; disabled?: boolean | undefined; value?: AcceptableValue | undefined; class?: any; ui?: { ...; } | undefined; }) & { ...; }'.
Property 'label' does not exist on type 'string & { id: string; }'.ts-plugin(2339)
here is the screenshot:


Additional context
No response