diff --git a/nuxt-frontend/components/CTA/CTA2.vue b/nuxt-frontend/components/CTA/CTA2.vue
index 4047ed64e..26865cf04 100644
--- a/nuxt-frontend/components/CTA/CTA2.vue
+++ b/nuxt-frontend/components/CTA/CTA2.vue
@@ -41,8 +41,8 @@
                   autoComplete="given-username"
                   placeholder=" "
                   @input="
-                    (showNameValidationError =
-                      $event.target.value.trim().length === 0)
+                    showNameValidationError =
+                      $event.target.value.trim().length === 0
                   "
                 />
                 <label
@@ -71,10 +71,10 @@
                   autoComplete="given-email"
                   placeholder=" "
                   @input="
-                    (showEmailValidationError =
-                      $event.target.value.trim().length === 0)
+                    showEmailValidationError =
+                      $event.target.value.trim().length === 0
                   "
-                  @blur="(showValidEmailError = isValidEmail(email))"
+                  @blur="showValidEmailError = isValidEmail(email)"
                 />
                 <label
                   htmlFor="email"
@@ -107,12 +107,10 @@
                   autoComplete="given-phonenumber"
                   placeholder=" "
                   @input="
-                    (showPhoneNumberValidationError =
-                      $event.target.value.trim().length === 0)
-                  "
-                  @blur="
-                    (showValidPhoneNumberError = isValidPhone(phoneNumber))
+                    showPhoneNumberValidationError =
+                      $event.target.value.trim().length === 0
                   "
+                  @blur="showValidPhoneNumberError = isValidPhone(phoneNumber)"
                 />
                 <label
                   htmlFor="phonenumber"
diff --git a/nuxt-frontend/components/CTA/CTA3.vue b/nuxt-frontend/components/CTA/CTA3.vue
index f0f4b5fe2..c1726ef07 100644
--- a/nuxt-frontend/components/CTA/CTA3.vue
+++ b/nuxt-frontend/components/CTA/CTA3.vue
@@ -47,8 +47,8 @@
                     autoComplete="given-username"
                     placeholder=" "
                     @input="
-                      (showNameValidationError =
-                        $event.target.value.trim().length === 0)
+                      showNameValidationError =
+                        $event.target.value.trim().length === 0
                     "
                   />
                   <label
@@ -77,10 +77,10 @@
                     autoComplete="given-email"
                     placeholder=" "
                     @input="
-                      (showEmailValidationError =
-                        $event.target.value.trim().length === 0)
+                      showEmailValidationError =
+                        $event.target.value.trim().length === 0
                     "
-                    @blur="(showValidEmailError = isValidEmail(email))"
+                    @blur="showValidEmailError = isValidEmail(email)"
                   />
                   <label
                     htmlFor="email"
@@ -114,11 +114,11 @@
                     autoComplete="given-phonenumber"
                     placeholder=" "
                     @input="
-                      (showPhoneNumberValidationError =
-                        $event.target.value.trim().length === 0)
+                      showPhoneNumberValidationError =
+                        $event.target.value.trim().length === 0
                     "
                     @blur="
-                      (showValidPhoneNumberError = isValidPhone(phoneNumber))
+                      showValidPhoneNumberError = isValidPhone(phoneNumber)
                     "
                   />
                   <label
diff --git a/nuxt-frontend/components/android-app-development/FaqSection.vue b/nuxt-frontend/components/android-app-development/FaqSection.vue
index 51c35473a..f870a1536 100644
--- a/nuxt-frontend/components/android-app-development/FaqSection.vue
+++ b/nuxt-frontend/components/android-app-development/FaqSection.vue
@@ -145,7 +145,7 @@
             <div class="mx-auto my-8 lg:hidden">
               <div
                 class="border border-white primary-btn"
-                @click="(showAdditionalFAQs = !showAdditionalFAQs)"
+                @click="showAdditionalFAQs = !showAdditionalFAQs"
               >
                 <span class="text-white sub-h3-semibold"
                   >{{ showAdditionalFAQs ? "View Less" : "View More" }}
diff --git a/nuxt-frontend/components/backend-development/FaqSection.vue b/nuxt-frontend/components/backend-development/FaqSection.vue
index 72c11d20e..af91324e6 100644
--- a/nuxt-frontend/components/backend-development/FaqSection.vue
+++ b/nuxt-frontend/components/backend-development/FaqSection.vue
@@ -128,7 +128,7 @@
       ></collapse-transition>
       <div
         class="primary-btn gradient-border-btn white-btn mt-8 lg:hidden mx-auto"
