From 4a08cbf38d06c5aca65a1dccbd3ab983caaf58f0 Mon Sep 17 00:00:00 2001
From: Jason Wheeler <jason.wheeler@safelite.com>
Date: Thu, 6 Apr 2023 14:58:12 -0400
Subject: [PATCH] half way there

---
 src/digital-components/modal/modal.vue        |  4 ++--
 src/layouts/z-test-page-jg/z-test-page-jg.vue | 17 ++++++++++++++++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index e13f4fcd..87330d06 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -91,11 +91,11 @@ export default {
         },
         openModal() {
             const modal = Modal.getOrCreateInstance(document.getElementById(this.modalId));
-            modal.show();
+            modal?.show();
         },
         closeModal() {
             const modal = Modal.getInstance(document.getElementById(this.modalId));
-            modal.hide();
+            modal?.hide();
         },
     },
     computed: {
diff --git a/src/layouts/z-test-page-jg/z-test-page-jg.vue b/src/layouts/z-test-page-jg/z-test-page-jg.vue
index c994900d..eae6b414 100644
--- a/src/layouts/z-test-page-jg/z-test-page-jg.vue
+++ b/src/layouts/z-test-page-jg/z-test-page-jg.vue
@@ -14,7 +14,7 @@
                         here
                     </p>
                     
-                    <a href="#!" data-bs-toggle="modal" data-bs-target="#ModalName" aria-label="Modal window">Wow!!</a>
+                    <a id="test" href="#!" aria-label="Modal window">Wow!!</a>
                     <siteFooter
                         cmsWidgetName="SiteFooterWidget"
                         :isForwardActionDisabled="!meta.valid"
@@ -64,6 +64,21 @@ export default {
                 alert("you clicked me!");
             }
         },
+       /* mounted: (
+            () => {
+                const element = document.getElementById("test");
+                element.addEventListener("click", () => app.openModal("ModalName") )
+            }
+        ),
+        */
+        mounted() { 
+            console.log(document.getElementById("test")) 
+            console.log(this.openModal);
+            const element = document.getElementById("test");
+            const modalname = "ModalName";
+            const openModal = this.openModal;
+            element.addEventListener("click", () => openModal(modalname) )
+        },
         computed: {
             bodyText() {
                 return this.getCmsContent("ModalLink", "BodyText");