fix: apply ESLint rule vue/component-name-in-template-casing

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

@@ -30,7 +30,7 @@ export default {
 </script>
 <template>
   <div class="flex items-center justify-center h-full w-full">
-    <spinner color-scheme="primary" size="" />
+    <Spinner color-scheme="primary" size="" />
     <div class="ml-2">{{ $t('CONFIRM_EMAIL') }}</div>
   </div>
 </template>

app/javascript/v3/views/auth/password/Edit.vue

@@ -102,7 +102,7 @@ export default {
       </h1>
 
       <div class="space-y-5">
-        <form-input
+        <FormInput
           v-model.trim="credentials.password"
           class="mt-3"
           name="password"
@@ -112,7 +112,7 @@ export default {
           :placeholder="$t('SET_NEW_PASSWORD.PASSWORD.PLACEHOLDER')"
           @blur="v$.credentials.password.$touch"
         />
-        <form-input
+        <FormInput
           v-model.trim="credentials.confirmPassword"
           class="mt-3"
           name="confirm_password"
@@ -122,7 +122,7 @@ export default {
           :placeholder="$t('SET_NEW_PASSWORD.CONFIRM_PASSWORD.PLACEHOLDER')"
           @blur="v$.credentials.confirmPassword.$touch"
         />
-        <submit-button
+        <SubmitButton
           :disabled="
             v$.credentials.password.$invalid ||
             v$.credentials.confirmPassword.$invalid ||

app/javascript/v3/views/auth/reset/password/Index.vue

@@ -88,7 +88,7 @@ export default {
         }}
       </p>
       <div class="space-y-5">
-        <form-input
+        <FormInput
           v-model.trim="credentials.email"
           name="email_address"
           :has-error="v$.credentials.email.$error"

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

@@ -57,7 +57,7 @@ export default {
               {{ $t('REGISTER.TRY_WOOT') }}
             </h2>
           </div>
-          <signup-form />
+          <SignupForm />
           <div class="text-sm text-slate-800 dark:text-woot-50 px-1">
             <span>{{ $t('REGISTER.HAVE_AN_ACCOUNT') }}</span>
             <router-link class="text-link" to="/app/login">
@@ -71,7 +71,7 @@ export default {
           </div>
         </div>
       </div>
-      <testimonials
+      <Testimonials
         v-if="isAChatwootInstance"
         class="flex-1"
         @resize-containers="resizeContainers"
@@ -81,7 +81,7 @@ export default {
       v-show="isLoading"
       class="flex items-center justify-center h-full w-full"
     >
-      <spinner color-scheme="primary" size="" />
+      <Spinner color-scheme="primary" size="" />
     </div>
   </div>
 </template>

app/javascript/v3/views/auth/signup/components/Signup/Form.vue

@@ -135,7 +135,7 @@ export default {
   <div class="flex-1 px-1 overflow-auto">
     <form class="space-y-3" @submit.prevent="submit">
       <div class="flex">
-        <form-input
+        <FormInput
           v-model.trim="credentials.fullName"
           name="full_name"
           class="flex-1"
@@ -146,7 +146,7 @@ export default {
           :error-message="$t('REGISTER.FULL_NAME.ERROR')"
           @blur="v$.credentials.fullName.$touch"
         />
-        <form-input
+        <FormInput
           v-model.trim="credentials.accountName"
           name="account_name"
           class="flex-1 ml-2"
@@ -158,7 +158,7 @@ export default {
           @blur="v$.credentials.accountName.$touch"
         />
       </div>
-      <form-input
+      <FormInput
         v-model.trim="credentials.email"
         type="email"
         name="email_address"
@@ -169,7 +169,7 @@ export default {
         :error-message="$t('REGISTER.EMAIL.ERROR')"
         @blur="v$.credentials.email.$touch"
       />
-      <form-input
+      <FormInput
         v-model.trim="credentials.password"
         type="password"
         name="password"
@@ -181,7 +181,7 @@ export default {
         @blur="v$.credentials.password.$touch"
       />
       <div v-if="globalConfig.hCaptchaSiteKey" class="mb-3">
-        <vue-hcaptcha
+        <VueHcaptcha
           ref="hCaptcha"
           :class="{ error: !hasAValidCaptcha && didCaptchaReset }"
           :sitekey="globalConfig.hCaptchaSiteKey"
@@ -194,7 +194,7 @@ export default {
           {{ $t('SET_NEW_PASSWORD.CAPTCHA.ERROR') }}
         </span>
       </div>
-      <submit-button
+      <SubmitButton
         :button-text="$t('REGISTER.SUBMIT')"
         :disabled="isSignupInProgress || !hasAValidCaptcha"
         :loading="isSignupInProgress"

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

@@ -43,7 +43,7 @@ export default {
     />
     <div class="flex items-center justify-center flex-col h-full w-full z-50">
       <div class="flex items-start justify-center p-6">
-        <testimonial-card
+        <TestimonialCard
           v-for="(testimonial, index) in testimonials"
           :key="testimonial.id"
           :review-content="testimonial.authorReview"

app/javascript/v3/views/login/Index.vue

@@ -186,7 +186,7 @@ export default {
       <div v-if="!email">
         <GoogleOAuthButton v-if="showGoogleOAuth" />
         <form class="space-y-5" @submit.prevent="submitLogin">
-          <form-input
+          <FormInput
             v-model.trim="credentials.email"
             name="email_address"
             type="text"
@@ -198,7 +198,7 @@ export default {
             :has-error="v$.credentials.email.$error"
             @input="v$.credentials.email.$touch"
           />
-          <form-input
+          <FormInput
             v-model.trim="credentials.password"
             type="password"
             name="password"
@@ -219,8 +219,8 @@ export default {
                 {{ $t('LOGIN.FORGOT_PASSWORD') }}
               </router-link>
             </p>
-          </form-input>
-          <submit-button
+          </FormInput>
+          <SubmitButton
             :disabled="loginApi.showLoading"
             :tabindex="3"
             :button-text="$t('LOGIN.SUBMIT')"
@@ -229,7 +229,7 @@ export default {
         </form>
       </div>
       <div v-else class="flex items-center justify-center">
-        <spinner color-scheme="primary" size="" />
+        <Spinner color-scheme="primary" size="" />
       </div>
     </section>
   </main>