From 2ee84720b374c64b25e67ae6cc6a9ebe9e9e3219 Mon Sep 17 00:00:00 2001
From: Phan An <me@phanan.net>
Date: Mon, 3 Jun 2024 15:16:29 +0800
Subject: [PATCH] chore: optimize imports

---
 resources/assets/js/app.ts                             |  2 +-
 .../assets/js/components/album/AlbumTrackListItem.vue  |  2 +-
 .../layout/app-footer/FooterExtraControls.vue          |  2 +-
 .../main-wrapper/sidebar/SidebarYourLibrarySection.vue |  2 +-
 .../components/playlist/CreatePlaylistFolderForm.vue   |  1 -
 resources/assets/js/components/podcast/PodcastCard.vue |  1 -
 .../assets/js/components/screens/PodcastScreen.vue     |  2 +-
 .../assets/js/components/song/PlayableContextMenu.vue  |  2 +-
 resources/assets/js/components/song/SongList.spec.ts   |  6 +++---
 resources/assets/js/components/song/SongList.vue       |  6 +++---
 .../assets/js/components/song/SongListControls.spec.ts |  2 +-
 .../assets/js/components/song/SongListControls.vue     |  2 +-
 resources/assets/js/components/song/SongListItem.vue   |  2 +-
 resources/assets/js/composables/useSongList.ts         | 10 +++++-----
 resources/assets/js/stores/overviewStore.ts            |  4 ++--
 15 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/resources/assets/js/app.ts b/resources/assets/js/app.ts
index 811031a7..26f1812e 100644
--- a/resources/assets/js/app.ts
+++ b/resources/assets/js/app.ts
@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import { focus, hideBrokenIcon, overflowFade, newTab, tooltip } from '@/directives'
+import { focus, hideBrokenIcon, newTab, overflowFade, tooltip } from '@/directives'
 import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/vue-fontawesome'
 import { RouterKey } from '@/symbols'
 import { routes } from '@/config'
diff --git a/resources/assets/js/components/album/AlbumTrackListItem.vue b/resources/assets/js/components/album/AlbumTrackListItem.vue
index 940cdd2a..dc8fbf73 100644
--- a/resources/assets/js/components/album/AlbumTrackListItem.vue
+++ b/resources/assets/js/components/album/AlbumTrackListItem.vue
@@ -14,7 +14,7 @@
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, Ref, toRefs } from 'vue'
-import { queueStore, songStore } from '@/stores'
+import { songStore } from '@/stores'
 import { authService, playbackService } from '@/services'
 import { useThirdPartyServices } from '@/composables'
 import { requireInjection, secondsToHis } from '@/utils'
diff --git a/resources/assets/js/components/layout/app-footer/FooterExtraControls.vue b/resources/assets/js/components/layout/app-footer/FooterExtraControls.vue
index 386caa06..9a20e510 100644
--- a/resources/assets/js/components/layout/app-footer/FooterExtraControls.vue
+++ b/resources/assets/js/components/layout/app-footer/FooterExtraControls.vue
@@ -32,7 +32,7 @@
 </template>
 
 <script lang="ts" setup>
-import { faListOl, faBolt, faCompress, faExpand, faSliders } from '@fortawesome/free-solid-svg-icons'
+import { faBolt, faCompress, faExpand, faSliders } from '@fortawesome/free-solid-svg-icons'
 import { computed, onMounted, ref } from 'vue'
 import { eventBus, isAudioContextSupported as useEqualizer, isFullscreenSupported } from '@/utils'
 import { useRouter } from '@/composables'
diff --git a/resources/assets/js/components/layout/main-wrapper/sidebar/SidebarYourLibrarySection.vue b/resources/assets/js/components/layout/main-wrapper/sidebar/SidebarYourLibrarySection.vue
index 06e3d6ea..6359fd39 100644
--- a/resources/assets/js/components/layout/main-wrapper/sidebar/SidebarYourLibrarySection.vue
+++ b/resources/assets/js/components/layout/main-wrapper/sidebar/SidebarYourLibrarySection.vue
@@ -43,7 +43,7 @@
 </template>
 
 <script lang="ts" setup>
-import { faCompactDisc, faMicrophone, faMusic, faTags, faPodcast } from '@fortawesome/free-solid-svg-icons'
+import { faCompactDisc, faMicrophone, faMusic, faPodcast, faTags } from '@fortawesome/free-solid-svg-icons'
 import { unescape } from 'lodash'
 import { ref } from 'vue'
 import { eventBus } from '@/utils'
