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

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>