From b588fce5ee8136818f86254a7a2f26c94f2ce680 Mon Sep 17 00:00:00 2001
From: FrankRua <frank.rua@safelite.com>
Date: Tue, 15 Feb 2022 16:30:59 -0500
Subject: [PATCH] v-model

---
 .../vehicle-parts/part-question/part-question.vue    | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/layouts/vehicle-parts/part-question/part-question.vue b/src/layouts/vehicle-parts/part-question/part-question.vue
index 021410034..c13298af2 100644
--- a/src/layouts/vehicle-parts/part-question/part-question.vue
+++ b/src/layouts/vehicle-parts/part-question/part-question.vue
@@ -1,12 +1,13 @@
 <template>
 <p>Select your current {{ colorQuestionText }} color:</p>
-<div aria-labelledby="test" role="radiogroup">
-    <div v-for="(value, name, index) in featureListData" :key="name">
-        <listCard isRadio :buttonImage="require(`@/assets/img/tints/${getTintImage(glassName, name)}`)" :buttonLabel="name" altText="" :buttonID="`${name-index}`" />
 
-        <buttonQuestion buttonType="radio" class="radioQuestion" questionText="ok now select your features" :answers="value" textPosition="text-start" :loaderEnabled=false isRequired=true :groupName="name" />
-    </div>
+<div v-for="(value, name, index) in featureListData" :key="index">
+    <listCard isRadio isWide :buttonImage="require(`@/assets/img/tints/${getTintImage(glassName, name)}`)" :buttonLabel="name" altText="" :buttonID="`${name}-${index}`" groupName="test" />
+
+    <buttonQuestion v-model="inputParams['question'+index]" buttonType="radio" class="radioQuestion" questionText="ok now select your features" :answers="value" textPosition="text-start" :loaderEnabled=false isRequired=true  :groupName="name" />
+
 </div>
+
 </template>
 
 <script>
@@ -23,6 +24,7 @@ export default {
         return {
             glassColorQuestion: String,
             glassFeatureQuestion: String,
+            inputParams: []
         };
     },
     props: {