diff --git a/resources/assets/js/components/playlist/CreatePlaylistFolderForm.vue b/resources/assets/js/components/playlist/CreatePlaylistFolderForm.vue
index 371cb3ea..d4be41ef 100644
--- a/resources/assets/js/components/playlist/CreatePlaylistFolderForm.vue
+++ b/resources/assets/js/components/playlist/CreatePlaylistFolderForm.vue
@@ -26,7 +26,6 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { playlistFolderStore } from '@/stores'
-import { logger } from '@/utils'
 import { useDialogBox, useErrorHandler, useMessageToaster, useOverlay } from '@/composables'
 
 import Btn from '@/components/ui/form/Btn.vue'
diff --git a/resources/assets/js/components/podcast/PodcastCard.vue b/resources/assets/js/components/podcast/PodcastCard.vue
index fad50d40..85c68054 100644
--- a/resources/assets/js/components/podcast/PodcastCard.vue
+++ b/resources/assets/js/components/podcast/PodcastCard.vue
@@ -19,7 +19,6 @@
 
 <script lang="ts" setup>
 import { toRefs } from 'vue'
-import { eventBus } from '@/utils'
 import { useRouter } from '@/composables'
 
 import BaseCard from '@/components/ui/album-artist/AlbumOrArtistCard.vue'
