chore: optimize imports

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'

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'

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'

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'

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'

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'

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'
 

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 {

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'

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'
 

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'
 

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'
 

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'
 

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'

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({