-        @click="(showAdditionalFAQs = !showAdditionalFAQs)"
+        @click="showAdditionalFAQs = !showAdditionalFAQs"
       >
         <span class="sub-h3-semibold"
           >{{ showAdditionalFAQs ? "View Less" : "View More" }}
diff --git a/nuxt-frontend/components/contact/NewContactForm.vue b/nuxt-frontend/components/contact/NewContactForm.vue
index 1ac1fe347..df61684ef 100755
--- a/nuxt-frontend/components/contact/NewContactForm.vue
+++ b/nuxt-frontend/components/contact/NewContactForm.vue
@@ -17,8 +17,8 @@
                 v-model="name"
                 placeholder=" "
                 @input="
-                  (showNameValidationError =
-                    $event.target.value.trim().length === 0)
+                  showNameValidationError =
+                    $event.target.value.trim().length === 0
                 "
                 @click.native="$mixpanel.track('tap_contact_name_input')"
               />
@@ -42,10 +42,10 @@
                 v-model="email"
                 placeholder=" "
                 @input="
-                  (showEmailValidationError =
-                    $event.target.value.trim().length === 0)
+                  showEmailValidationError =
+                    $event.target.value.trim().length === 0
                 "
-                @blur="(showValidEmailError = isValidEmail())"
+                @blur="showValidEmailError = isValidEmail()"
                 @click.native="$mixpanel.track('tap_contact_email_input')"
               />
               <label
@@ -73,8 +73,8 @@
                 v-model="projectInfo"
                 placeholder=" "
                 @input="
-                  (showProjectInfoValidationError =
-                    $event.target.value.trim().length === 0)
+                  showProjectInfoValidationError =
+                    $event.target.value.trim().length === 0
                 "
                 @click.native="
                   $mixpanel.track('tap_contact_project_info_input')
@@ -102,8 +102,8 @@
                 v-model="reference"
                 placeholder=" "
                 @input="
-                  (showReferenceValidationError =
-                    $event.target.value.trim().length === 0)
+                  showReferenceValidationError =
+                    $event.target.value.trim().length === 0
                 "
                 @click.native="$mixpanel.track('tap_contact_reference_input')"
               />
@@ -139,7 +139,7 @@
                         ? 'text-black-core'
                         : 'text-black-60',
                     ]"
