[RadioGroup] Setting color does not work

[VladimirCores]

Environment

• Operating System: Linux
• Node Version: v20.10.0
• Nuxt Version: 3.8.2
• CLI Version: 3.10.0
• Nitro Version: 2.8.0
• Package Manager: [email protected]
• Builder: -
• User Config: anime, app, colorMode, devtools, eslint, fontMetrics, googleFonts, imports, modules, nitro, runtimeConfig, ssr, tailwindcss, telemetry, ui
• Runtime Modules: @hypernym/[email protected], @nuxtjs/[email protected], @nuxtjs/[email protected], @nuxtjs/[email protected], @nuxt/[email protected]
• Build Modules: -

Version

2.10.0

Reproduction

Try in on Nuxt UI documentation page: https://ui.nuxt.com/forms/radio-group#style

Description

Additional context

No response

Logs

No response

[metkm]

The issue is here

ui/src/runtime/components/forms/RadioGroup.vue

Line 102 in 4d72a75

const { emitFormChange, color, name } = useFormGroup({ ...props, isFieldset: true }, config)

Using the spread operator breaks the reactivity.

[metkm]

#914 @romhml This issue is related to your pr. Since I can't think of a good solution I thought tagging you would be okay

[romhml]

Thanks @metkm, I submitted a small fix, let me know what you think!

[metkm]

Thanks @metkm, I submitted a small fix, let me know what you think!

Loving it