updates

src/layouts/address-lookup/address-lookup.vue

@@ -390,14 +390,14 @@ export default {
             return this.getCmsContent(
                 "AlertMatchedDifferentVehicleWidget",
                 "HeadlineText"
-            ).replaceAll("{custom:glassText}", getDamageString());
+            ).replaceAll("{custom:damage}", getDamageString());
         },
         AlertMatchedDifferentVehicleBody() {
             const vinYmmFound = `${this.customAlertData?.vehicleInfo?.year} ${this.customAlertData?.vehicleInfo?.make} ${this.customAlertData?.vehicleInfo?.model}`;
             const vinYmmExpected = `${this.mainStore.order.vehicle.year} ${this.mainStore.order.vehicle.make} ${this.mainStore.order.vehicle.model}`;
 
             return this.getCmsContent("AlertMatchedDifferentVehicleWidget", "BodyText")
-                .replaceAll("{custom:glassText}", getDamageString())
+                .replaceAll("{custom:damage}", getDamageString())
                 .replaceAll("{custom:vinYmmFound}", vinYmmFound)
                 .replaceAll("{custom:vinYmmExpected}", vinYmmExpected);
         },

src/layouts/address-vehicles/address-vehicles.vue

@@ -0,0 +1,89 @@
+<template>
+  <Form
+    @submit="onSubmit"
+    @invalidSubmit="onInvalidSubmit"
+    v-slot="{ meta }"
+  >
+    <div class="page-container-grouped-styles overflow-auto">
+      <siteHeader
+        cmsWidgetName="SiteHeaderWidget"
+      />
+      <vehicleBanner
+        cmsWidgetName="VehicleBannerWidget"
+        :displayGenericVehicleImage="false"
+      />
+      <siteSubHeader
+        cmsWidgetName="SiteSubHeaderWidget"
+      />
+      <div class="fade-on-route-transition sub-container make-tall mt-5">
+        <p>Placeholder for address-vehicles page</p>
+
+        <siteFooter
+          cmsWidgetName="SiteFooterWidget"
+          :isForwardActionDisabled="!meta.valid"
+          @backClicked="backButtonAction"
+          @forwardClicked="forwardButtonAction"
+          ref="siteFooter"
+        />
+      </div>
+    </div>
+  </Form>
+</template>
+<script>
+// Import Supporting Files
+import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
+import { settleAllPromises } from '@/helpers/layout-helper';
+
+// Import Component
+import baseFormMixin from '@/mixins/base-form-mixin';
+import { Form } from 'vee-validate';
+import siteFooter from '@/common-components/site-footer/site-footer.vue';
+import siteHeader from '@/common-components/site-header/site-header.vue';
+import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+
+export default {
+  name: 'capability-questions',
+  mixins: [baseFormMixin],
+  components: {
+    siteFooter,
+    siteHeader,
+    siteSubHeader,
+    Form,
+    vehicleBanner,    
+  },  
+  data() {
+    return {};
+  },  
+  async beforeRouteEnter(to, from, next) {
+    const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
+
+    // Settle promises and get results
+    const promiseResultMap = [
+      {
+        resultKey: 'cmsContent',
+        promise: cmsContentPromise,
+      },
+    ];
+
+    const resultMap = await settleAllPromises(promiseResultMap);
+
+    next((vm) => {
+      vm.setCmsContent(resultMap.cmsContent);
+    });
+  },
+  methods: {
+    arePagePrerequisiteValid() {
+      return true;
+    },
+    backButtonAction() {
+      /**
+       * this.navigationScenarios comes from base-mixin
+       */
+      this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
+    },
+    async forwardButtonAction() {},    
+    resetDependentState() {},
+  },
+};
+</script>

src/router/router-constants/issPage-values.js

@@ -7,6 +7,7 @@ export const issPageValues = {
     VEHICLE_DAMAGE: "vehicle-damage",
     VEHICLE_LOOKUP: "vehicle-lookup",
     ADDRESS_LOOKUP: "address-lookup",
+    ADDRESS_VEHICLES: "address-vehicles",
     LICENSE_PLATE_LOOKUP: "license-plate-lookup",
     VIN_LOOKUP: "vin-lookup",
     VEHICLE_PARTS: "vehicle-parts",