CSR-78 switch prop to computed

src/common-components/funnel-sub-header/funnel-sub-header.vue

@@ -35,12 +35,20 @@ export default {
   },
   props: {
     hasBackButton: Boolean,
-    backButtonAccessibleText: String,
+    backButtonAccessibleText: String
-    hasSubText: Boolean
   },
   components: {
     buttonBack,
   },
+  computed: {
+    hasSubText(){
+      if (this.subText.length > 0){
+        return true;
+      }  
+
+      return false;
+    }
+  },
   methods: {
     clickEvent() {
       this.$emit("click-event");

src/common-components/vehicle-banner/vehicle-banner.vue

@@ -19,7 +19,6 @@ export default {
   },
   data() {
     return {
-      vehicleImageSrc: '',
       genericVehicleImage: '',
       carUnmatchedVehicleIcon: '',
       truckUnmatchedVehicleIcon: '',

src/layouts/vehicle-damage/vehicle-damage.vue

@@ -2,7 +2,7 @@
     <div class="container-fluid shadow rounded-3 p-2 position-relative">
         <funnelHeader ref="funnelHeader" />
         <vehicleBanner ref="vehicleBanner" :displayGenericVehicleImage=false />
-        <funnelSubHeader ref="funnelSubHeader" :hasSubText=true />
+        <funnelSubHeader ref="funnelSubHeader" />
         <damageLocationQuestion ref="damageLocation" v-model="selectedDamageLocations" groupName="DamageLocationQuestion" />
         <replaceOptionsQuestion ref="driverSideOptions" isAvailable v-model="driverSideOptionsData" groupName="DriverSideReplaceOptionsQuestion" />
     </div>