[web] Fix a bug in the Spotify search

This commit is contained in:
Alain Nussbaumer
2025-05-27 23:46:33 +02:00
parent eb33a25ce7
commit 4adb623c3f
15 changed files with 44 additions and 88 deletions

View File

@@ -34,7 +34,6 @@ export default {
props: {
items: { required: true, type: Object },
load: { default: null, type: Function },
loaded: { default: true, type: Boolean },
mediaKind: { default: '', type: String }
},
emits: ['play-count-changed', 'podcast-deleted'],

View File

@@ -13,7 +13,7 @@
@open="open(item)"
@open-details="openDetails(item)"
/>
<loader-list-item :load="load" :loaded="loaded" />
<loader-list-item :load="load" />
<modal-dialog-album-spotify
:item="selectedItem"
:show="showDetailsModal"
@@ -32,8 +32,7 @@ export default {
components: { ListItem, LoaderListItem, ModalDialogAlbumSpotify },
props: {
items: { required: true, type: Object },
load: { default: null, type: Function },
loaded: { default: true, type: Boolean }
load: { default: null, type: Function }
},
setup() {
return { settingsStore: useSettingsStore() }

View File

@@ -24,8 +24,7 @@ export default {
components: { ListItem, ModalDialogArtist },
props: {
items: { required: true, type: Object },
load: { default: null, type: Function },
loaded: { default: true, type: Boolean }
load: { default: null, type: Function }
},
data() {
return { selectedItem: {}, showDetailsModal: false }

View File

@@ -8,7 +8,7 @@
@open="open(item)"
@open-details="openDetails(item)"
/>
<loader-list-item :load="load" :loaded="loaded" />
<loader-list-item :load="load" />
<modal-dialog-artist-spotify
:item="selectedItem"
:show="showDetailsModal"
@@ -26,8 +26,7 @@ export default {
components: { ListItem, LoaderListItem, ModalDialogArtistSpotify },
props: {
items: { required: true, type: Object },
load: { default: null, type: Function },
loaded: { default: true, type: Boolean }
load: { default: null, type: Function }
},
data() {
return { selectedItem: {}, showDetailsModal: false }

View File

@@ -24,8 +24,7 @@ export default {
components: { ListItem, ModalDialogComposer },
props: {
items: { required: true, type: Object },
load: { default: null, type: Function },
loaded: { default: true, type: Boolean }
load: { default: null, type: Function }
},
data() {
return { selectedItem: {}, showDetailsModal: false }

View File

@@ -25,8 +25,7 @@ export default {
components: { ListItem, ModalDialogPlaylist },
props: {
items: { required: true, type: Object },
load: { default: null, type: Function },
loaded: { default: true, type: Boolean }
load: { default: null, type: Function }
},
data() {
return { selectedItem: {}, showDetailsModal: false }

View File

@@ -8,7 +8,7 @@
@open="open(item)"
@open-details="openDetails(item)"
/>
<loader-list-item :load="load" :loaded="loaded" />
<loader-list-item :load="load" />
<modal-dialog-playlist-spotify
:item="selectedItem"
:show="showDetailsModal"
@@ -26,8 +26,7 @@ export default {
components: { ListItem, LoaderListItem, ModalDialogPlaylistSpotify },
props: {
items: { required: true, type: Object },
load: { default: null, type: Function },
loaded: { default: true, type: Boolean }
load: { default: null, type: Function }
},
data() {

View File

@@ -32,7 +32,6 @@ export default {
icon: { default: null, type: String },
items: { default: null, type: Object },
load: { default: null, type: Function },
loaded: { default: true, type: Boolean },
showProgress: { default: false, type: Boolean },
uris: { default: '', type: String }
},

View File

@@ -19,7 +19,7 @@
/>)
</template>
</list-item>
<loader-list-item :load="load" :loaded="loaded" />
<loader-list-item :load="load" />
<modal-dialog-track-spotify
:item="selectedItem"
:show="showDetailsModal"
@@ -39,8 +39,7 @@ export default {
props: {
contextUri: { default: '', type: String },
items: { required: true, type: Object },
load: { default: null, type: Function },
loaded: { default: true, type: Boolean }
load: { default: null, type: Function }
},
data() {
return { selectedItem: {}, showDetailsModal: false }

View File

@@ -1,5 +1,5 @@
<template>
<vue-eternal-loading v-if="load && !loaded" :load="load">
<vue-eternal-loading v-if="load" :load="load">
<template #loading>
<div class="columns is-centered">
<div class="column has-text-centered">
@@ -23,8 +23,7 @@ export default {
name: 'LoaderListItem',
components: { VueEternalLoading },
props: {
load: { default: null, type: Function },
loaded: { default: true, type: Boolean }
load: { default: null, type: Function }
}
}
</script>