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

app/javascript/dashboard/modules/contact/components/AddCustomAttribute.vue

@@ -63,7 +63,7 @@ export default {
 
 <!-- eslint-disable vue/no-mutating-props -->
 <template>
-  <modal :show.sync="show" :on-close="onClose">
+  <Modal :show.sync="show" :on-close="onClose">
     <woot-modal-header
       :header-title="$t('CUSTOM_ATTRIBUTES.ADD.TITLE')"
       :header-content="$t('CUSTOM_ATTRIBUTES.ADD.DESC')"
@@ -96,5 +96,5 @@ export default {
         </woot-button>
       </div>
     </form>
-  </modal>
+  </Modal>
 </template>

app/javascript/dashboard/modules/contact/components/ContactAttribute.vue

@@ -41,7 +41,7 @@ export default {
     <div class="title-wrap">
       <h4 class="text-sm title">
         <div class="title--icon">
-          <emoji-or-icon :icon="icon" :emoji="emoji" />
+          <EmojiOrIcon :icon="icon" :emoji="emoji" />
         </div>
         {{ label }}
       </h4>

app/javascript/dashboard/modules/contact/components/ContactDropdownItem.vue

@@ -32,7 +32,7 @@ export default {
 
 <template>
   <div class="option-item--user">
-    <thumbnail :src="thumbnail" size="28px" :username="name" />
+    <Thumbnail :src="thumbnail" size="28px" :username="name" />
     <div class="option__user-data">
       <h5 class="option__title">
         {{ name }}

app/javascript/dashboard/modules/contact/components/ContactFields.vue

@@ -53,7 +53,7 @@ export default {
     <h3 class="text-lg title">
       {{ $t('CONTACTS_PAGE.FIELDS') }}
     </h3>
-    <attribute
+    <Attribute
       :label="$t('CONTACT_PANEL.EMAIL_ADDRESS')"
       icon="mail"
       emoji=""
@@ -61,7 +61,7 @@ export default {
       :show-edit="true"
       @update="onEmailUpdate"
     />
-    <attribute
+    <Attribute
       :label="$t('CONTACT_PANEL.PHONE_NUMBER')"
       icon="call"
       emoji=""
@@ -69,7 +69,7 @@ export default {
       :show-edit="true"
       @update="onPhoneUpdate"
     />
-    <attribute
+    <Attribute
       v-if="additionalAttributes.location"
       :label="$t('CONTACT_PANEL.LOCATION')"
       icon="map"
@@ -83,7 +83,7 @@ export default {
       :key="attribute"
       class="custom-attribute--row"
     >
-      <attribute
+      <Attribute
         :label="attribute"
         icon="chevron-right"
         :value="customAttributes[attribute]"

app/javascript/dashboard/modules/contact/components/ContactIntro.vue

@@ -43,7 +43,7 @@ export default {
 </script>
 <template>
   <div class="contact--intro">
-    <thumbnail
+    <Thumbnail
       :src="contact.thumbnail"
       size="64px"
       :username="contact.name"
@@ -62,7 +62,7 @@ export default {
       <p v-if="additionalAttributes.description" class="contact--bio">
         {{ additionalAttributes.description }}
       </p>
-      <social-icons :social-profiles="socialProfiles" />
+      <SocialIcons :social-profiles="socialProfiles" />
     </div>
     <div class="contact-actions">
       <woot-button

app/javascript/dashboard/modules/contact/components/ContactPanel.vue

@@ -68,29 +68,29 @@ export default {
 </script>
 <template>
   <div class="panel">
-    <contact-intro
+    <ContactIntro
       :contact="contact"
       @message="toggleConversationModal"
       @edit="toggleEditModal"
     />
-    <contact-fields
+    <ContactFields
       :contact="contact"
       @update="updateField"
       @create-attribute="toggleCustomAttributeModal"
     />
-    <edit-contact
+    <EditContact
       v-if="showEditModal"
       :show="showEditModal"
       :contact="contact"
       @cancel="toggleEditModal"
     />
-    <new-conversation
+    <NewConversation
       v-if="enableNewConversation"
       :show="showConversationModal"
       :contact="contact"
       @cancel="toggleConversationModal"
     />
-    <add-custom-attribute
+    <AddCustomAttribute
       :show="showCustomAttributeModal"
       @cancel="toggleCustomAttributeModal"
       @create="createCustomAttribute"

app/javascript/dashboard/modules/contact/components/MergeContact.vue

@@ -98,7 +98,7 @@ export default {
             @search-change="searchChange"
           >
             <template slot="singleLabel" slot-scope="props">
-              <contact-dropdown-item
+              <ContactDropdownItem
                 :thumbnail="props.option.thumbnail"
                 :identifier="props.option.id"
                 :name="props.option.name"
@@ -107,7 +107,7 @@ export default {
               />
             </template>
             <template slot="option" slot-scope="props">
-              <contact-dropdown-item
+              <ContactDropdownItem
                 :thumbnail="props.option.thumbnail"
                 :identifier="props.option.id"
                 :name="props.option.name"
@@ -153,7 +153,7 @@ export default {
             track-by="id"
           >
             <template slot="singleLabel" slot-scope="props">
-              <contact-dropdown-item
+              <ContactDropdownItem
                 :thumbnail="props.option.thumbnail"
                 :name="props.option.name"
                 :identifier="props.option.id"
@@ -165,7 +165,7 @@ export default {
         </div>
       </div>
     </div>
-    <merge-contact-summary
+    <MergeContactSummary
       :primary-contact-name="primaryContact.name"
       :parent-contact-name="parentContactName"
     />