Persist bookshelf list view setting, fix collections for new data model, add authors cards, update filters

components/tables/collection/BookTableRow.vue

@@ -2,12 +2,12 @@
   <div class="w-full px-2 py-2 overflow-hidden relative">
     <div v-if="book" class="flex h-20">
       <div class="h-full relative" :style="{ width: bookWidth + 'px' }">
-        <covers-book-cover :audiobook="book" :width="bookWidth" :book-cover-aspect-ratio="bookCoverAspectRatio" />
+        <covers-book-cover :library-item="book" :width="bookWidth" :book-cover-aspect-ratio="bookCoverAspectRatio" />
       </div>
       <div class="w-80 h-full px-2 flex items-center">
         <div>
-          <nuxt-link :to="`/audiobook/${book.id}`" class="truncate hover:underline">{{ bookTitle }}</nuxt-link>
-          <nuxt-link :to="`/bookshelf/library?filter=authors.${$encode(bookAuthor)}`" class="truncate block text-gray-400 text-sm hover:underline">{{ bookAuthor }}</nuxt-link>
+          <nuxt-link :to="`/item/${book.id}`" class="truncate text-sm">{{ bookTitle }}</nuxt-link>
+          <p class="truncate block text-gray-400 text-xs">{{ bookAuthor }}</p>
         </div>
       </div>
     </div>
@@ -30,6 +30,24 @@ export default {
     }
   },
   computed: {
+    media() {
+      return this.book.media || {}
+    },
+    mediaMetadata() {
+      return this.media.metadata || {}
+    },
+    tracks() {
+      return this.media.tracks || []
+    },
+    bookTitle() {
+      return this.mediaMetadata.title || ''
+    },
+    bookAuthor() {
+      return this.mediaMetadata.authorName || ''
+    },
+    bookDuration() {
+      return this.$secondsToTimestamp(this.media.duration)
+    },
     bookCoverAspectRatio() {
       return this.$store.getters['getBookCoverAspectRatio']
     },
@@ -37,18 +55,6 @@ export default {
       if (this.bookCoverAspectRatio === 1) return 80
       return 50
     },
-    _book() {
-      return this.book.book || {}
-    },
-    bookTitle() {
-      return this._book.title || ''
-    },
-    bookAuthor() {
-      return this._book.authorFL || ''
-    },
-    bookDuration() {
-      return this.$secondsToTimestamp(this.book.duration)
-    },
     isMissing() {
       return this.book.isMissing
     },
@@ -66,10 +72,6 @@ export default {
     }
   },
   methods: {
-    playClick() {
-      // this.$store.commit('setStreamAudiobook', this.book)
-      // this.$root.socket.emit('open_stream', this.book.id)
-    },
     clickEdit() {
       this.$emit('edit', this.book)
     }