diff --git a/nuxt-frontend/components/CTA/CTA2.vue b/nuxt-frontend/components/CTA/CTA2.vue
index 26865cf04..4047ed64e 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,10 +107,12 @@
                   autoComplete="given-phonenumber"
                   placeholder=" "
                   @input="
-                    showPhoneNumberValidationError =
-                      $event.target.value.trim().length === 0
+                    (showPhoneNumberValidationError =
+                      $event.target.value.trim().length === 0)
+                  "
+                  @blur="
+                    (showValidPhoneNumberError = isValidPhone(phoneNumber))
                   "
-                  @blur="showValidPhoneNumberError = isValidPhone(phoneNumber)"
                 />
                 <label
                   htmlFor="phonenumber"
diff --git a/nuxt-frontend/components/CTA/CTA3.vue b/nuxt-frontend/components/CTA/CTA3.vue
index c1726ef07..f0f4b5fe2 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/DevelopmentSection.vue b/nuxt-frontend/components/android-app-development/DevelopmentSection.vue
index 65aeb0971..1477b79b7 100644
--- a/nuxt-frontend/components/android-app-development/DevelopmentSection.vue
+++ b/nuxt-frontend/components/android-app-development/DevelopmentSection.vue
@@ -109,9 +109,9 @@
             index == 4 || index == 0 ? item.className : '',
           ]"
           class="flex justify-center items-center w-12 w-12 rounded-full border-2 border-black-8"
-          @mouseover="slideTo(index), (activeIndex = index)"
-          @touchstart.passive="slideTo(index), (activeIndex = index)"
-          @touchmove.passive="slideTo(index), (activeIndex = index)"
+          @mouseover="(slideTo(index), (activeIndex = index))"
+          @touchstart.passive="(slideTo(index), (activeIndex = index))"
+          @touchmove.passive="(slideTo(index), (activeIndex = index))"
         >
           <img
             v-if="activeIndex != index"
diff --git a/nuxt-frontend/components/android-app-development/FaqSection.vue b/nuxt-frontend/components/android-app-development/FaqSection.vue
index f870a1536..51c35473a 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 af91324e6..72c11d20e 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 df61684ef..1ac1fe347 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/GithubContribution.vue b/nuxt-frontend/components/contributions/GithubContribution.vue
index d8a3ae6f9..eabf4d139 100644
--- a/nuxt-frontend/components/contributions/GithubContribution.vue
+++ b/nuxt-frontend/components/contributions/GithubContribution.vue
@@ -17,7 +17,7 @@
           v-for="(navbar, index) in navbars"
           :key="index"
           class="portfolio-nav m-0 w-full rounded-lg py-2 text-center sub-h3-semibold lg:sub-h1-semibold active:scale-[0.98] md:py-[0.813rem] lg:hover:from-orange-300 lg:hover:to-pink-300 lg:hover:text-white lg:hover:bg-gradient-[270.11deg]"
-          @click="slideTo(index), changeContributions(index)"
+          @click="(slideTo(index), changeContributions(index))"
           :class="
             activeIndex == index
               ? 'from-orange-300 to-pink-300 text-white bg-gradient-[270.11deg] '
diff --git a/nuxt-frontend/components/contributions/WhatsTrending.vue b/nuxt-frontend/components/contributions/WhatsTrending.vue
index 836224af5..1e42db46d 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 b9922c2ea..fbc75120c 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 e7710cf25..f51dff1ed 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 1ad6b30c1..f43ab7b97 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 5b823ed8b..932e1cbd4 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 091f2b694..39b5b8b91 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/DevelopmentSection.vue b/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue
index 8d60b4686..41b3c01a9 100644
--- a/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue
+++ b/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue
@@ -76,9 +76,9 @@
             index == 4 || index == 0 ? item.className : '',
           ]"
           class="flex flex-col justify-center items-center h-[7.5rem] h-[5.8rem] xl:h-[6.8rem] w-40 xl:w-60 xl:h-[6.2rem] bg-[#F5F5F5] border-b border-[#E3E3E3] border-r-[5px]"
-          @mouseover="slideTo(index), (activeIndex = index)"
-          @touchstart.passive="slideTo(index), (activeIndex = index)"
-          @touchmove.passive="slideTo(index), (activeIndex = index)"
+          @mouseover="(slideTo(index), (activeIndex = index))"
+          @touchstart.passive="(slideTo(index), (activeIndex = index))"
+          @touchmove.passive="(slideTo(index), (activeIndex = index))"
         >
           <img
             v-if="activeIndex != index"
diff --git a/nuxt-frontend/components/ios-app-development/FaqSection.vue b/nuxt-frontend/components/ios-app-development/FaqSection.vue
index c9e9a7a2e..ad9dd59e0 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 c0ba98c61..e14cbaf7d 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 92fc98725..4a671903c 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/mobile-app-development/DevelopmentProcess.vue b/nuxt-frontend/components/mobile-app-development/DevelopmentProcess.vue
index bfc2cd2e7..427403358 100644
--- a/nuxt-frontend/components/mobile-app-development/DevelopmentProcess.vue
+++ b/nuxt-frontend/components/mobile-app-development/DevelopmentProcess.vue
@@ -60,9 +60,11 @@
                   {{ process.id }}
                 </div>
                 <div
-                  @mouseover="(activeProcess = process), (activeIndex = index)"
+                  @mouseover="
+                    ((activeProcess = process), (activeIndex = index))
+                  "
                   @touchstart.passive="
-                    (activeIndex = index), (activeProcess = process)
+                    ((activeIndex = index), (activeProcess = process))
                   "
                   class="relative w-max cursor-pointer rounded-r-[15px] bg-pink-80 sub-h2-medium text-black-87 py-6 pl-4 pr-8 xl:py-9 xl:pr-12"
                   :class="process.className"
diff --git a/nuxt-frontend/components/partials/NewHeader.vue b/nuxt-frontend/components/partials/NewHeader.vue
index cd4cd4e8b..bdca70076 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 12a5b3d33..babc37b5c 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 849b9d244..da674a108 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' : ''"
                 >