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

app/javascript/widget/views/ArticleViewer.vue

@@ -17,6 +17,6 @@ export default {
 
 <template>
   <div class="bg-white h-full">
-    <iframe-loader :url="link" />
+    <IframeLoader :url="link" />
   </div>
 </template>

app/javascript/widget/views/Campaigns.vue

@@ -36,5 +36,5 @@ export default {
 </script>
 
 <template>
-  <unread-message-list :messages="messages" @close="closeFullView" />
+  <UnreadMessageList :messages="messages" @close="closeFullView" />
 </template>

app/javascript/widget/views/Home.vue

@@ -106,7 +106,7 @@ export default {
     :class="{ 'pb-2': showArticles, 'justify-end': !showArticles }"
   >
     <div class="px-4 pt-4 w-full">
-      <team-availability
+      <TeamAvailability
         :available-agents="availableAgents"
         :has-conversation="!!conversationSize"
         :unread-count="unreadMessageCount"
@@ -115,7 +115,7 @@ export default {
     </div>
     <div v-if="showArticles" class="px-4 py-2 w-full">
       <div class="p-4 rounded-md bg-white dark:bg-slate-700 shadow-sm w-full">
-        <article-hero
+        <ArticleHero
           v-if="
             !articleUiFlags.isFetching &&
             !articleUiFlags.isError &&
@@ -129,7 +129,7 @@ export default {
     </div>
     <div v-if="articleUiFlags.isFetching" class="px-4 py-2 w-full">
       <div class="p-4 rounded-md bg-white dark:bg-slate-700 shadow-sm w-full">
-        <article-card-skeleton-loader />
+        <ArticleCardSkeletonLoader />
       </div>
     </div>
   </div>

app/javascript/widget/views/Messages.vue

@@ -21,8 +21,8 @@ export default {
     class="flex flex-col flex-1 overflow-hidden rounded-b-lg bg-slate-25 dark:bg-slate-800"
   >
     <div class="flex flex-1 overflow-auto">
-      <conversation-wrap :grouped-messages="groupedMessages" />
+      <ConversationWrap :grouped-messages="groupedMessages" />
     </div>
-    <chat-footer class="px-5" />
+    <ChatFooter class="px-5" />
   </div>
 </template>

app/javascript/widget/views/PreChatForm.vue

@@ -59,6 +59,6 @@ export default {
 </script>
 <template>
   <div class="flex flex-1 overflow-auto">
-    <pre-chat-form :options="preChatFormOptions" @submit="onSubmit" />
+    <PreChatForm :options="preChatFormOptions" @submit="onSubmit" />
   </div>
 </template>

app/javascript/widget/views/UnreadMessages.vue

@@ -24,5 +24,5 @@ export default {
 </script>
 
 <template>
-  <unread-message-list :messages="messages" @close="closeFullView" />
+  <UnreadMessageList :messages="messages" @close="closeFullView" />
 </template>