fix: Use camelCase in emits

Author: ktquez

src/components/PopupBodyDetails.vue

@@ -7,7 +7,7 @@
       <button
         type="button"
         class="va-btn va-flex va-items-center va-px-2 va-py-3 va-relative"
-        @click="$emit('hide-details')"
+        @click="$emit('hideDetails')"
       >
         <IconArrowNarrow />
         <span class="va-ml-2 va-text-base va-font-medium va-leading-3">{{ $vat('back', 'Back') }}</span>
@@ -153,7 +153,7 @@ export default {
     }
   },
 
-  emits: ['hide-details'],
+  emits: ['hideDetails'],
 
   disableAxeAudit: true,
 

src/components/PopupBodyViolations.vue

@@ -26,7 +26,7 @@
               :key="`subitem-${violation.id}`"
               tag="li"
               class="va-p-subitem va-px-2 va-py-3 va-flex va-justify-between va-items-start hover:va-bg-primary"
-              @trigger="$emit('show-details', violation)"
+              @trigger="$emit('showDetails', violation)"
             >
               <div class="va-flex va-items-start">
                 <span :class="`va-text-${violation.impact} va-text-2xl va-font-bold va-leading-4 va-mr-2`">&#8226;</span>
@@ -42,7 +42,7 @@
                 class="va-btn va-relative va-pt-1 va-pb-2 va-px-3"
                 style="top: -2px; right: -6px;"
                 :aria-labelledby="`see-more-${violation.id} violation-${violation.id}`"
-                @click="$emit('show-details', violation)"
+                @click="$emit('showDetails', violation)"
               >
                 <span
                   :id="`see-more-${violation.id}`"
@@ -75,7 +75,7 @@ export default {
     IconArrowNarrow
   },
 
-  emits: ['show-details'],
+  emits: ['showDetails'],
 
   disableAxeAudit: true,
 

src/components/PopupButton.vue

@@ -5,7 +5,7 @@
     aria-controls="va-popup-box"
     :aria-expanded="popupShow.toString()"
     :aria-label="ariaLabelButton"
-    @click="$emit('toggle-popup')"
+    @click="$emit('togglePopup')"
   >
     <span
       v-show="notifications && !popupShow"
@@ -67,7 +67,7 @@ export default {
     }
   },
 
-  emits: ['toggle-popup'],
+  emits: ['togglePopup'],
 
   disableAxeAudit: true,