[web] Refactor search pages

web-src/src/components/ListAlbums.vue

@@ -33,6 +33,8 @@ export default {
   components: { ListItem, ModalDialogAlbum },
   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'],

web-src/src/components/ListArtists.vue

@@ -22,7 +22,11 @@ import ModalDialogArtist from '@/components/ModalDialogArtist.vue'
 export default {
   name: 'ListArtists',
   components: { ListItem, ModalDialogArtist },
-  props: { items: { required: true, type: Object } },
+  props: {
+    items: { required: true, type: Object },
+    load: { default: null, type: Function },
+    loaded: { default: true, type: Boolean }
+  },
   data() {
     return { selectedItem: {}, showDetailsModal: false }
   },

web-src/src/components/ListComposers.vue

@@ -22,7 +22,11 @@ import ModalDialogComposer from '@/components/ModalDialogComposer.vue'
 export default {
   name: 'ListComposers',
   components: { ListItem, ModalDialogComposer },
-  props: { items: { required: true, type: Object } },
+  props: {
+    items: { required: true, type: Object },
+    load: { default: null, type: Function },
+    loaded: { default: true, type: Boolean }
+  },
   data() {
     return { selectedItem: {}, showDetailsModal: false }
   },

web-src/src/components/ListPlaylists.vue

@@ -23,7 +23,11 @@ import ModalDialogPlaylist from '@/components/ModalDialogPlaylist.vue'
 export default {
   name: 'ListPlaylists',
   components: { ListItem, ModalDialogPlaylist },
-  props: { items: { required: true, type: Object } },
+  props: {
+    items: { required: true, type: Object },
+    load: { default: null, type: Function },
+    loaded: { default: true, type: Boolean }
+  },
   data() {
     return { selectedItem: {}, showDetailsModal: false }
   },

web-src/src/components/ListTracks.vue

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