commit

src/constants/endpoints.js

@@ -11,6 +11,10 @@ const endpoints = {
     url: (applicationAbbreviation, pageName) => `/content/api/v1/content/${applicationAbbreviation}/${pageName}`,
     method: "GET",
   },
+  GetVehicleYears: {
+    url: "/vehicle/api/v1/vehicle/years",
+    method: "GET",
+  },
 };
   
 export { endpoints };

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

@@ -0,0 +1,60 @@
+<template>
+    <buttonQuestion
+      class="radioQuestion"
+      isOverflowScrollable
+      selectingInitiatesLoad
+      :questionText="questionText"
+      :answers="years"
+      groupName="ChooseVehicleYear"
+      textPosition="text-start"
+      v-model="selectedValue"
+      isRequired
+    />
+  </template>
+  
+  <script>
+  import buttonQuestion from "@/common-components/button-question/button-question";
+  // Supporting files
+  import { storeActions } from "@/constants/store-actions.js";
+  import baseMixin from "@/mixins/base-mixin.js";
+  export default {
+    name: "year-question",
+    data() {
+      return {
+        years: Array,
+      };
+    },
+    props: {
+      modelValue: String,
+      cmsWidgetName: String,
+    },
+    components: {
+      buttonQuestion,
+    },
+    computed: {
+      questionText(){
+        return this.getCmsContent(this.cmsWidgetName, 'QuestionText');
+      },
+      selectedValue: {
+        get: function() {
+          return this.modelValue
+        },
+        set: function(newValue) {
+          this.$emit("update:modelValue", newValue);
+        }
+      }
+    },
+    methods: {
+      loadInitialData() {
+        return baseMixin.methods.dispatchStoreAction(
+          storeActions.GET_VEHICLE_YEARS,
+          {}
+        );
+      },
+      initializeComponent(initialData) {
+        this.years = initialData;
+      },
+    },
+  };
+  </script>
+  

src/store/index.js

@@ -74,6 +74,15 @@ export const useMainStore = defineStore({
         });
       },
 
+       // Vehicle API Actions
+      getVehicleYears() {
+        return globalMethods.callHttpClient({
+          method: endpoints.GetVehicleYears.method,
+          endpoint: endpoints.GetVehicleYears.url,
+          payload: {},
+        });
+      },
+
       // Vehicle API Actions
       updateVehicleYear(year) 
       {