chore: use defineAsyncComponent helper for more components (#1868)

This commit is contained in:
Phan An 2024-10-29 18:02:17 +07:00 committed by GitHub
parent b4e657686c
commit ae454af1e8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 9 additions and 7 deletions

View file

@ -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'

View file

@ -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'

View file

@ -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'

View file

@ -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'

View file

@ -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'