Added header vue and mapped to cms

src/common-components/site-header/site-header.vue

@@ -0,0 +1,33 @@
+<template>
+    <div class="headerContainer">
+        <img class="siteHeader" :src="url" :alt="altText" />
+    </div>
+</template>
+
+<script>
+    
+    export default({
+        name: "siteHeader",
+        computed: {
+            url()
+            {
+                return this.getCmsContent("Header", "LogoImageURL")
+            },
+            altText()
+            {
+                return this.getCmsContent("Header", "AltText")
+            }
+        }
+    })
+</script>
+
+<style lang="scss" scoped>
+
+   .headerContainer{
+        width: 100%;
+        margin: 16px auto;
+        text-align: center;
+
+   }
+    
+</style>

src/global-methods.js

@@ -5,7 +5,7 @@ export default {
   callHttpClient({ method, endpoint, payload}) {
     return new Promise((resolve, reject) => {
       const cfDistroUrl = applicationConfig.CONSUMER_CF_DISTRO;
-      const payloadAndAnalyticsData = Object.assign({}, payload, { AppName: "SelfService" });
+      const payloadAndAnalyticsData = payload //Object.assign({}, payload, { AppName: "SelfService" });
 
       axios({ method: method, url: cfDistroUrl + endpoint, data: payloadAndAnalyticsData, crossDomain: true, responseType: {}})
         .then((response) => {

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

@@ -1,6 +1,7 @@
 <template>
 <div>
     <div class="fade-on-route-transition">
+        <siteHeader />
         <navButton type="button" text="back" :scenario="this.navigationScenarios.CLICKED_BACK"></navButton>
         <p>Vehicle Year Placeholder</p>
         <input type="text" v-model="year"/>
@@ -11,13 +12,14 @@
 </template>
 
 <script>
-    import navButton from '@/common-components/nav-button/nav-button.vue';
+    import navButton from '@/common-components/nav-button/nav-button';
+    import siteHeader from '@/common-components/site-header/site-header';
     import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
     import { settleAllPromises } from "@/helpers/layout-helper";
 
     export default {
         name: 'vehicle-year',
-        components: { navButton },
+        components: { navButton, siteHeader },
         async beforeRouteEnter(to, from, next) 
         {
             // Call APIs
@@ -49,8 +51,8 @@
         {
             returnVehicleYear()
             {
-               return this.mainStore.order.vehicle.year;
-            }
+                return this.mainStore.order.vehicle.year;
+            }   
         }
     }
 </script>