mirror of
https://github.com/koel/koel
synced 2024-11-12 23:47:09 +00:00
chore: use defineAsyncComponent helper for more components (#1868)
This commit is contained in:
parent
b4e657686c
commit
ae454af1e8
5 changed files with 9 additions and 7 deletions
|
@ -32,9 +32,10 @@
|
|||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { defineAsyncComponent, ref, toRefs, watch } from 'vue'
|
||||
import { ref, toRefs, watch } from 'vue'
|
||||
import { mediaInfoService } from '@/services/mediaInfoService'
|
||||
import { useThirdPartyServices } from '@/composables/useThirdPartyServices'
|
||||
import { defineAsyncComponent } from '@/utils/helpers'
|
||||
|
||||
import AlbumThumbnail from '@/components/ui/album-artist/AlbumOrArtistThumbnail.vue'
|
||||
import AlbumArtistInfo from '@/components/ui/album-artist/AlbumOrArtistInfo.vue'
|
||||
|
|
|
@ -9,8 +9,8 @@
|
|||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { defineAsyncComponent, ref, watch } from 'vue'
|
||||
import { arrayify, provideReadonly } from '@/utils/helpers'
|
||||
import { ref, watch } from 'vue'
|
||||
import { arrayify, defineAsyncComponent, provideReadonly } from '@/utils/helpers'
|
||||
import { eventBus } from '@/utils/eventBus'
|
||||
import { ModalContextKey } from '@/symbols'
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { defineAsyncComponent } from 'vue'
|
||||
import { defineAsyncComponent } from '@/utils/helpers'
|
||||
|
||||
import MainContent from '@/components/layout/main-wrapper/MainContent.vue'
|
||||
import SideBar from '@/components/layout/main-wrapper/sidebar/Sidebar.vue'
|
||||
|
|
|
@ -74,7 +74,7 @@
|
|||
import isMobile from 'ismobilejs'
|
||||
import { faBars } from '@fortawesome/free-solid-svg-icons'
|
||||
import type { Ref } from 'vue'
|
||||
import { computed, defineAsyncComponent, onMounted, ref, watch } from 'vue'
|
||||
import { computed, onMounted, ref, watch } from 'vue'
|
||||
import { albumStore } from '@/stores/albumStore'
|
||||
import { artistStore } from '@/stores/artistStore'
|
||||
import { preferenceStore } from '@/stores/preferenceStore'
|
||||
|
@ -82,7 +82,7 @@ import { useErrorHandler } from '@/composables/useErrorHandler'
|
|||
import { useThirdPartyServices } from '@/composables/useThirdPartyServices'
|
||||
import { eventBus } from '@/utils/eventBus'
|
||||
import { isSong } from '@/utils/typeGuards'
|
||||
import { requireInjection } from '@/utils/helpers'
|
||||
import { defineAsyncComponent, requireInjection } from '@/utils/helpers'
|
||||
import { CurrentPlayableKey } from '@/symbols'
|
||||
|
||||
import ProfileAvatar from '@/components/ui/ProfileAvatar.vue'
|
||||
|
|
|
@ -78,8 +78,9 @@
|
|||
|
||||
<script lang="ts" setup>
|
||||
import { QrCodeIcon } from 'lucide-vue-next'
|
||||
import { defineAsyncComponent, ref, watch } from 'vue'
|
||||
import { ref, watch } from 'vue'
|
||||
import { useLocalStorage } from '@/composables/useLocalStorage'
|
||||
import { defineAsyncComponent } from '@/utils/helpers'
|
||||
|
||||
import ScreenHeader from '@/components/ui/ScreenHeader.vue'
|
||||
import ScreenBase from '@/components/screens/ScreenBase.vue'
|
||||
|
|
Loading…
Reference in a new issue