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

app/javascript/dashboard/components/widgets/conversation/contextMenu/Index.vue

@@ -180,14 +180,14 @@ export default {
 
 <template>
   <div class="bg-white dark:bg-slate-700 shadow-xl rounded-md p-1">
-    <menu-item
+    <MenuItem
       v-if="!hasUnreadMessages"
       :option="unreadOption"
       variant="icon"
       @click="$emit('mark-as-unread')"
     />
     <template v-for="option in statusMenuConfig">
-      <menu-item
+      <MenuItem
         v-if="show(option.key)"
         :key="option.key"
         :option="option"
@@ -195,40 +195,40 @@ export default {
         @click="toggleStatus(option.key, null)"
       />
     </template>
-    <menu-item
+    <MenuItem
       v-if="showSnooze"
       :option="snoozeOption"
       variant="icon"
       @click="snoozeConversation()"
     />
 
-    <menu-item-with-submenu :option="priorityConfig">
-      <menu-item
+    <MenuItemWithSubmenu :option="priorityConfig">
+      <MenuItem
         v-for="(option, i) in priorityConfig.options"
         :key="i"
         :option="option"
         @click="assignPriority(option.key)"
       />
-    </menu-item-with-submenu>
-    <menu-item-with-submenu
+    </MenuItemWithSubmenu>
+    <MenuItemWithSubmenu
       :option="labelMenuConfig"
       :sub-menu-available="!!labels.length"
     >
-      <menu-item
+      <MenuItem
         v-for="label in labels"
         :key="label.id"
         :option="generateMenuLabelConfig(label, 'label')"
         variant="label"
         @click="$emit('assign-label', label)"
       />
-    </menu-item-with-submenu>
-    <menu-item-with-submenu
+    </MenuItemWithSubmenu>
+    <MenuItemWithSubmenu
       :option="agentMenuConfig"
       :sub-menu-available="!!assignableAgents.length"
     >
-      <agent-loading-placeholder v-if="assignableAgentsUiFlags.isFetching" />
+      <AgentLoadingPlaceholder v-if="assignableAgentsUiFlags.isFetching" />
       <template v-else>
-        <menu-item
+        <MenuItem
           v-for="agent in assignableAgents"
           :key="agent.id"
           :option="generateMenuLabelConfig(agent, 'agent')"
@@ -236,17 +236,17 @@ export default {
           @click="$emit('assign-agent', agent)"
         />
       </template>
-    </menu-item-with-submenu>
-    <menu-item-with-submenu
+    </MenuItemWithSubmenu>
+    <MenuItemWithSubmenu
       :option="teamMenuConfig"
       :sub-menu-available="!!teams.length"
     >
-      <menu-item
+      <MenuItem
         v-for="team in teams"
         :key="team.id"
         :option="generateMenuLabelConfig(team, 'team')"
         @click="$emit('assign-team', team)"
       />
-    </menu-item-with-submenu>
+    </MenuItemWithSubmenu>
   </div>
 </template>

app/javascript/dashboard/components/widgets/conversation/contextMenu/agentLoadingPlaceholder.vue

@@ -10,7 +10,7 @@ export default {
 
 <template>
   <div class="agent-placeholder">
-    <spinner />
+    <Spinner />
     <p>{{ $t('CONVERSATION.CARD_CONTEXT_MENU.AGENTS_LOADING') }}</p>
   </div>
 </template>

app/javascript/dashboard/components/widgets/conversation/contextMenu/menuItem.vue

@@ -34,7 +34,7 @@ export default {
       class="label-pill"
       :style="{ backgroundColor: option.color }"
     />
-    <thumbnail
+    <Thumbnail
       v-if="variant === 'agent'"
       :username="option.label"
       :src="option.thumbnail"