changed from arrays to string

src/common-components/button-question/button-question.vue

@@ -166,7 +166,7 @@ export default {
     },
     handleCheckedChanged(val) {
       if(this.selectingInitiatesLoad) {
-        this.selectedValues = [val.value];
+        this.selectedValues = val.value;
       } else {
         if(Array.isArray(this.selectedValues)) {
           const newSelectedValues = this.selectedValues;

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

@@ -36,8 +36,7 @@ export default {
     },
     selectedValue: {
       get: function() {
-        const modelValueAsArray = this.modelValue ? [this.modelValue] : [];
-        return modelValueAsArray;
+        return this.modelValue
       },
       set: function(newValue) {
         this.$emit("update:modelValue", newValue);

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

@@ -36,8 +36,7 @@ export default {
     },
     selectedValue: {
       get: function() {
-        const modelValueAsArray = this.modelValue ? [this.modelValue] : [];
-        return modelValueAsArray;
+        return this.modelValue
       },
       set: function(newValue) {
         this.$emit("update:modelValue", newValue);

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

@@ -36,8 +36,7 @@ export default {
     },
     selectedValue: {
       get: function() {
-        const modelValueAsArray = this.modelValue ? [this.modelValue] : [];
-        return modelValueAsArray;
+        return this.modelValue
       },
       set: function(newValue) {
         this.$emit("update:modelValue", newValue);

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

@@ -23,12 +23,12 @@ import styleQuestion from "@/layouts/vehicle-style/style-question/style-question
 import funnelHeader from "@/common-components/funnel-header/funnel-header";
 import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
 import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { storeActions } from "@/constants/store-actions";
 import store from "@/store";
-import { storeMutations } from "@/constants/store-mutations";
 
 export default {
   name: "vehicle-style",

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

@@ -37,8 +37,7 @@ export default {
     },
     selectedValue: {
       get: function() {
-        const modelValueAsArray = this.modelValue ? [this.modelValue] : [];
-        return modelValueAsArray;
+        return this.modelValue
       },
       set: function(newValue) {
         this.$emit("update:modelValue", newValue);

src/store/index.js

@@ -707,6 +707,7 @@ export const actions = {
   },
   saveVehicleStyle(context, style) {
 
+    console.log(context.state.order.vehicle.style, style);
     //Reset dependent state when changing 
     if (context.state.order.vehicle.style !== style) {
       context.commit(storeMutations.UPDATE_CAR_ID, null);