From defc7d216a953ce4bb6a932bdc1c002f99ce1149 Mon Sep 17 00:00:00 2001
From: Casper Roursgaard Christensen <casper@casrou.com>
Date: Wed, 26 Jul 2023 23:29:54 +0200
Subject: [PATCH] Add missing space for authors as well #777

---
 pages/item/_id/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/item/_id/index.vue b/pages/item/_id/index.vue
index b1c835c8..fe86ba82 100644
--- a/pages/item/_id/index.vue
+++ b/pages/item/_id/index.vue
@@ -69,7 +69,7 @@
         <div v-else-if="bookAuthors && bookAuthors.length" class="text-sm">
           <template v-for="(author, index) in bookAuthors">
             <nuxt-link :key="author.id" :to="`/bookshelf/library?filter=authors.${$encode(author.id)}`" class="underline">{{ author.name }}</nuxt-link>
-            <span :key="`${author.id}-comma`" v-if="index < bookAuthors.length - 1">,</span>
+            <span :key="`${author.id}-comma`" v-if="index < bookAuthors.length - 1">,&nbsp;</span>
           </template>
         </div>
 
@@ -91,7 +91,7 @@
         <div v-if="narrators && narrators.length" class="truncate text-sm">
           <template v-for="(narrator, index) in narrators">
             <nuxt-link :key="narrator" :to="`/bookshelf/library?filter=narrators.${$encode(narrator)}`" class="underline">{{ narrator }}</nuxt-link
-            ><span :key="index" v-if="index < narrators.length - 1">,&nbsp;</span>
+            ><span :key="${narrator.id}-comma" v-if="index < narrators.length - 1">,&nbsp;</span>
           </template>
         </div>
 
@@ -99,7 +99,7 @@
         <div v-if="genres.length" class="truncate text-sm">
           <template v-for="(genre, index) in genres">
             <nuxt-link :key="genre" :to="`/bookshelf/library?filter=genres.${$encode(genre)}`" class="underline">{{ genre }}</nuxt-link
-            ><span :key="index" v-if="index < genres.length - 1">,&nbsp;</span>
+            ><span :key="${genre.id}-comma" v-if="index < genres.length - 1">,&nbsp;</span>
           </template>
         </div>