From 850e84c0e0ce11bdc90be1ae652dec6723012243 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 3 Sep 2024 12:08:40 +0200
Subject: [PATCH] feat(RadioGroup): handle `value-key` prop

---
 src/runtime/components/RadioGroup.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/RadioGroup.vue b/src/runtime/components/RadioGroup.vue
index 039575a6..8877fd50 100644
--- a/src/runtime/components/RadioGroup.vue
+++ b/src/runtime/components/RadioGroup.vue
@@ -24,6 +24,11 @@ export interface RadioGroupProps<T> extends Pick<RadioGroupRootProps, 'defaultVa
    */
   as?: any
   legend?: string
+  /**
+   * When `items` is an array of objects, select the field to use as the value.
+   * @defaultValue 'value'
+   */
+  valueKey?: string
   items?: T[]
   size?: RadioGroupVariants['size']
   color?: RadioGroupVariants['color']
@@ -57,6 +62,7 @@ import { useId } from '#imports'
 import { useFormField } from '../composables/useFormField'
 
 const props = withDefaults(defineProps<RadioGroupProps<T>>(), {
+  valueKey: 'value' as any,
   orientation: 'vertical'
 })
 const emits = defineEmits<RadioGroupEmits>()
@@ -84,14 +90,20 @@ function normalizeItem(item: any) {
     }
   }
 
+  const value = item[props.valueKey]
+
   return {
     ...item,
-    id: `${id}:${item.value}`
+    value,
+    id: `${id}:${value}`
   }
 }
 
 const normalizedItems = computed(() => {
-  if (!props.items) return []
+  if (!props.items) {
+    return []
+  }
+
   return props.items.map(normalizeItem)
 })