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

app/javascript/v3/components/Button/SubmitButton.vue

@@ -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>

app/javascript/v3/components/Form/Input.vue

@@ -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>

app/javascript/v3/components/Form/ProfileAvatar.vue

@@ -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"

app/javascript/v3/components/Form/RadioTags.vue

@@ -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>

app/javascript/v3/components/Form/Select.vue

@@ -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 {

app/javascript/v3/components/Form/Textarea.vue

@@ -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>

app/javascript/v3/components/GoogleOauth/Button.vue

@@ -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')"

app/javascript/v3/components/SnackBar/Container.vue

@@ -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"