From 3276b042561f885510b757149a330006d4d46adb Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Fri, 8 Apr 2022 18:34:30 -0500
Subject: [PATCH] Fix authors filter query string

---
 client/components/controls/GlobalSearch.vue | 2 +-
 client/pages/item/_id/index.vue             | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/client/components/controls/GlobalSearch.vue b/client/components/controls/GlobalSearch.vue
index b988a566..7eeb25bc 100644
--- a/client/components/controls/GlobalSearch.vue
+++ b/client/components/controls/GlobalSearch.vue
@@ -31,7 +31,7 @@
           <p v-if="authorResults.length" class="uppercase text-xs text-gray-400 mb-1 mt-3 px-1 font-semibold">Authors</p>
           <template v-for="item in authorResults">
             <li :key="item.id" class="text-gray-50 select-none relative cursor-pointer hover:bg-black-400 py-1" role="option">
-              <nuxt-link :to="`/library/${currentLibraryId}/bookshelf?filter=authors.${item.id}`">
+              <nuxt-link :to="`/library/${currentLibraryId}/bookshelf?filter=authors.${$encode(item.id)}`">
                 <cards-author-search-card :author="item" />
               </nuxt-link>
             </li>
diff --git a/client/pages/item/_id/index.vue b/client/pages/item/_id/index.vue
index bbf6f002..8ac3fbb6 100644
--- a/client/pages/item/_id/index.vue
+++ b/client/pages/item/_id/index.vue
@@ -32,8 +32,8 @@
               </div>
 
               <p v-if="isPodcast" class="mb-2 mt-0.5 text-gray-200 text-lg md:text-xl">by {{ podcastAuthor || 'Unknown' }}</p>
-              <p v-else-if="authorsList.length" class="mb-2 mt-0.5 text-gray-200 text-lg md:text-xl">
-                by <nuxt-link v-for="(author, index) in authorsList" :key="index" :to="`/library/${libraryId}/bookshelf?filter=authors.${$encode(author)}`" class="hover:underline">{{ author }}<span v-if="index < authorsList.length - 1">,&nbsp;</span></nuxt-link>
+              <p v-else-if="authors.length" class="mb-2 mt-0.5 text-gray-200 text-lg md:text-xl">
+                by <nuxt-link v-for="(author, index) in authors" :key="index" :to="`/library/${libraryId}/bookshelf?filter=authors.${$encode(author.id)}`" class="hover:underline">{{ author.name }}<span v-if="index < authors.length - 1">,&nbsp;</span></nuxt-link>
               </p>
               <p v-else class="mb-2 mt-0.5 text-gray-200 text-xl">by Unknown</p>
 
@@ -261,9 +261,6 @@ export default {
     authors() {
       return this.mediaMetadata.authors || []
     },
-    authorsList() {
-      return this.authors.map((au) => au.name)
-    },
     narrators() {
       return this.mediaMetadata.narrators || []
     },