From 04993dd63ddde89460c0c045bf5d85771da6a77e Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Mon, 8 Apr 2024 15:38:34 -0500
Subject: [PATCH] Update:Show language on book item page w/ link to filter
 #2834

---
 client/components/content/LibraryItemDetails.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/client/components/content/LibraryItemDetails.vue b/client/components/content/LibraryItemDetails.vue
index 6764beb0..0b69b038 100644
--- a/client/components/content/LibraryItemDetails.vue
+++ b/client/components/content/LibraryItemDetails.vue
@@ -89,6 +89,14 @@
         </template>
       </div>
     </div>
+    <div v-if="language && !isPodcast" class="flex py-0.5">
+      <div class="w-24 min-w-24 sm:w-32 sm:min-w-32">
+        <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelLanguage }}</span>
+      </div>
+      <div>
+        <nuxt-link :to="`/library/${libraryId}/bookshelf?filter=languages.${$encode(language)}`" class="hover:underline">{{ language }}</nuxt-link>
+      </div>
+    </div>
     <div v-if="tracks.length || audioFile || (isPodcast && totalPodcastDuration)" class="flex py-0.5">
       <div class="w-24 min-w-24 sm:w-32 sm:min-w-32">
         <span class="text-white text-opacity-60 uppercase text-sm">{{ $strings.LabelDuration }}</span>
@@ -182,6 +190,9 @@ export default {
     narrators() {
       return this.mediaMetadata.narrators || []
     },
+    language() {
+      return this.mediaMetadata.language || null
+    },
     durationPretty() {
       if (this.isPodcast) return this.$elapsedPrettyExtended(this.totalPodcastDuration)