fix: apply ESLint rule vue/custom-event-name-casing

app/javascript/v3/views/auth/signup/Index.vue

@@ -33,7 +33,7 @@ export default {
 </script>
 
 <template>
-  <div class="h-full w-full dark:bg-slate-900">
+  <div class="w-full h-full dark:bg-slate-900">
     <div v-show="!isLoading" class="flex h-full">
       <div
         class="flex-1 min-h-[640px] inline-flex items-center h-full justify-center overflow-auto py-6"
@@ -43,22 +43,22 @@ export default {
             <img
               :src="globalConfig.logo"
               :alt="globalConfig.installationName"
-              class="h-8 w-auto block dark:hidden"
+              class="block w-auto h-8 dark:hidden"
             />
             <img
               v-if="globalConfig.logoDark"
               :src="globalConfig.logoDark"
               :alt="globalConfig.installationName"
-              class="h-8 w-auto hidden dark:block"
+              class="hidden w-auto h-8 dark:block"
             />
             <h2
-              class="mb-7 mt-6 text-left text-3xl font-medium text-slate-900 dark:text-woot-50"
+              class="mt-6 text-3xl font-medium text-left mb-7 text-slate-900 dark:text-woot-50"
             >
               {{ $t('REGISTER.TRY_WOOT') }}
             </h2>
           </div>
           <SignupForm />
-          <div class="text-sm text-slate-800 dark:text-woot-50 px-1">
+          <div class="px-1 text-sm text-slate-800 dark:text-woot-50">
             <span>{{ $t('REGISTER.HAVE_AN_ACCOUNT') }}</span>
             <router-link class="text-link" to="/app/login">
               {{
@@ -74,12 +74,12 @@ export default {
       <Testimonials
         v-if="isAChatwootInstance"
         class="flex-1"
-        @resize-containers="resizeContainers"
+        @resizeContainers="resizeContainers"
       />
     </div>
     <div
       v-show="isLoading"
-      class="flex items-center justify-center h-full w-full"
+      class="flex items-center justify-center w-full h-full"
     >
       <Spinner color-scheme="primary" size="" />
     </div>

app/javascript/v3/views/auth/signup/components/Testimonials/Index.vue

@@ -17,7 +17,7 @@ export default {
       } catch (error) {
         // Ignoring the error as the UI wouldn't break
       } finally {
-        this.$emit('resize-containers', !!this.testimonials.length);
+        this.$emit('resizeContainers', !!this.testimonials.length);
       }
     },
   },
@@ -27,21 +27,21 @@ export default {
 <template>
   <div
     v-if="testimonials.length"
-    class="hidden bg-woot-400 dark:bg-woot-800 overflow-hidden relative xl:flex flex-1"
+    class="relative flex-1 hidden overflow-hidden bg-woot-400 dark:bg-woot-800 xl:flex"
   >
     <img
       src="/assets/images/auth/top-left.svg"
-      class="left-0 absolute h-40 w-40 top-0"
+      class="absolute top-0 left-0 w-40 h-40"
     />
     <img
       src="/assets/images/auth/bottom-right.svg"
-      class="right-0 absolute h-40 w-40 bottom-0"
+      class="absolute bottom-0 right-0 w-40 h-40"
     />
     <img
       src="/assets/images/auth/auth--bg.svg"
       class="h-[96%] left-[6%] top-[8%] w-[96%] absolute"
     />
-    <div class="flex items-center justify-center flex-col h-full w-full z-50">
+    <div class="z-50 flex flex-col items-center justify-center w-full h-full">
       <div class="flex items-start justify-center p-6">
         <TestimonialCard
           v-for="(testimonial, index) in testimonials"