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

This commit is contained in:
iamsivin
2024-07-25 19:42:48 +05:30
parent 0008fca511
commit 3ce70f4e14
352 changed files with 1019 additions and 1037 deletions
+1 -1
View File
@@ -39,7 +39,7 @@ export default {
<template>
<div class="h-full w-full antialiased" :class="theme">
<router-view />
<snackbar-container />
<SnackbarContainer />
</div>
</template>
<style lang="scss">
@@ -58,6 +58,6 @@ export default {
>
<span>{{ buttonText }}</span>
<fluent-icon v-if="!!iconClass" :icon="iconClass" class="icon" />
<spinner v-if="loading" />
<Spinner v-if="loading" />
</button>
</template>
+2 -2
View File
@@ -63,7 +63,7 @@ export default {
};
</script>
<template>
<with-label
<WithLabel
:label="label"
:icon="icon"
:name="name"
@@ -96,5 +96,5 @@ export default {
@input="onInput"
@blur="$emit('blur')"
/>
</with-label>
</WithLabel>
</template>
@@ -56,7 +56,7 @@ const onAvatarDelete = () => {
@load="onImageLoad"
@error="onImageLoadError"
/>
<initials-avatar v-else-if="!shouldShowImage" :name="name" :size="72" />
<InitialsAvatar v-else-if="!shouldShowImage" :name="name" :size="72" />
<input
ref="fileInputRef"
@@ -38,7 +38,7 @@ export default {
</script>
<template>
<with-label
<WithLabel
:label="label"
:name="name"
:has-error="hasError"
@@ -56,5 +56,5 @@ export default {
{{ option.label }}
</woot-button>
</div>
</with-label>
</WithLabel>
</template>
+2 -2
View File
@@ -51,7 +51,7 @@ export default {
</script>
<template>
<with-label
<WithLabel
:label="label"
:icon="icon"
:name="name"
@@ -79,7 +79,7 @@ export default {
</option>
</slot>
</select>
</with-label>
</WithLabel>
</template>
<style scoped>
.select-caret {
@@ -54,7 +54,7 @@ export default {
};
</script>
<template>
<with-label
<WithLabel
:label="label"
:name="name"
:has-error="hasError"
@@ -79,5 +79,5 @@ export default {
@input="onInput"
@blur="$emit('blur')"
/>
</with-label>
</WithLabel>
</template>
@@ -50,7 +50,7 @@ export default {
{{ $t('LOGIN.OAUTH.GOOGLE_LOGIN') }}
</span>
</a>
<simple-divider
<SimpleDivider
v-if="showSeparator"
ref="divider"
:label="$t('COMMON.OR')"
@@ -44,7 +44,7 @@ export default {
tag="div"
class="fixed left-0 right-0 mx-auto overflow-hidden text-center top-10 z-50 max-w-[40rem]"
>
<snackbar-item
<SnackbarItem
v-for="snackbarAlertMessage in snackbarAlertMessages"
:key="snackbarAlertMessage.key"
:message="snackbarAlertMessage.message"
@@ -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>
@@ -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 ||
@@ -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"
@@ -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>
@@ -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"
@@ -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"
+5 -5
View File
@@ -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>