Copy collection; Stimulus controller for vocabs (incomplete)

templates/collector/landing.html.twig

@@ -8,10 +8,12 @@
     <h2 class="is-size-3 mt-3 has-text-centered">Choose action</h2>
 
     {% for message in app.flashes('notice') %}
-        <div class=" mt-4 notification is-success">
-            <button class="delete"></button>
+       <div class=" mt-4 notification is-success"
+            data-controller="notification"
+            data-notification-target="notif">
+            <button class="delete" data-action="click->notification#close"></button>
             {{ message }}
-        </div>
+        </div> 
     {% endfor %}
     <div class="card p-5 mt-6 pt-6 pb-6">
         <div class="columns">
@@ -100,12 +102,4 @@
         </div>
     </div>
 </div>
-<script type="text/javascript" defer>
-    const delBtns = document.querySelectorAll('.delete');
-    for (let btn of delBtns) {
-        btn.addEventListener('click', function () {
-            this.parentElement.classList.add('is-hidden');
-        })
-    }
-</script>
 {% endblock %}