diff --git a/resources/assets/js/components/screens/PodcastScreen.vue b/resources/assets/js/components/screens/PodcastScreen.vue
index d6663d85..0593845c 100644
--- a/resources/assets/js/components/screens/PodcastScreen.vue
+++ b/resources/assets/js/components/screens/PodcastScreen.vue
@@ -77,7 +77,7 @@ import { orderBy } from 'lodash'
 import { faExternalLink, faPause, faPlay, faRotateRight, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { computed, nextTick, reactive, ref, watch } from 'vue'
 import { useDialogBox, useErrorHandler, useRouter } from '@/composables'
-import { songStore as episodeStore, podcastStore, queueStore } from '@/stores'
+import { podcastStore, queueStore, songStore as episodeStore } from '@/stores'
 import { playbackService } from '@/services'
 import { isEpisode } from '@/utils'
 
diff --git a/resources/assets/js/components/song/PlayableContextMenu.vue b/resources/assets/js/components/song/PlayableContextMenu.vue
index 3055fcf5..c090cc01 100644
--- a/resources/assets/js/components/song/PlayableContextMenu.vue
+++ b/resources/assets/js/components/song/PlayableContextMenu.vue
@@ -72,7 +72,7 @@
 
 <script lang="ts" setup>
 import { computed, ref, toRef } from 'vue'
-import { arrayify, getPlayableCollectionContentType, copyText, eventBus, isSong, pluralize } from '@/utils'
+import { arrayify, copyText, eventBus, getPlayableCollectionContentType, isSong, pluralize } from '@/utils'
 import { commonStore, favoriteStore, playlistStore, queueStore, songStore } from '@/stores'
 import { downloadService, playbackService } from '@/services'
 import {
diff --git a/resources/assets/js/components/song/SongList.spec.ts b/resources/assets/js/components/song/SongList.spec.ts
index f73d26b8..7871ebc5 100644
--- a/resources/assets/js/components/song/SongList.spec.ts
+++ b/resources/assets/js/components/song/SongList.spec.ts
@@ -4,12 +4,12 @@ import factory from '@/__tests__/factory'
 import UnitTestCase from '@/__tests__/UnitTestCase'
 import { arrayify } from '@/utils'
 import {
-  SelectedPlayablesKey,
   PlayableListConfigKey,
   PlayableListContextKey,
   PlayableListSortFieldKey,
-  SongListSortOrderKey,
-  PlayablesKey
+  PlayablesKey,
+  SelectedPlayablesKey,
+  SongListSortOrderKey
 } from '@/symbols'
 import { screen } from '@testing-library/vue'
 import SongList from './SongList.vue'
diff --git a/resources/assets/js/components/song/SongList.vue b/resources/assets/js/components/song/SongList.vue
index 1c4e185e..b8ed7264 100644
--- a/resources/assets/js/components/song/SongList.vue
+++ b/resources/assets/js/components/song/SongList.vue
@@ -118,12 +118,12 @@ import { preferenceStore as preferences, queueStore } from '@/stores'
 import { useDraggable, useDroppable } from '@/composables'
 import { playbackService } from '@/services'
 import {
-  PlayablesKey,
-  SelectedPlayablesKey,
   PlayableListConfigKey,
   PlayableListContextKey,
-  SongListFilterKeywordsKey,
   PlayableListSortFieldKey,
+  PlayablesKey,
+  SelectedPlayablesKey,
+  SongListFilterKeywordsKey,
   SongListSortOrderKey
 } from '@/symbols'
 
diff --git a/resources/assets/js/components/song/SongListControls.spec.ts b/resources/assets/js/components/song/SongListControls.spec.ts
index 2371eb74..b6a0a332 100644
--- a/resources/assets/js/components/song/SongListControls.spec.ts
+++ b/resources/assets/js/components/song/SongListControls.spec.ts
@@ -3,7 +3,7 @@ import { ref } from 'vue'
 import { expect, it } from 'vitest'
 import factory from '@/__tests__/factory'
 import UnitTestCase from '@/__tests__/UnitTestCase'
-import { SelectedPlayablesKey, PlayablesKey } from '@/symbols'
+import { PlayablesKey, SelectedPlayablesKey } from '@/symbols'
 import { screen } from '@testing-library/vue'
 import SongListControls from './SongListControls.vue'
 
diff --git a/resources/assets/js/components/song/SongListControls.vue b/resources/assets/js/components/song/SongListControls.vue
index bc1b3f9c..8863ede4 100644
--- a/resources/assets/js/components/song/SongListControls.vue
+++ b/resources/assets/js/components/song/SongListControls.vue
@@ -102,7 +102,7 @@
 import { faPlay, faRandom, faRotateRight, faTrashCan } from '@fortawesome/free-solid-svg-icons'
 import { computed, defineAsyncComponent, nextTick, onBeforeUnmount, onMounted, Ref, ref, toRef, watch } from 'vue'
 import { OnClickOutside } from '@vueuse/components'
-import { SelectedPlayablesKey, PlayablesKey } from '@/symbols'
+import { PlayablesKey, SelectedPlayablesKey } from '@/symbols'
 import { requireInjection } from '@/utils'
 import { useFloatingUi } from '@/composables'
 
diff --git a/resources/assets/js/components/song/SongListItem.vue b/resources/assets/js/components/song/SongListItem.vue
index 3f0df08b..bed74413 100644
--- a/resources/assets/js/components/song/SongListItem.vue
+++ b/resources/assets/js/components/song/SongListItem.vue
@@ -44,7 +44,7 @@
 <script lang="ts" setup>
 import { faPodcast } from '@fortawesome/free-solid-svg-icons'
 import { computed, toRefs } from 'vue'
-import { getPlayableProp, isEpisode, isSong, requireInjection, secondsToHis } from '@/utils'
+import { getPlayableProp, isSong, requireInjection, secondsToHis } from '@/utils'
 import { useAuthorization, useKoelPlus } from '@/composables'
 import { PlayableListConfigKey } from '@/symbols'
 
diff --git a/resources/assets/js/composables/useSongList.ts b/resources/assets/js/composables/useSongList.ts
index dc2b259d..b16aa12e 100644
--- a/resources/assets/js/composables/useSongList.ts
+++ b/resources/assets/js/composables/useSongList.ts
@@ -1,19 +1,19 @@
 import { differenceBy, orderBy, sampleSize, take, throttle } from 'lodash'
 import isMobile from 'ismobilejs'
-import { computed, provide, reactive, Ref, ref, watch } from 'vue'
+import { computed, provide, reactive, Ref, ref } from 'vue'
 import { playbackService } from '@/services'
 import { queueStore, songStore } from '@/stores'
 import { arrayify, eventBus, getPlayableProp, provideReadonly } from '@/utils'
 import { useRouter } from '@/composables'
 
 import {
-  SelectedPlayablesKey,
   PlayableListConfigKey,
   PlayableListContextKey,
-  SongListFilterKeywordsKey,
   PlayableListSortFieldKey,
-  SongListSortOrderKey,
-  PlayablesKey
+  PlayablesKey,
+  SelectedPlayablesKey,
+  SongListFilterKeywordsKey,
+  SongListSortOrderKey
 } from '@/symbols'
 
 import ControlsToggle from '@/components/ui/ScreenControlsToggle.vue'
diff --git a/resources/assets/js/stores/overviewStore.ts b/resources/assets/js/stores/overviewStore.ts
index 0738ea65..1a7e79c9 100644
--- a/resources/assets/js/stores/overviewStore.ts
+++ b/resources/assets/js/stores/overviewStore.ts
@@ -1,10 +1,10 @@
-import { reactive, watch } from 'vue'
+import { reactive } from 'vue'
 import { http } from '@/services'
 import { songStore } from '@/stores/songStore'
 import { albumStore } from '@/stores/albumStore'
 import { artistStore } from '@/stores/artistStore'
 import { recentlyPlayedStore } from '@/stores'
-import { isEpisode, isSong } from '@/utils'
+import { isSong } from '@/utils'
 
 export const overviewStore = {
   state: reactive({