From 6c9afcac35ed84c419a6422fb7f2dac7ba377cdf Mon Sep 17 00:00:00 2001
From: hakadao <a578457889743@gmail.com>
Date: Sun, 2 Jun 2024 17:56:05 +0800
Subject: [PATCH] refactor: rename `LongCoverCard` into `BangumiCard`

---
 .../BangumiCard.vue}                             |  4 ++--
 .../BangumiCardSkeleton.vue}                     |  0
 src/contentScripts/views/Anime/Anime.vue         | 16 ++++++++--------
 .../views/Home/components/Ranking.vue            |  8 ++++----
 4 files changed, 14 insertions(+), 14 deletions(-)
 rename src/components/{LongCoverCard/LongCoverCard.vue => BangumiCard/BangumiCard.vue} (98%)
 rename src/components/{LongCoverCard/LongCoverCardSkeleton.vue => BangumiCard/BangumiCardSkeleton.vue} (100%)

diff --git a/src/components/LongCoverCard/LongCoverCard.vue b/src/components/BangumiCard/BangumiCard.vue
similarity index 98%
rename from src/components/LongCoverCard/LongCoverCard.vue
rename to src/components/BangumiCard/BangumiCard.vue
index c102f186..e7fd7c08 100644
--- a/src/components/LongCoverCard/LongCoverCard.vue
+++ b/src/components/BangumiCard/BangumiCard.vue
@@ -3,7 +3,7 @@ import { useDark } from '~/composables/useDark'
 import { numFormatter } from '~/utils/dataFormatter'
 import { removeHttpFromUrl } from '~/utils/main'
 
