From 7b59193670a54bfde6dd176745ff20e2cf988fed Mon Sep 17 00:00:00 2001
From: Stuart Clark <stu@rtclark.net>
Date: Mon, 23 Oct 2023 13:52:37 +1100
Subject: [PATCH] feat(#106): emit click event (#121)

---
 src/components/Collapsible.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/Collapsible.vue b/src/components/Collapsible.vue
index 7c1dbc9..c1b6f71 100644
--- a/src/components/Collapsible.vue
+++ b/src/components/Collapsible.vue
@@ -5,7 +5,7 @@
       'data-collapsible-collapsed': collapsed
     }"
   >
-    <div data-collapsible-trigger="">
+    <div data-collapsible-trigger="" @click="onClick">
       <slot name="trigger">{{ trigger }}</slot>
     </div>
     <div data-collapsible-panel="">
@@ -29,19 +29,32 @@ export default {
 
   mounted() {
     try {
+      // If the component has been mounted and $el is available
       if (this.$el) {
+        // Delete the cached module for collapsible
         delete require.cache[require.resolve('civictheme/components/00-base/collapsible/collapsible')]
+
+        // Require the collapsible module again
         require('civictheme/components/00-base/collapsible/collapsible')
       }
     }
     catch(e) {
+      // Output an error message to the console if there is an issue
       // eslint-disable-next-line
       console.error(e)
     }
   },
 
+  // Delete require cache for collapsible component
   beforeDestroy() {
     delete require.cache[require.resolve('civictheme/components/00-base/collapsible/collapsible')]
+  },
+
+  methods: {
+    onClick() {
+      // Emit the 'click' event to notify parent components that the trigger has been clicked.
+      this.$emit('click')
+    }
   }
 }
 </script>