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

app/javascript/shared/components/ui/MultiselectDropdown.vue

@@ -126,7 +126,7 @@ export default {
           @click="onCloseDropdown"
         />
       </div>
-      <multiselect-dropdown-items
+      <MultiselectDropdownItems
         v-if="showSearchDropdown"
         :options="options"
         :selected-items="[selectedItem]"

app/javascript/shared/components/ui/MultiselectDropdownItems.vue

@@ -82,11 +82,8 @@ export default {
     </div>
     <div class="flex justify-start items-start flex-auto overflow-auto">
       <div class="w-full max-h-[10rem]">
-        <woot-dropdown-menu>
-          <woot-dropdown-item
-            v-for="option in filteredOptions"
-            :key="option.id"
-          >
+        <WootDropdownMenu>
+          <WootDropdownItem v-for="option in filteredOptions" :key="option.id">
             <woot-button
               class="multiselect-dropdown--item"
               :variant="isActive(option) ? 'hollow' : 'clear'"
@@ -118,8 +115,8 @@ export default {
                 </div>
               </div>
             </woot-button>
-          </woot-dropdown-item>
-        </woot-dropdown-menu>
+          </WootDropdownItem>
+        </WootDropdownMenu>
         <h4
           v-if="noResult"
           class="w-full justify-center items-center flex text-slate-500 dark:text-slate-300 py-2 px-2.5 overflow-hidden whitespace-nowrap text-ellipsis text-sm"

app/javascript/shared/components/ui/dropdown/DropdownSubMenu.vue

@@ -19,7 +19,7 @@ export default {
 <template>
   <li class="sub-menu-container">
     <ul class="sub-menu-li-container">
-      <woot-dropdown-header v-if="title" :title="title" />
+      <WootDropdownHeader v-if="title" :title="title" />
       <slot />
     </ul>
   </li>

app/javascript/shared/components/ui/label/LabelDropdown.vue

@@ -115,11 +115,11 @@ export default {
       >
         {{ $t('CONTACT_PANEL.LABELS.LABEL_SELECT.TITLE') }}
       </h4>
-      <hotkey
+      <Hotkey
         custom-class="text-slate-800 dark:text-slate-100 bg-slate-50 dark:bg-slate-600 text-xxs border border-solid border-slate-75 dark:border-slate-600"
       >
         L
-      </hotkey>
+      </Hotkey>
     </div>
     <div class="mb-2 flex-shrink-0 flex-grow-0 flex-auto max-h-8">
       <input
@@ -136,7 +136,7 @@ export default {
     >
       <div class="w-full">
         <woot-dropdown-menu>
-          <label-dropdown-item
+          <LabelDropdownItem
             v-for="label in filteredActiveLabels"
             :key="label.title"
             :title="label.title"
@@ -173,7 +173,7 @@ export default {
             :show.sync="createModalVisible"
             :on-close="hideCreateModal"
           >
-            <add-label-modal
+            <AddLabelModal
               :prefill-title="parsedSearch"
               @close="hideCreateModal"
             />