WIP

src/layouts/service-location/service-location.vue

@@ -5,7 +5,10 @@
             <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" id="sub-header" /> 
             <div class="fade-on-route-transition position-relative px-5 choose-option">
                 <serviceZipModalQuestion
-                    v-model="serviceZipCodeQuestion"/>
+                    v-model="serviceZipCodeQuestion"
+                    ref="serviceZipCodeQuestion"
+                    linkWidgetName="ServiceZipLinkWidget"
+                    modalWidgetName="ServiceZipModalWidget" />
                 <buttonQuestion 
                     cmsWidgetName="ServiceTypeQuestionWidget" 
                     :questionText="questionText" 
@@ -37,7 +40,7 @@
 </template>
 <script>
   // Import Supporting Files
-import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
+import { fetchCmsContentForPage, setupModalLinks } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { required } from "@/helpers/validation-rules";
 import { errorMessages } from "@/constants/error-messages";

src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue

@@ -11,7 +11,9 @@
         </div>
     </div>
     <contentGroupModal
-        cmsWidgetName="ServiceZipModalWidget" />
+        cmsWidgetName="ServiceZipModalWidget"
+        ref="ServiceZipModalWidget"
+        modalId="ServiceZipModalWidget" />
 </template>
 
 <script>
@@ -28,7 +30,8 @@ export default {
                 serviceZip: "",
                 serviceZipState: "",
             })
-        }
+        },
+        modalWidgetName: String,
     },
     computed: {
         serviceZipLinkText() {