From e6cdefafd26399ae41d3d94763a206a8a6fc1d95 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Busso?=
 <90727999+agustinbusso@users.noreply.github.com>
Date: Fri, 7 Jun 2024 11:12:27 -0300
Subject: [PATCH] Add index to label for

---
 src/components/FormSelectList/OptionboxView.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/FormSelectList/OptionboxView.vue b/src/components/FormSelectList/OptionboxView.vue
index ebbefff5..4c20bae0 100644
--- a/src/components/FormSelectList/OptionboxView.vue
+++ b/src/components/FormSelectList/OptionboxView.vue
@@ -1,17 +1,17 @@
 <template>
   <form>
-    <div :class="divClass" :key="getOptionValue(option)" v-for="option in options">
+    <div :class="divClass" :key="getOptionValue(option)" v-for="(option, index) in options">
       <input
           :class="inputClass"
           type="radio"
-          v-uni-id="getOptionId(option)"
+          v-uni-id="getOptionId(option, index)"
           :name="`${name}`"
           :value="emitObjects ? option : getOptionValue(option)"
           v-model="selected"
           v-bind="$attrs"
           :disabled="isReadOnly"
       >
-      <label :class="labelClass" v-uni-for="getOptionId(option)">
+      <label :class="labelClass" v-uni-for="getOptionId(option, index)">
         {{getOptionContent(option)}}
       </label>
     </div>
@@ -77,8 +77,8 @@ export default {
     getOptionContent(option) {
       return option[this.optionContent || 'content'];
     },
-    getOptionId(option) {
-      return `${this.name}-${this.getOptionValue(option)}`;
+    getOptionId(option, index) {
+      return `${this.name}-${this.getOptionValue(option)}-${index}`;
     }
   }
 }