refactor: remove component auto import (#740)

src/contentScripts/views/Anime/Anime.vue

@@ -5,6 +5,11 @@ import { numFormatter } from '~/utils/dataFormatter'
 import type { List as WatchListItem, WatchListResult } from '~/models/anime/watchList'
 import type { List as PopularAnimeItem, PopularAnimeResult } from '~/models/anime/popular'
 import type { ItemSubItem as RecommendationItem, RecommendationResult } from '~/models/anime/recommendation'
+import Button from '~/components/Button.vue'
+import Empty from '~/components/Empty.vue'
+import HorizontalScrollView from '~/components/HorizontalScrollView.vue'
+import LongCoverCard from '~/components/LongCoverCard/LongCoverCard.vue'
+import LongCoverCardSkeleton from '~/components/LongCoverCard/LongCoverCardSkeleton.vue'
 
 const api = useApiClient()
 const animeWatchList = reactive<WatchListItem[]>([])

src/contentScripts/views/Anime/components/AnimeTimeTable.vue

@@ -4,6 +4,7 @@ import { useI18n } from 'vue-i18n'
 import browser from 'webextension-polyfill'
 import { removeHttpFromUrl } from '~/utils/main'
 import type { Result as TimetableItem, TimetableResult } from '~/models/anime/timeTable'
+import HorizontalScrollView from '~/components/HorizontalScrollView.vue'
 
 const { t } = useI18n()
 const api = useApiClient()

src/contentScripts/views/App.vue

@@ -3,7 +3,13 @@ import { useDebounceFn, useThrottleFn, useToggle } from '@vueuse/core'
 import type { Ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import browser from 'webextension-polyfill'
-
+import AppBackground from '~/components/AppBackground.vue'
+import BackToTopAndRefreshButtons from '~/components/BackToTopAndRefreshButtons.vue'
+import Dock from '~/components/Dock/Dock.vue'
+import OverlayScrollbarsComponent from '~/components/OverlayScrollbarsComponent'
+import RightSideButtons from '~/components/RightSideButtons/RightSideButtons.vue'
+import Settings from '~/components/Settings/Settings.vue'
+import TopBar from '~/components/TopBar/TopBar.vue'
 import type { BewlyAppProvider } from '~/composables/useAppProvider'
 import { AppPage, LanguageType } from '~/enums/appEnums'
 import { accessKey, settings } from '~/logic'

src/contentScripts/views/Favorites/Favorites.vue

@@ -6,6 +6,13 @@ import emitter from '~/utils/mitt'
 import { settings } from '~/logic'
 import type { Media as FavoriteItem, FavoritesResult } from '~/models/video/favorite'
 import type { List as CategoryItem, FavoritesCategoryResult } from '~/models/video/favoriteCategory'
+import Button from '~/components/Button.vue'
+import Empty from '~/components/Empty.vue'
+import Input from '~/components/Input.vue'
+import Loading from '~/components/Loading.vue'
+import Select from '~/components/Select.vue'
+import Tooltip from '~/components/Tooltip.vue'
+import VideoCard from '~/components/VideoCard/VideoCard.vue'
 
 const { t } = useI18n()
 const api = useApiClient()

src/contentScripts/views/History/History.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import { useDateFormat } from '@vueuse/core'
 import { useI18n } from 'vue-i18n'
-
+import Button from '~/components/Button.vue'
 import { getCSRF, removeHttpFromUrl } from '~/utils/main'
 import { calcCurrentTime } from '~/utils/dataFormatter'
 import { Business } from '~/models/history/history'
 import type { List as HistoryItem, HistoryResult } from '~/models/history/history'
 import type { List as HistorySearchItem, HistorySearchResult } from '~/models/video/historySearch'
+import Empty from '~/components/Empty.vue'
+import Progress from '~/components/Progress.vue'
 
 const { t } = useI18n()
 const api = useApiClient()

src/contentScripts/views/Home/Home.vue

@@ -7,6 +7,8 @@ import { homePageGridLayout, settings } from '~/logic'
 import { delay } from '~/utils/main'
 import type { HomeTab } from '~/stores/mainStore'
 import { useMainStore } from '~/stores/mainStore'
+import Logo from '~/components/Logo.vue'
+import SearchBar from '~/components/SearchBar/SearchBar.vue'
 
 const mainStore = useMainStore()
 const { handleBackToTop, scrollbarRef } = useBewlyApp()

src/contentScripts/views/Home/components/Following.vue

@@ -2,6 +2,11 @@
 import type { Ref } from 'vue'
 import type { GridLayout } from '~/logic'
 import type { DataItem as MomentItem, MomentResult } from '~/models/moment/moment'
+import Button from '~/components/Button.vue'
+import Empty from '~/components/Empty.vue'
+import Loading from '~/components/Loading.vue'
+import VideoCard from '~/components/VideoCard/VideoCard.vue'
+import VideoCardSkeleton from '~/components/VideoCard/VideoCardSkeleton.vue'
 
 const props = defineProps<{
   gridLayout: GridLayout

src/contentScripts/views/Home/components/ForYou.vue

@@ -10,6 +10,12 @@ import { accessKey, settings } from '~/logic'
 import { LanguageType } from '~/enums/appEnums'
 import { TVAppKey, getTvSign } from '~/utils/authProvider'
 import { isVerticalVideo } from '~/utils/uriParse'
+import Button from '~/components/Button.vue'
+import Dialog from '~/components/Dialog.vue'
+import Empty from '~/components/Empty.vue'
+import Loading from '~/components/Loading.vue'
+import VideoCard from '~/components/VideoCard/VideoCard.vue'
+import VideoCardSkeleton from '~/components/VideoCard/VideoCardSkeleton.vue'
 
 const props = defineProps<{
   gridLayout: GridLayout

src/contentScripts/views/Home/components/Ranking.vue

@@ -6,6 +6,11 @@ import type { List as RankingPgcItem, RankingPgcResult } from '~/models/video/ra
 import type { GridLayout } from '~/logic'
 import { settings } from '~/logic'
 import emitter from '~/utils/mitt'
+import LongCoverCard from '~/components/LongCoverCard/LongCoverCard.vue'
+import LongCoverCardSkeleton from '~/components/LongCoverCard/LongCoverCardSkeleton.vue'
+import OverlayScrollbarsComponent from '~/components/OverlayScrollbarsComponent'
+import VideoCard from '~/components/VideoCard/VideoCard.vue'
+import VideoCardSkeleton from '~/components/VideoCard/VideoCardSkeleton.vue'
 
 const props = defineProps<{
   gridLayout: GridLayout

src/contentScripts/views/Home/components/SubscribedSeries.vue

@@ -2,6 +2,11 @@
 import type { Ref } from 'vue'
 import type { GridLayout } from '~/logic'
 import type { DataItem as MomentItem, MomentResult } from '~/models/moment/moment'
+import Button from '~/components/Button.vue'
+import Empty from '~/components/Empty.vue'
+import Loading from '~/components/Loading.vue'
+import VideoCard from '~/components/VideoCard/VideoCard.vue'
+import VideoCardSkeleton from '~/components/VideoCard/VideoCardSkeleton.vue'
 
 const props = defineProps<{
   gridLayout: GridLayout

src/contentScripts/views/Home/components/Trending.vue

@@ -2,6 +2,9 @@
 import type { Ref } from 'vue'
 import type { GridLayout } from '~/logic'
 import type { TrendingResult, List as VideoItem } from '~/models/video/trending'
+import Loading from '~/components/Loading.vue'
+import VideoCard from '~/components/VideoCard/VideoCard.vue'
+import VideoCardSkeleton from '~/components/VideoCard/VideoCardSkeleton.vue'
 
 const props = defineProps<{
   gridLayout: GridLayout

src/contentScripts/views/Search/Search.vue

@@ -1,5 +1,7 @@
 <script lang="ts" setup>
 import { settings } from '~/logic'
+import Logo from '~/components/Logo.vue'
+import SearchBar from '~/components/SearchBar/SearchBar.vue'
 </script>
 
 <template>

src/contentScripts/views/WatchLater/WatchLater.vue

@@ -4,6 +4,9 @@ import { useI18n } from 'vue-i18n'
 import { getCSRF, openLinkToNewTab, removeHttpFromUrl } from '~/utils/main'
 import { calcCurrentTime } from '~/utils/dataFormatter'
 import type { List as VideoItem, WatchLaterResult } from '~/models/video/watchLater'
+import Button from '~/components/Button.vue'
+import Empty from '~/components/Empty.vue'
+import Progress from '~/components/Progress.vue'
 
 const { t } = useI18n()
 const api = useApiClient()