tweaks

src/components/ItemsListing.vue

@@ -971,28 +971,33 @@ const getFilteredItems = function (
   }
   // sort
   if (params.sortBy == 'name') {
-    result.sort((a, b) => getSortName(a).localeCompare(
-      getSortName(b), undefined, {numeric: true}
-    ));
+    result.sort((a, b) =>
+      getSortName(a).localeCompare(getSortName(b), undefined, {
+        numeric: true,
+      }),
+    );
   }
   if (params.sortBy == 'sort_name') {
     result.sort((a, b) =>
-      getSortName(a, true).localeCompare(
-        getSortName(b, true), undefined, {numeric: true}
-      ),
+      getSortName(a, true).localeCompare(getSortName(b, true), undefined, {
+        numeric: true,
+      }),
     );
   }
   if (params.sortBy == 'name_desc') {
-    result.sort((a, b) => getSortName(b).localeCompare(
-      getSortName(a), undefined, {numeric: true}
-    ));
+    result.sort((a, b) =>
+      getSortName(b).localeCompare(getSortName(a), undefined, {
+        numeric: true,
+      }),
+    );
   }
 
   if (params.sortBy == 'album') {
     result.sort((a, b) =>
       getSortName((a as Track).album).localeCompare(
         getSortName((b as Track).album),
-        undefined, {numeric: true}
+        undefined,
+        { numeric: true },
       ),
     );
   }

src/components/ListviewItem.vue

@@ -64,20 +64,14 @@
             • {{ item.album.name }}
           </v-item>
           <v-item
-            v-if="
-              showDiscNumber &&
-              'disc_number' in item &&
-              item.disc_number != null
-            "
+            v-if="showDiscNumber && 'disc_number' in item && item.disc_number"
           >
             <v-icon style="margin-left: 5px" icon="md:album" />
             {{ item.disc_number }}
           </v-item>
           <v-item
             v-if="
-              showTrackNumber &&
-              'track_number' in item &&
-              item.track_number != null
+              showTrackNumber && 'track_number' in item && item.track_number
             "
           >
             <v-icon style="margin-left: 5px" icon="mdi-music-circle-outline" />

src/components/MediaItemThumb.vue

@@ -124,6 +124,13 @@ export const getMediaItemImage = function (
   // handle regular image within mediaitem
   if ('metadata' in mediaItem && mediaItem.metadata.images) {
     for (const img of mediaItem.metadata.images) {
+      if (
+        !img.remotely_accessible &&
+        !api.getProvider(img.provider)?.available
+      ) {
+        // skip local images if not remotely accessible
+        continue;
+      }
       if (img.type == type) return img;
     }
   }