-import LongCoverCardSkeleton from './LongCoverCardSkeleton.vue'
+import BangumiCardSkeleton from './BangumiCardSkeleton.vue'
 
 defineProps<{
   skeleton?: boolean
@@ -183,7 +183,7 @@ const { isDark } = useDark()
         </div>
       </div>
     </a>
-    <LongCoverCardSkeleton
+    <BangumiCardSkeleton
       v-else-if="skeleton"
       :horizontal="horizontal"
       important-mb-0
diff --git a/src/components/LongCoverCard/LongCoverCardSkeleton.vue b/src/components/BangumiCard/BangumiCardSkeleton.vue
similarity index 100%
rename from src/components/LongCoverCard/LongCoverCardSkeleton.vue
rename to src/components/BangumiCard/BangumiCardSkeleton.vue
diff --git a/src/contentScripts/views/Anime/Anime.vue b/src/contentScripts/views/Anime/Anime.vue
index 528973dd..9da7c4bc 100644
--- a/src/contentScripts/views/Anime/Anime.vue
+++ b/src/contentScripts/views/Anime/Anime.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import BangumiCard from '~/components/BangumiCard/BangumiCard.vue'
+import BangumiCardSkeleton from '~/components/BangumiCard/BangumiCardSkeleton.vue'
 import Button from '~/components/Button.vue'
 import Empty from '~/components/Empty.vue'
 import HorizontalScrollView from '~/components/HorizontalScrollView.vue'
 import Loading from '~/components/Loading.vue'
-import LongCoverCard from '~/components/LongCoverCard/LongCoverCard.vue'
-import LongCoverCardSkeleton from '~/components/LongCoverCard/LongCoverCardSkeleton.vue'
 import { useApiClient } from '~/composables/api'
 import { useBewlyApp } from '~/composables/useAppProvider'
 import type { List as PopularAnimeItem, PopularAnimeResult } from '~/models/anime/popular'
@@ -152,7 +152,7 @@ function getPopularAnimeList() {
         <HorizontalScrollView w="[calc(100%+1.5rem)]">
           <div w-full flex>
             <template v-if="isLoadingAnimeWatchList">
-              <LongCoverCardSkeleton
+              <BangumiCardSkeleton
                 v-for="item in 6" :key="item"
                 w="2xl:[calc(100%/6-1.5rem)] xl:[calc(100%/5-1.5rem)] lg:[calc(100%/4-1.5rem)] md:[calc(100%/3-1.5rem)] sm:[calc(100%/2-1.5rem)] [calc(100%-1.5rem)]"
                 last:w="2xl:1/6 xl:1/5 lg:1/4 md:1/3 sm:1/2 full"
@@ -161,7 +161,7 @@ function getPopularAnimeList() {
                 last:pr-6
               />
             </template>
-            <LongCoverCard
+            <BangumiCard
               v-for="item in animeWatchList"
               :key="item.short_url"
               :bangumi="{
@@ -213,7 +213,7 @@ function getPopularAnimeList() {
         <HorizontalScrollView w="[calc(100%+1.5rem)]">
           <div w-full flex>
             <template v-if="isLoadingPopularAnime">
-              <LongCoverCardSkeleton
+              <BangumiCardSkeleton
                 v-for="item in 6" :key="item"
                 w="2xl:[calc(100%/6-1.5rem)] xl:[calc(100%/5-1.5rem)] lg:[calc(100%/4-1.5rem)] md:[calc(100%/3-1.5rem)] sm:[calc(100%/2-1.5rem)] [calc(100%-1.5rem)]"
                 last:w="2xl:1/6 xl:1/5 lg:1/4 md:1/3 sm:1/2 full"
@@ -222,7 +222,7 @@ function getPopularAnimeList() {
                 last:pr-6
               />
             </template>
-            <LongCoverCard
+            <BangumiCard
               v-for="item in popularAnimeList"
               :key="item.url"
               w="2xl:[calc(100%/6-1.5rem)] xl:[calc(100%/5-1.5rem)] lg:[calc(100%/4-1.5rem)] md:[calc(100%/3-1.5rem)] sm:[calc(100%/2-1.5rem)] [calc(100%-1.5rem)]"
@@ -265,7 +265,7 @@ function getPopularAnimeList() {
           {{ $t('anime.recommended_for_you') }}
         </h3>
         <div grid="~ 2xl:cols-6 xl:cols-5 lg:cols-4 md:cols-3 sm:cols-2 cols-1 gap-6">
-          <LongCoverCard
+          <BangumiCard
             v-for="item in recommendAnimeList"
             :key="item.episode_id"
             :bangumi="{
@@ -283,7 +283,7 @@ function getPopularAnimeList() {
           />
 
           <template v-if="isLoadingRecommendAnime">
-            <LongCoverCardSkeleton
+            <BangumiCardSkeleton
               v-for="item in 30" :key="item"
             />
           </template>
diff --git a/src/contentScripts/views/Home/components/Ranking.vue b/src/contentScripts/views/Home/components/Ranking.vue
index 05c07b4f..b2f882ba 100644
--- a/src/contentScripts/views/Home/components/Ranking.vue
+++ b/src/contentScripts/views/Home/components/Ranking.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
 
-import LongCoverCard from '~/components/LongCoverCard/LongCoverCard.vue'
-import LongCoverCardSkeleton from '~/components/LongCoverCard/LongCoverCardSkeleton.vue'
+import BangumiCard from '~/components/BangumiCard/BangumiCard.vue'
+import BangumiCardSkeleton from '~/components/BangumiCard/BangumiCardSkeleton.vue'
 import OverlayScrollbarsComponent from '~/components/OverlayScrollbarsComponent'
 import VideoCard from '~/components/VideoCard/VideoCard.vue'
 import VideoCardSkeleton from '~/components/VideoCard/VideoCardSkeleton.vue'
@@ -221,7 +221,7 @@ defineExpose({ initData })
         />
       </template>
       <template v-else>
-        <LongCoverCard
+        <BangumiCard
           v-for="pgc in PgcList"
           :key="pgc.url"
           :bangumi="{
@@ -252,7 +252,7 @@ defineExpose({ initData })
           />
         </template>
         <template v-else>
-          <LongCoverCardSkeleton
+          <BangumiCardSkeleton
             v-for="item in 30" :key="item"
             :horizontal="gridLayout !== 'adaptive'"
           />