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

app/javascript/dashboard/modules/search/components/MessageContent.vue

@@ -75,9 +75,9 @@ export default {
       </strong>
       {{ $t('SEARCH.WROTE') }}
     </p>
-    <read-more :shrink="isOverflowing" @expand="isOverflowing = false">
+    <ReadMore :shrink="isOverflowing" @expand="isOverflowing = false">
       <div v-dompurify-html="prepareContent(content)" class="message-content" />
-    </read-more>
+    </ReadMore>
   </blockquote>
 </template>
 

app/javascript/dashboard/modules/search/components/SearchResultContactsList.vue

@@ -36,7 +36,7 @@ export default {
 </script>
 
 <template>
-  <search-result-section
+  <SearchResultSection
     :title="$t('SEARCH.SECTION.CONTACTS')"
     :empty="!contacts.length"
     :query="query"
@@ -45,7 +45,7 @@ export default {
   >
     <ul v-if="contacts.length" class="search-list">
       <li v-for="contact in contacts" :key="contact.id">
-        <search-result-contact-item
+        <SearchResultContactItem
           :id="contact.id"
           :name="contact.name"
           :email="contact.email"
@@ -55,5 +55,5 @@ export default {
         />
       </li>
     </ul>
-  </search-result-section>
+  </SearchResultSection>
 </template>

app/javascript/dashboard/modules/search/components/SearchResultConversationItem.vue

@@ -70,7 +70,7 @@ export default {
             small
           />
           <div class="inbox-name-wrap">
-            <inbox-name :inbox="inbox" class="mr-2 rtl:mr-0 rtl:ml-2" />
+            <InboxName :inbox="inbox" class="mr-2 rtl:mr-0 rtl:ml-2" />
           </div>
         </div>
         <div>

app/javascript/dashboard/modules/search/components/SearchResultConversationsList.vue

@@ -35,7 +35,7 @@ export default {
 </script>
 
 <template>
-  <search-result-section
+  <SearchResultSection
     :title="$t('SEARCH.SECTION.CONVERSATIONS')"
     :empty="!conversations.length"
     :query="query"
@@ -44,7 +44,7 @@ export default {
   >
     <ul v-if="conversations.length" class="search-list">
       <li v-for="conversation in conversations" :key="conversation.id">
-        <search-result-conversation-item
+        <SearchResultConversationItem
           :id="conversation.id"
           :name="conversation.contact.name"
           :email="conversation.contact.email"
@@ -54,5 +54,5 @@ export default {
         />
       </li>
     </ul>
-  </search-result-section>
+  </SearchResultSection>
 </template>

app/javascript/dashboard/modules/search/components/SearchResultMessagesList.vue

@@ -44,7 +44,7 @@ export default {
 </script>
 
 <template>
-  <search-result-section
+  <SearchResultSection
     :title="$t('SEARCH.SECTION.MESSAGES')"
     :empty="!messages.length"
     :query="query"
@@ -53,20 +53,20 @@ export default {
   >
     <ul v-if="messages.length" class="search-list">
       <li v-for="message in messages" :key="message.id">
-        <search-result-conversation-item
+        <SearchResultConversationItem
           :id="message.conversation_id"
           :account-id="accountId"
           :inbox="message.inbox"
           :created-at="message.created_at"
           :message-id="message.id"
         >
-          <message-content
+          <MessageContent
             :author="getName(message)"
             :content="message.content"
             :search-term="query"
           />
-        </search-result-conversation-item>
+        </SearchResultConversationItem>
       </li>
     </ul>
-  </search-result-section>
+  </SearchResultSection>
 </template>

app/javascript/dashboard/modules/search/components/SearchView.vue

@@ -155,8 +155,8 @@ export default {
     </div>
     <section class="search-root">
       <header>
-        <search-header @search="onSearch" />
-        <search-tabs
+        <SearchHeader @search="onSearch" />
+        <SearchTabs
           v-if="query"
           :tabs="tabs"
           :selected-tab="activeTabIndex"
@@ -165,7 +165,7 @@ export default {
       </header>
       <div class="search-results">
         <div v-if="showResultsSection">
-          <search-result-contacts-list
+          <SearchResultContactsList
             v-if="filterContacts"
             :is-fetching="uiFlags.contact.isFetching"
             :contacts="contacts"
@@ -173,7 +173,7 @@ export default {
             :show-title="isSelectedTabAll"
           />
 
-          <search-result-messages-list
+          <SearchResultMessagesList
             v-if="filterMessages"
             :is-fetching="uiFlags.message.isFetching"
             :messages="messages"
@@ -181,7 +181,7 @@ export default {
             :show-title="isSelectedTabAll"
           />
 
-          <search-result-conversations-list
+          <SearchResultConversationsList
             v-if="filterConversations"
             :is-fetching="uiFlags.conversation.isFetching"
             :conversations="conversations"