From b1b58df0bf06b8f8b9bd54564ee330fec216c966 Mon Sep 17 00:00:00 2001
From: gabrieljablonski <contact@gabrieljablonski.com>
Date: Wed, 5 Mar 2025 22:00:16 -0300
Subject: [PATCH] refactor: improved syntax for `preventDefault()` call

---
 app/javascript/shared/components/ui/MultiselectDropdown.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/app/javascript/shared/components/ui/MultiselectDropdown.vue b/app/javascript/shared/components/ui/MultiselectDropdown.vue
index 3e4af6cf9..8ac4e94c1 100644
--- a/app/javascript/shared/components/ui/MultiselectDropdown.vue
+++ b/app/javascript/shared/components/ui/MultiselectDropdown.vue
@@ -96,13 +96,11 @@ const hasValue = computed(() => {
           :username="selectedItem.name"
         />
       </Button>
+      <!-- NOTE: Without @click.prevent, the dropdown does not behave as expected when used inside a <label> tag. -->
       <div
         :class="{ 'dropdown-pane--open': showSearchDropdown }"
         class="dropdown-pane"
-        @click="
-          // NOTE: Without this, the dropdown does not behave as expected when used inside a <label> tag.
-          event => event.preventDefault()
-        "
+        @click.prevent
       >
         <div class="flex items-center justify-between mb-1">
           <h4