From 882e8c011094349247ce49277b51f17d52e31989 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Tue, 1 Nov 2022 12:58:01 -0400
Subject: [PATCH] commit

---
 .../model-question/model-question.vue         | 62 +++++++++++++++++++
 src/layouts/vehicle-model/vehicle-model.vue   |  0
 2 files changed, 62 insertions(+)
 create mode 100644 src/layouts/vehicle-model/model-question/model-question.vue
 create mode 100644 src/layouts/vehicle-model/vehicle-model.vue

diff --git a/src/layouts/vehicle-model/model-question/model-question.vue b/src/layouts/vehicle-model/model-question/model-question.vue
new file mode 100644
index 00000000..5259e0fd
--- /dev/null
+++ b/src/layouts/vehicle-model/model-question/model-question.vue
@@ -0,0 +1,62 @@
+<template>
+    <buttonQuestion
+      class="radioQuestion"
+      isOverflowScrollable
+      selectingInitiatesLoad
+      :questionText="questionText"
+      :answers="models"
+      groupName="ChooseVehicleModel"
+      textPosition="text-start"
+      v-model="selectedValue"
+      isRequired
+    />
+  </template>
+  
+  <script>
+  import buttonQuestion from "@/common-components/button-question/button-question";
+  // Supporting files
+  import store from "@/store";
+  import { storeActions } from "@/constants/store-actions.js";
+  import baseMixin from "@/mixins/base-mixin.js";
+  
+  export default {
+    name: "model-question",
+    data() {
+      return {
+        models: Array,
+      };
+    },
+    props: {
+      modelValue: String,
+      cmsWidgetName: String,
+    },
+    computed: {
+      questionText(){
+        return this.getCmsContent(this.cmsWidgetName, 'QuestionText');
+      },
+      selectedValue: {
+        get: function() {
+          return this.modelValue
+        },
+        set: function(newValue) {
+          this.$emit("update:modelValue", newValue);
+        }
+      }
+    },
+    components: {
+      buttonQuestion,
+    },
+    methods: {
+      loadInitialData() {
+        return baseMixin.methods.dispatchStoreAction(
+          storeActions.GET_VEHICLE_MODELS,
+          { year: store.getters.vehicle.year, make: store.getters.vehicle.make }
+        );
+      },
+      initializeComponent(initialData) {
+        this.models = initialData;
+      },
+    },
+  };
+  </script>
+  
\ No newline at end of file
diff --git a/src/layouts/vehicle-model/vehicle-model.vue b/src/layouts/vehicle-model/vehicle-model.vue
new file mode 100644
index 00000000..e69de29b