-                    @click="(floatable = !floatable)"
+                    @click="floatable = !floatable"
                     >I'll invest</label
                   >
                   <span class="sub-h1-regular lg:sub-h2-regular">{{
diff --git a/nuxt-frontend/components/contributions/WhatsTrending.vue b/nuxt-frontend/components/contributions/WhatsTrending.vue
index 1e42db46d..836224af5 100644
--- a/nuxt-frontend/components/contributions/WhatsTrending.vue
+++ b/nuxt-frontend/components/contributions/WhatsTrending.vue
@@ -17,10 +17,10 @@
             :key="index"
             class="ml-8 flex flex-[0_0_320px] flex-col justify-center rounded-xl text-left sm:flex-[0_0_480px]"
             :class="pausedId == post.id ? 'scale-[0.97] cursor-pointer' : ''"
-            @mouseover="(pausedId = post.id)"
-            @mouseleave="(pausedId = 0)"
-            @touchstart.passive="(pausedId = post.id)"
-            @touchend="(pausedId = 0)"
+            @mouseover="pausedId = post.id"
+            @mouseleave="pausedId = 0"
+            @touchstart.passive="pausedId = post.id"
+            @touchend="pausedId = 0"
             :ref="'card-1-' + index"
             @click="openBlog(post.link, 'tap_contribution_trending_section')"
           >
@@ -71,10 +71,10 @@
               :key="index"
               class="relative ml-8 flex flex-col justify-center rounded-xl flex-[0_0_528px]"
               :class="pausedId == post.id ? 'scale-[0.97] cursor-pointer' : ''"
-              @mouseover="(pausedId = post.id)"
-              @mouseleave="(pausedId = 0)"
-              @touchstart.passive="(pausedId = post.id)"
-              @touchend="(pausedId = 0)"
+              @mouseover="pausedId = post.id"
+              @mouseleave="pausedId = 0"
+              @touchstart.passive="pausedId = post.id"
+              @touchend="pausedId = 0"
               :ref="'card-2-' + index"
               @click="openBlog(post.link, 'tap_contribution_trending_section')"
             >
@@ -125,10 +125,10 @@
               :key="index"
               class="relative ml-8 mt-8 flex flex-col justify-center rounded-xl text-left flex-[0_0_528px]"
               :class="pauseId == post.id ? 'scale-[0.97] cursor-pointer' : ''"
-              @mouseover="(pauseId = post.id)"
-              @mouseleave="(pauseId = 0)"
-              @touchstart.passive="(pauseId = post.id)"
-              @touchend="(pauseId = 0)"
+              @mouseover="pauseId = post.id"
+              @mouseleave="pauseId = 0"
+              @touchstart.passive="pauseId = post.id"
+              @touchend="pauseId = 0"
               :ref="'card-3-' + index"
               @click="openBlog(post.link, 'tap_contribution_trending_section')"
             >
diff --git a/nuxt-frontend/components/flutter-app-development/FaqSection.vue b/nuxt-frontend/components/flutter-app-development/FaqSection.vue
index fbc75120c..b9922c2ea 100644
--- a/nuxt-frontend/components/flutter-app-development/FaqSection.vue
+++ b/nuxt-frontend/components/flutter-app-development/FaqSection.vue
@@ -116,7 +116,7 @@
       </collapse-transition>
       <div
         class="border primary-btn mt-8 lg:hidden"
-        @click="(showAdditionalFAQs = !showAdditionalFAQs)"
+        @click="showAdditionalFAQs = !showAdditionalFAQs"
       >
         <span class="sub-h3-semibold"
           >{{ showAdditionalFAQs ? "View Less" : "View More" }}
diff --git a/nuxt-frontend/components/frontend-development/FaqSection.vue b/nuxt-frontend/components/frontend-development/FaqSection.vue
index f51dff1ed..e7710cf25 100644
--- a/nuxt-frontend/components/frontend-development/FaqSection.vue
+++ b/nuxt-frontend/components/frontend-development/FaqSection.vue
@@ -116,7 +116,7 @@
       </collapse-transition>
       <div
         class="border primary-btn mt-8 lg:hidden"
-        @click="(showAdditionalFAQs = !showAdditionalFAQs)"
+        @click="showAdditionalFAQs = !showAdditionalFAQs"
       >
         <span class="sub-h3-semibold"
           >{{ showAdditionalFAQs ? "View Less" : "View More" }}
diff --git a/nuxt-frontend/components/home-new/BlogSection.vue b/nuxt-frontend/components/home-new/BlogSection.vue
index f43ab7b97..1ad6b30c1 100755
--- a/nuxt-frontend/components/home-new/BlogSection.vue
+++ b/nuxt-frontend/components/home-new/BlogSection.vue
@@ -44,7 +44,7 @@
               activeBlog = blog;
               animate = true;
             "
-            @touchstart.passive="(activeIndex = index)"
+            @touchstart.passive="activeIndex = index"
             @click.native="$mixpanel.track('tap_blog_post')"
             class="w-full"
           >
@@ -58,13 +58,13 @@
                 >
                   <span
                     class="mobile-header-2 lg:desk-header-2"
-                    @mouseleave="(animate = false)"
+                    @mouseleave="animate = false"
                   >
                     {{ blog.published_on[1] }}
                   </span>
                   <span
                     class="text-center sub-h4-regular lg:sub-h4-medium"
-                    @mouseleave="(animate = false)"
+                    @mouseleave="animate = false"
                   >
                     {{ blog.published_on[0] }}
                   </span>
@@ -76,14 +76,14 @@
                     activeBlog = blog;
                     animate = true;
                   "
-                  @touchend="(animate = false)"
+                  @touchend="animate = false"
                 >
                   <hr
                     v-if="index == 0"
                     class="h-[0.063rem] mb-4 lg:mb-8 bg-[#C6C6C6]"
                   />
                   <div>
-                    <div @mouseleave="(animate = false)">
+                    <div @mouseleave="animate = false">
                       <nuxt-link
                         :to="'/' + blog.slug"
                         @click.native="$mixpanel.track('tap_blog_post')"
diff --git a/nuxt-frontend/components/home-new/PortfolioSection.vue b/nuxt-frontend/components/home-new/PortfolioSection.vue
index 932e1cbd4..5b823ed8b 100755
--- a/nuxt-frontend/components/home-new/PortfolioSection.vue
+++ b/nuxt-frontend/components/home-new/PortfolioSection.vue
@@ -14,9 +14,9 @@
           portfolio.video ? 'sm:!p-0' : '',
         ]"
         class="relative lg:transition-all lg:duration-500 lg:ease-in-out lg:transform cursor-pointer rounded-xl mt-4 lg:mt-0 md:w-[80%] md:mx-auto"
-        @mouseover="(activeIndex = portfolio.id)"
-        @mouseleave="(activeIndex = null)"
-        @touchstart.passive="(activeIndex = portfolio.id)"
+        @mouseover="activeIndex = portfolio.id"
+        @mouseleave="activeIndex = null"
+        @touchstart.passive="activeIndex = portfolio.id"
       >
         <nuxt-link
           :to="portfolio.url"
diff --git a/nuxt-frontend/components/home-new/ServiceSection.vue b/nuxt-frontend/components/home-new/ServiceSection.vue
index 39b5b8b91..091f2b694 100644
--- a/nuxt-frontend/components/home-new/ServiceSection.vue
+++ b/nuxt-frontend/components/home-new/ServiceSection.vue
@@ -10,8 +10,8 @@
     <nuxt-link
       v-for="(service, index) in services"
       :key="service"
-      @mouseover="(activeIndex = index)"
-      @touchstart.passive="(activeIndex = index)"
+      @mouseover="activeIndex = index"
+      @touchstart.passive="activeIndex = index"
       :href="service.url"
       :class="[
         activeIndex === index
diff --git a/nuxt-frontend/components/ios-app-development/FaqSection.vue b/nuxt-frontend/components/ios-app-development/FaqSection.vue
index ad9dd59e0..c9e9a7a2e 100644
--- a/nuxt-frontend/components/ios-app-development/FaqSection.vue
+++ b/nuxt-frontend/components/ios-app-development/FaqSection.vue
@@ -143,7 +143,7 @@
             >
               <div
                 class="m-[5px] rounded-[0.6rem] border border-solid border-transparent bg-gradient-to-r from-[#ff9472] via-[#ff909c] to-[#f2709c] p-[1rem] text-center shadow-[inset_2px_1000px_1px_#fff] active:scale-[0.98] border border-black w-[155px] cursor-pointer h-[57px]"
-                @click="(showAdditionalFAQs = !showAdditionalFAQs)"
+                @click="showAdditionalFAQs = !showAdditionalFAQs"
               >
                 <span class="sub-h3-semibold v2-canopas-gradient-text"
                   >{{ showAdditionalFAQs ? "View Less" : "View More" }}
diff --git a/nuxt-frontend/components/jobs/VirtuesView.vue b/nuxt-frontend/components/jobs/VirtuesView.vue
index e14cbaf7d..c0ba98c61 100644
--- a/nuxt-frontend/components/jobs/VirtuesView.vue
+++ b/nuxt-frontend/components/jobs/VirtuesView.vue
@@ -13,7 +13,7 @@
           class="relative basis-full lg:basis-[33%]"
           v-for="virtue in virtues.slice(0, 3)"
           :key="virtue.id"
-          @touchstart.passive="(activeIndex = virtue.id)"
+          @touchstart.passive="activeIndex = virtue.id"
           @hover.native="$mixpanel.track('hover_virtue')"
         >
           <div
@@ -54,7 +54,7 @@
           class="relative basis-full lg:basis-1/2"
           v-for="virtue in virtues.slice(3, 5)"
           :key="virtue.id"
-          @touchstart.passive="(activeIndex = virtue.id)"
+          @touchstart.passive="activeIndex = virtue.id"
           @hover.native="$mixpanel.track('hover_virtue')"
         >
           <div
@@ -96,7 +96,7 @@
           class="relative basis-full lg:basis-[33%]"
           v-for="virtue in virtues.slice(5, 8)"
           :key="virtue.id"
-          @touchstart.passive="(activeIndex = virtue.id)"
+          @touchstart.passive="activeIndex = virtue.id"
           @hover.native="$mixpanel.track('hover_virtue')"
         >
           <div
@@ -138,7 +138,7 @@
           class="relative basis-full lg:basis-1/2"
           v-for="virtue in virtues.slice(8, 10)"
           :key="virtue.id"
-          @touchstart.passive="(activeIndex = virtue.id)"
+          @touchstart.passive="activeIndex = virtue.id"
           @hover.native="$mixpanel.track('hover_virtue')"
         >
           <div
diff --git a/nuxt-frontend/components/jobs/thank-you/LatestBlog.vue b/nuxt-frontend/components/jobs/thank-you/LatestBlog.vue
index 4a671903c..92fc98725 100644
--- a/nuxt-frontend/components/jobs/thank-you/LatestBlog.vue
+++ b/nuxt-frontend/components/jobs/thank-you/LatestBlog.vue
@@ -15,9 +15,9 @@
         <div
           v-for="(blog, index) in blogs"
           :key="blog"
-          @mouseover="(activeIndex = index)"
-          @mouseleave="(activeIndex = index)"
-          @touchstart.passive="(activeIndex = index)"
+          @mouseover="activeIndex = index"
+          @mouseleave="activeIndex = index"
+          @touchstart.passive="activeIndex = index"
           class="block mb-4 w-full border border-black-8 rounded-2xl box-border p-4"
         >
           <div
@@ -53,9 +53,9 @@
         <div
           v-for="(blog, index) in blogs.slice(0, 1)"
           :key="blog"
-          @mouseover="(activeIndex = index)"
-          @mouseleave="(activeIndex = index)"
-          @touchstart.passive="(activeIndex = index)"
+          @mouseover="activeIndex = index"
+          @mouseleave="activeIndex = index"
+          @touchstart.passive="activeIndex = index"
           @click="openBlog(blog.link, 'tap_blog_post')"
           class="block grow-[2] basis-3/5 content-stretch mb-5 w-full border border-black-8 rounded-2xl box-border p-4 cursor-pointer"
         >
@@ -87,9 +87,9 @@
           <div
             v-for="(blog, index) in blogs.slice(1, 3)"
             :key="blog"
-            @mouseover="(activeIndex = index)"
-            @mouseleave="(activeIndex = index)"
-            @touchstart.passive="(activeIndex = index)"
+            @mouseover="activeIndex = index"
+            @mouseleave="activeIndex = index"
+            @touchstart.passive="activeIndex = index"
             @click="openBlog(blog.link, 'tap_blog_post')"
             class="block mb-5 w-full border border-black-8 rounded-xl box-border p-4 cursor-pointer"
           >
diff --git a/nuxt-frontend/components/partials/NewHeader.vue b/nuxt-frontend/components/partials/NewHeader.vue
index bdca70076..cd4cd4e8b 100755
--- a/nuxt-frontend/components/partials/NewHeader.vue
+++ b/nuxt-frontend/components/partials/NewHeader.vue
@@ -30,12 +30,12 @@
           <div class="relative flex grow basis-[auto] items-center">
             <ul
               class="hidden w-full flex-wrap justify-evenly text-[1rem] leading-[1.125rem] md:text-[1.09375rem] md:leading-[1.28125rem] lg:flex lg:flex-row lg:items-center xl:justify-end xl:text-[1.1875rem] xl:leading-[1.4375rem]"
-              @mouseleave="(showContributionMenu = false)"
+              @mouseleave="showContributionMenu = false"
             >
               <li v-for="navbar in navbars" :key="navbar" class="my-2 py-2">
                 <nuxt-link
                   @mouseover="
-                    (showContributionMenu = navbar.name == 'Contribution')
+                    showContributionMenu = navbar.name == 'Contribution'
                   "
                   :to="navbar.url"
                   @click.native="$mixpanel.track(navbar.event)"
@@ -90,7 +90,7 @@
 
                 <ul
                   v-show="showContributionMenu && navbar.subMenus"
-                  @mouseleave="(showContributionMenu = false)"
+                  @mouseleave="showContributionMenu = false"
                   class="absolute w-max flex-col space-y-6 rounded-[5px] border bg-white !px-6 py-[1.5rem] shadow-md lg:top-[4.5rem] lg:left-[169px] xl:left-[296px] 2xl:left-[475px]"
                 >
                   <li v-for="navbar in navbar.subMenus" :key="navbar">
@@ -109,7 +109,7 @@
             <Icon
               name="fa6-solid:bars"
               class="ml-0 mt-[0.20rem] h-full w-full"
-              @click="(showMenu = true)"
+              @click="showMenu = true"
             />
           </div>
         </div>
@@ -139,7 +139,7 @@
               <Icon
                 name="fa6-solid:xmark"
                 class="h-full w-full"
-                @click="(showMenu = false)"
+                @click="showMenu = false"
               />
             </div>
           </div>
diff --git a/nuxt-frontend/components/portfolio/UserReviewSection.vue b/nuxt-frontend/components/portfolio/UserReviewSection.vue
index babc37b5c..12a5b3d33 100755
--- a/nuxt-frontend/components/portfolio/UserReviewSection.vue
+++ b/nuxt-frontend/components/portfolio/UserReviewSection.vue
@@ -31,10 +31,10 @@
               :class="
                 pausedId == element.id ? 'scale-[0.97] cursor-pointer' : ''
               "
-              @mouseover="(pausedId = element.id)"
-              @mouseleave="(pausedId = 0)"
-              @touchstart.passive="(pausedId = element.id)"
-              @touchend="(pausedId = 0)"
+              @mouseover="pausedId = element.id"
+              @mouseleave="pausedId = 0"
+              @touchstart.passive="pausedId = element.id"
+              @touchend="pausedId = 0"
               :ref="'card-1-' + element.id"
             >
               {{ element.review }}
@@ -56,10 +56,10 @@
               :class="
                 pausedId == element.id ? 'scale-[0.97] cursor-pointer' : ''
               "
-              @mouseover="(pausedId = element.id)"
-              @mouseleave="(pausedId = 0)"
-              @touchstart.passive="(pausedId = element.id)"
-              @touchend="(pausedId = 0)"
+              @mouseover="pausedId = element.id"
+              @mouseleave="pausedId = 0"
+              @touchstart.passive="pausedId = element.id"
+              @touchend="pausedId = 0"
               :ref="'card-1-' + element.id"
             >
               {{ element.review }}
diff --git a/nuxt-frontend/pages/jobs/apply/[id].vue b/nuxt-frontend/pages/jobs/apply/[id].vue
index da674a108..849b9d244 100644
--- a/nuxt-frontend/pages/jobs/apply/[id].vue
+++ b/nuxt-frontend/pages/jobs/apply/[id].vue
@@ -1,5 +1,5 @@
 <template>
-  <div @click="(isShowReferenceOption = false)">
+  <div @click="isShowReferenceOption = false">
     <Header />
     <ScreenLoader v-if="isLoading || job == null" />
 
@@ -30,8 +30,8 @@
                   v-model="fullName"
                   required
                   @input="
-                    (showNameValidationError =
-                      $event.target.value.trim().length === 0)
+                    showNameValidationError =
+                      $event.target.value.trim().length === 0
                   "
                   aria-label="Full Name"
                 />
@@ -55,10 +55,10 @@
                   autocomplete="email"
                   v-model="email"
                   @input="
-                    (showEmailValidationError =
-                      $event.target.value.trim().length === 0)
+                    showEmailValidationError =
+                      $event.target.value.trim().length === 0
                   "
-                  @blur="(showValidEmailError = isValidEmail())"
+                  @blur="showValidEmailError = isValidEmail()"
                   aria-label="User Email "
                 />
                 <span
@@ -83,10 +83,10 @@
                   name="phonenumber"
                   autocomplete="tel"
                   v-model="phoneNumber"
-                  @blur="(showValidPhoneError = isValidPhone())"
+                  @blur="showValidPhoneError = isValidPhone()"
                   @input="
-                    (showPhoneValidationError =
-                      $event.target.value.trim().length === 0)
+                    showPhoneValidationError =
+                      $event.target.value.trim().length === 0
                   "
                   required
                   aria-label="Phone Number"
@@ -121,7 +121,7 @@
                 <div
                   class="relative mt-[5px] w-full h-[50px] outline-hidden outline-0 before:content-[''] before:absolute before:top-5 before:right-5 before:z-[1] before:w-2 before:h-2 before:border-2 before:border-solid before:border-[#00000080] before:border-t-2 before:border-t-[#fff] before:border-r-2 before:border-r-[#fff] before:rotate-[-45deg] before:duration-[0.5s] before:pointer-events-none"
                   v-on:click.stop="
-                    (isShowReferenceOption = !isShowReferenceOption)
+                    isShowReferenceOption = !isShowReferenceOption
                   "
                   :class="isShowReferenceOption ? 'active' : ''"
                 >