Playlist and collections cleanup

client/components/covers/PlaylistCover.vue

@@ -2,7 +2,7 @@
   <div class="relative rounded-sm overflow-hidden" :style="{ width: width + 'px', height: height + 'px' }">
     <div v-if="items.length" class="flex flex-wrap justify-center h-full relative bg-primary bg-opacity-95 rounded-sm">
       <div class="absolute top-0 left-0 w-full h-full bg-gray-400 bg-opacity-5" />
-      <covers-book-cover v-for="li in libraryItemCovers" :key="li.id" :library-item="li" :width="itemCoverWidth" :book-cover-aspect-ratio="1" />
+      <covers-book-cover v-for="(li, index) in libraryItemCovers" :key="index" :library-item="li" :width="itemCoverWidth" :book-cover-aspect-ratio="1" />
     </div>
     <div v-else class="relative w-full h-full flex items-center justify-center p-2 bg-primary rounded-sm">
       <div class="absolute top-0 left-0 w-full h-full bg-gray-400 bg-opacity-5" />
@@ -18,8 +18,7 @@ export default {
       default: () => []
     },
     width: Number,
-    height: Number,
-    bookCoverAspectRatio: Number
+    height: Number
   },
   data() {
     return {}