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

app/javascript/dashboard/components/widgets/conversation/conversationBulkActions/AgentSelector.vue

@@ -107,7 +107,7 @@ export default {
         v-if="assignableAgentsUiFlags.isFetching"
         class="agent__list-loading"
       >
-        <spinner />
+        <Spinner />
         <p>{{ $t('BULK_ACTION.AGENT_LIST_LOADING') }}</p>
       </div>
       <div v-else class="agent__list-container">
@@ -128,7 +128,7 @@ export default {
           </li>
           <li v-for="agent in filteredAgents" :key="agent.id">
             <div class="agent-list-item" @click="assignAgent(agent)">
-              <thumbnail
+              <Thumbnail
                 :src="agent.thumbnail"
                 :status="agent.availability_status"
                 :username="agent.name"

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

@@ -197,7 +197,7 @@ export default {
         />
       </div>
       <transition name="popover-animation">
-        <label-actions
+        <LabelActions
           v-if="showLabelActions"
           class="label-actions-box"
           @assign="assignLabels"
@@ -205,7 +205,7 @@ export default {
         />
       </transition>
       <transition name="popover-animation">
-        <update-actions
+        <UpdateActions
           v-if="showUpdateActions"
           class="update-actions-box"
           :selected-inboxes="selectedInboxes"
@@ -218,7 +218,7 @@ export default {
         />
       </transition>
       <transition name="popover-animation">
-        <agent-selector
+        <AgentSelector
           v-if="showAgentsList"
           class="agent-actions-box"
           :selected-inboxes="selectedInboxes"
@@ -228,7 +228,7 @@ export default {
         />
       </transition>
       <transition name="popover-animation">
-        <team-actions
+        <TeamActions
           v-if="showTeamsList"
           class="team-actions-box"
           @assign-team="assignTeam"
@@ -243,7 +243,7 @@ export default {
       :show.sync="showCustomTimeSnoozeModal"
       :on-close="hideCustomSnoozeModal"
     >
-      <custom-snooze-modal
+      <CustomSnoozeModal
         @close="hideCustomSnoozeModal"
         @choose-time="customSnoozeTime"
       />

app/javascript/dashboard/components/widgets/conversation/conversationBulkActions/UpdateActions.vue

@@ -102,9 +102,9 @@ const actionLabel = key => {
       />
     </div>
     <div class="px-2.5 pt-0 pb-2.5">
-      <woot-dropdown-menu class="m-0 list-none">
+      <WootDropdownMenu class="m-0 list-none">
         <template v-for="action in actions">
-          <woot-dropdown-item v-if="showAction(action.key)" :key="action.key">
+          <WootDropdownItem v-if="showAction(action.key)" :key="action.key">
             <woot-button
               variant="clear"
               color-scheme="secondary"
@@ -114,9 +114,9 @@ const actionLabel = key => {
             >
               {{ actionLabel(action.key) }}
             </woot-button>
-          </woot-dropdown-item>
+          </WootDropdownItem>
         </template>
-      </woot-dropdown-menu>
+      </WootDropdownMenu>
     </div>
   </div>
 </template>