Add Nuxt

app/assets/modal.js

@@ -0,0 +1,37 @@
+document.querySelectorAll(".modal-container").forEach((element)=>{
+    if(element.querySelector(".openBtn")==null){
+        document.getElementById(element.dataset.id).addEventListener("click",(ev)=>{
+            var btn=ev.target;
+            var modal=document.getElementById(btn.dataset.id);
+            var content=modal.querySelector(".modal");
+            content.style.display="flex";
+        });
+    }else{
+    element.querySelector(".openBtn").addEventListener("click",(ev)=>{
+        var btn=ev.target
+        var modal=btn;
+        do{
+            modal=modal.parentElement;
+        }while(!modal.classList.contains("modal-container"));
+        var content=modal.querySelector(".modal");
+        content.style.display="flex";
+    });
+}
+    element.querySelector(".closeBtn").addEventListener("click",(ev)=>{
+        var btn=ev.target;
+        var modal=btn.parentElement.parentElement.parentElement;
+        var content=modal.querySelector(".modal");
+        content.style.display="none";
+    });
+});
+
+document.querySelector("#eventmodals").querySelectorAll(".closelink").forEach((el)=> {
+    el.addEventListener("click",(ev)=>{
+        let div=ev.target;
+        while(!div.classList.contains("modal-content")){
+            div=div.parentElement;
+        }
+        console.log(div.querySelector(".close"));
+        div.querySelector(".close").click();
+    });
+});