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

2024-07-25 19:42:48 +05:30
parent 0008fca511
commit 3ce70f4e14
352 changed files with 1019 additions and 1037 deletions
@@ -236,7 +236,7 @@ onMounted(getTeams);
      />
    </label>
    <div class="flex flex-col gap-4">
-      <searchable-dropdown
+      <SearchableDropdown
        v-for="dropdown in dropdowns"
        :key="dropdown.type"
        :type="dropdown.type"
@@ -72,7 +72,7 @@ const onClickTabChange = index => {
        </woot-tabs>
      </div>
      <div v-if="selectedTabIndex === 0" class="flex flex-col px-8 pb-4">
-        <create-issue
+        <CreateIssue
          :account-id="accountId"
          :conversation-id="conversation.id"
          :title="title"
@@ -81,7 +81,7 @@ const onClickTabChange = index => {
      </div>

      <div v-else class="flex flex-col px-8 pb-4">
-        <link-issue
+        <LinkIssue
          :conversation-id="conversation.id"
          :title="title"
          @close="onClose"
@@ -59,7 +59,7 @@ const unlinkIssue = () => {
    class="absolute flex flex-col items-start bg-white dark:bg-slate-800 z-50 px-4 py-3 border border-solid border-ash-200 w-[384px] rounded-xl gap-4 max-h-96 overflow-auto"
  >
    <div class="flex flex-col w-full">
-      <issue-header
+      <IssueHeader
        :identifier="issue.identifier"
        :link-id="linkId"
        :issue-url="issue.url"
@@ -77,7 +77,7 @@ const unlinkIssue = () => {
      </span>
    </div>
    <div class="flex flex-row items-center h-6 gap-2">
-      <user-avatar-with-name v-if="assignee" :user="assignee" class="py-1" />
+      <UserAvatarWithName v-if="assignee" :user="assignee" class="py-1" />
      <div v-if="assignee" class="w-px h-3 bg-ash-200" />
      <div class="flex items-center gap-1 py-1">
        <fluent-icon
@@ -100,14 +100,14 @@ const linkIssue = async () => {
    class="flex flex-col justify-between"
    :class="shouldShowDropdown ? 'h-[256px]' : 'gap-2'"
  >
-    <filter-button
+    <FilterButton
      right-icon="chevron-down"
      :button-text="linkIssueTitle"
      class="justify-between w-full h-[2.5rem] py-1.5 px-3 rounded-xl border border-slate-50 bg-slate-25 dark:border-slate-600 dark:bg-slate-900 hover:bg-slate-50 dark:hover:bg-slate-900/50"
      @click="toggleDropdown"
    >
      <template v-if="shouldShowDropdown" #dropdown>
-        <filter-list-dropdown
+        <FilterListDropdown
          v-if="issues"
          v-on-clickaway="toggleDropdown"
          :show-clear-filter="false"
@@ -122,7 +122,7 @@ const linkIssue = async () => {
          @click="onSelectIssue"
        />
      </template>
-    </filter-button>
+    </FilterButton>
    <div class="flex items-center justify-end w-full gap-2 mt-2">
      <woot-button
        class="px-4 rounded-xl button clear outline-woot-200/50 outline"
@@ -48,14 +48,14 @@ const selectedItemId = computed(() => selectedItem.value?.id || null);
  >
    <label class="w-full" :class="{ error: hasError }">
      {{ label }}
-      <filter-button
+      <FilterButton
        right-icon="chevron-down"
        :button-text="selectedItemName"
        class="justify-between w-full h-[2.5rem] py-1.5 px-3 rounded-xl border border-slate-50 bg-slate-25 dark:border-slate-600 dark:bg-slate-900 hover:bg-slate-50 dark:hover:bg-slate-900/50"
        @click="toggleDropdown"
      >
        <template v-if="shouldShowDropdown" #dropdown>
-          <filter-list-dropdown
+          <FilterListDropdown
            v-on-clickaway="toggleDropdown"
            :show-clear-filter="false"
            :list-items="items"
@@ -66,7 +66,7 @@ const selectedItemId = computed(() => selectedItem.value?.id || null);
            @click="onSelect"
          />
        </template>
-      </filter-button>
+      </FilterButton>
      <span v-if="hasError" class="mt-1 message">{{ error }}</span>
    </label>
  </div>
@@ -118,7 +118,7 @@ onMounted(() => {
        {{ linkedIssue.issue.identifier }}
      </span>
    </woot-button>
-    <issue
+    <Issue
      v-if="linkedIssue"
      :issue="linkedIssue.issue"
      :link-id="linkedIssue.id"
@@ -131,7 +131,7 @@ onMounted(() => {
      :close-on-backdrop-click="false"
      class="!items-start [&>div]:!top-12 [&>div]:sticky"
    >
-      <create-or-link-issue
+      <CreateOrLinkIssue
        :conversation="conversation"
        :account-id="currentAccountId"
        @close="closePopup"