replace options component created

src/layouts/vehicle-make/make-question/make-question.vue

@@ -1,10 +1,10 @@
 <template>
 <buttonQuestion class="radioQuestion"
+    isVehicleQuestion
     :questionText="questionText"
     :answers="makes"
     groupName="Choose Vehicle Make"
     textPosition="text-start"
-    :isVehicleQuestion="true"
     :loaderEnabled="true"
     v-model="modelValue"
   />

src/layouts/vehicle-model/model-question/model-question.vue

@@ -1,10 +1,10 @@
 <template>
 <buttonQuestion class="radioQuestion"
+    isVehicleQuestion
     :questionText="questionText"
     :answers="models"
     groupName="Choose Vehicle Model"
     textPosition="text-start"
-    :isVehicleQuestion="true"
     :loaderEnabled="true"
     v-model="modelValue"
   />

src/layouts/vehicle-style/style-question/style-question.vue

@@ -1,10 +1,10 @@
 <template>
 <buttonQuestion class="radioQuestion"
+    isVehicleQuestion
     :questionText="questionText"
     :answers="styles"
     groupName="Choose Vehicle Style"
     textPosition="text-start"
-    :isVehicleQuestion="true"
     :loaderEnabled="true"
     v-model="modelValue"
   />

src/layouts/vehicle-year/year-question/year-question.vue

@@ -1,9 +1,9 @@
 <template>
 <buttonQuestion class="radioQuestion"
+    isVehicleQuestion
     :questionText="questionText"
     :answers="years"
     groupName="Choose Vehicle Year"
-    :isVehicleQuestion="true"
     textPosition="text-start"
     :loaderEnabled="true"
     v-model="modelValue"
@@ -26,6 +26,7 @@ export default {
   props: {
     modelValue: String,
   },
+  emits: ['update:modelValue'],
   components: {
     buttonQuestion,
   },

src/ux-components/replace-options-question/replace-options-question.vue

@@ -1,7 +1,17 @@
+<template>
+    <div class="replace-options-question">
+        <buttonQestion
+            v-if="isAvailable"
+            :isMultiSelect="isMultiSelect"
+         />
+    </div>
+</template>
+
 <script>
+import buttonQuestion from "@/common-components/button-question/button-question";
 
 export default ({
-    name: "replace-options-question",
+    name: "replaceOptionsQuestion",
     data(){
         return {
             questionText: String,
@@ -13,6 +23,16 @@ export default ({
         isMultiSelect: Boolean,
         isAvailable: Boolean,
         filterByVehicleCategory: Boolean
+    },
+    methods: {
+        initializeComponent(cmsContent, replaceOptions){
+            this.questionText = cmsContent.QuestionText;
+            this.answersFromCms = cmsContent.Answers;
+            this.replaceOptions = replaceOptions;
+        }
+    },
+    components: {
+        buttonQuestion,
     }
 })
 </script>