Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-14 08:27:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

3
resources/assets/js/components/album/AlbumInfo.vue
View file

@ -32,9 +32,10 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { defineAsyncComponent, ref, toRefs, watch } from 'vue' import { ref, toRefs, watch } from 'vue'
import { mediaInfoService } from '@/services/mediaInfoService' import { mediaInfoService } from '@/services/mediaInfoService'
import { useThirdPartyServices } from '@/composables/useThirdPartyServices' import { useThirdPartyServices } from '@/composables/useThirdPartyServices'
import { defineAsyncComponent } from '@/utils/helpers'
import AlbumThumbnail from '@/components/ui/album-artist/AlbumOrArtistThumbnail.vue' import AlbumThumbnail from '@/components/ui/album-artist/AlbumOrArtistThumbnail.vue'
import AlbumArtistInfo from '@/components/ui/album-artist/AlbumOrArtistInfo.vue' import AlbumArtistInfo from '@/components/ui/album-artist/AlbumOrArtistInfo.vue'

4
resources/assets/js/components/layout/ModalWrapper.vue
View file

@ -9,8 +9,8 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { defineAsyncComponent, ref, watch } from 'vue' import { ref, watch } from 'vue'
import { arrayify, provideReadonly } from '@/utils/helpers' import { arrayify, defineAsyncComponent, provideReadonly } from '@/utils/helpers'
import { eventBus } from '@/utils/eventBus' import { eventBus } from '@/utils/eventBus'
import { ModalContextKey } from '@/symbols' import { ModalContextKey } from '@/symbols'

2
resources/assets/js/components/layout/main-wrapper/index.vue
View file

@ -8,7 +8,7 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { defineAsyncComponent } from 'vue' import { defineAsyncComponent } from '@/utils/helpers'
import MainContent from '@/components/layout/main-wrapper/MainContent.vue' import MainContent from '@/components/layout/main-wrapper/MainContent.vue'
import SideBar from '@/components/layout/main-wrapper/sidebar/Sidebar.vue' import SideBar from '@/components/layout/main-wrapper/sidebar/Sidebar.vue'

4
resources/assets/js/components/layout/main-wrapper/side-sheet/SideSheet.vue
View file

@ -74,7 +74,7 @@
import isMobile from 'ismobilejs' import isMobile from 'ismobilejs'
import { faBars } from '@fortawesome/free-solid-svg-icons' import { faBars } from '@fortawesome/free-solid-svg-icons'
import type { Ref } from 'vue' 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 { albumStore } from '@/stores/albumStore'
import { artistStore } from '@/stores/artistStore' import { artistStore } from '@/stores/artistStore'
import { preferenceStore } from '@/stores/preferenceStore' import { preferenceStore } from '@/stores/preferenceStore'
@ -82,7 +82,7 @@ import { useErrorHandler } from '@/composables/useErrorHandler'
import { useThirdPartyServices } from '@/composables/useThirdPartyServices' import { useThirdPartyServices } from '@/composables/useThirdPartyServices'
import { eventBus } from '@/utils/eventBus' import { eventBus } from '@/utils/eventBus'
import { isSong } from '@/utils/typeGuards' import { isSong } from '@/utils/typeGuards'
import { requireInjection } from '@/utils/helpers' import { defineAsyncComponent, requireInjection } from '@/utils/helpers'
import { CurrentPlayableKey } from '@/symbols' import { CurrentPlayableKey } from '@/symbols'
import ProfileAvatar from '@/components/ui/ProfileAvatar.vue' import ProfileAvatar from '@/components/ui/ProfileAvatar.vue'

3
resources/assets/js/components/screens/ProfileScreen.vue
View file

@ -78,8 +78,9 @@
<script lang="ts" setup> <script lang="ts" setup>
import { QrCodeIcon } from 'lucide-vue-next' import { QrCodeIcon } from 'lucide-vue-next'
import { defineAsyncComponent, ref, watch } from 'vue' import { ref, watch } from 'vue'
import { useLocalStorage } from '@/composables/useLocalStorage' import { useLocalStorage } from '@/composables/useLocalStorage'
import { defineAsyncComponent } from '@/utils/helpers'
import ScreenHeader from '@/components/ui/ScreenHeader.vue' import ScreenHeader from '@/components/ui/ScreenHeader.vue'
import ScreenBase from '@/components/screens/ScreenBase.vue' import ScreenBase from '@/components/screens/ScreenBase.vue'