From 400e34a4c77d94c4c9f67c7fa5af88ac57264609 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Tue, 8 Nov 2022 17:10:08 -0600
Subject: [PATCH] Update:More localization strings #1103

---
 client/components/app/Appbar.vue              |  13 +-
 .../components/app/BookShelfCategorized.vue   |  13 +-
 client/components/app/BookShelfRow.vue        |   2 +-
 client/components/app/StreamContainer.vue     |   2 +-
 client/components/cards/LazyBookCard.vue      |  24 +--
 .../cards/PodcastFeedSummaryCard.vue          |   4 +-
 client/components/controls/GlobalSearch.vue   |  16 +-
 .../components/controls/LibrarySortSelect.vue | 165 ++++++++--------
 client/components/modals/AccountModal.vue     |  34 ++--
 .../components/modals/BackupScheduleModal.vue |   4 +-
 .../modals/BatchQuickMatchModel.vue           |  44 ++---
 client/components/modals/BookmarksModal.vue   |  12 +-
 .../components/modals/EditCollectionModal.vue |  11 +-
 .../modals/ListeningSessionModal.vue          |  44 ++---
 client/components/modals/SleepTimerModal.vue  |   4 +-
 .../modals/UserCollectionsModal.vue           |  20 +-
 .../components/modals/authors/EditModal.vue   |  30 +--
 .../components/modals/item/tabs/Details.vue   |   2 +-
 .../components/modals/item/tabs/Episodes.vue  |  20 +-
 client/components/modals/item/tabs/Match.vue  |  10 +-
 .../components/modals/item/tabs/Schedule.vue  |   2 +-
 client/components/modals/item/tabs/Tools.vue  |   2 +-
 .../modals/libraries/EditLibrary.vue          |  24 +--
 .../components/modals/libraries/EditModal.vue |   8 +-
 .../components/modals/podcast/EditEpisode.vue |   4 +-
 client/components/modals/podcast/NewModal.vue |  24 +--
 .../modals/podcast/OpmlFeedsModal.vue         |  12 +-
 .../modals/podcast/RemoveEpisode.vue          |  14 +-
 .../components/modals/podcast/ViewEpisode.vue |   4 +-
 .../modals/podcast/tabs/EpisodeDetails.vue    |  16 +-
 .../modals/podcast/tabs/EpisodeMatch.vue      |   8 +-
 .../components/modals/rssfeed/ViewModal.vue   |  20 +-
 client/components/player/PlayerUi.vue         |   2 +-
 client/components/stats/Heatmap.vue           |   6 +-
 client/components/tables/AudioFilesTable.vue  |  71 -------
 client/components/tables/BackupsTable.vue     |  18 +-
 .../tables/CollectionBooksTable.vue           |   2 +-
 client/components/tables/UsersTable.vue       |   4 +-
 .../tables/collection/BookTableRow.vue        |  10 +-
 .../components/tables/library/LibraryItem.vue |  24 +--
 .../tables/podcast/EpisodeTableRow.vue        |   6 +-
 .../tables/podcast/EpisodesTable.vue          |  82 ++++----
 client/components/ui/MultiSelect.vue          |   2 +-
 client/components/ui/MultiSelectDropdown.vue  |   2 +-
 .../components/ui/MultiSelectQueryInput.vue   |   2 +-
 client/components/ui/QueryInput.vue           |   4 +-
 .../widgets/CronExpressionBuilder.vue         |   2 +-
 .../components/widgets/PodcastDetailsEdit.vue |  18 +-
 client/pages/account.vue                      |   2 +-
 client/pages/audiobook/_id/chapters.vue       |  16 +-
 client/pages/audiobook/_id/edit.vue           |  66 +++----
 client/pages/audiobook/_id/manage.vue         |  34 ++--
 client/pages/author/_id.vue                   |   6 +-
 client/pages/batch/index.vue                  |  26 +--
 client/pages/collection/_id.vue               |   2 +-
 client/pages/item/_id/index.vue               |   4 +-
 .../pages/library/_library/podcast/latest.vue |   6 +-
 .../pages/library/_library/podcast/search.vue |  10 +-
 client/pages/library/_library/search.vue      |   2 +-
 client/pages/login.vue                        |  12 +-
 client/plugins/i18n.js                        |  26 +--
 client/strings/en-us.json                     | 179 +++++++++++++++++-
 server/utils/libraryHelpers.js                |   7 +
 63 files changed, 681 insertions(+), 584 deletions(-)
 delete mode 100644 client/components/tables/AudioFilesTable.vue

diff --git a/client/components/app/Appbar.vue b/client/components/app/Appbar.vue
index 48ec5f54..4a887b51 100644
--- a/client/components/app/Appbar.vue
+++ b/client/components/app/Appbar.vue
@@ -45,17 +45,16 @@
           </span>
         </nuxt-link>
       </div>
-
       <div v-show="numLibraryItemsSelected" class="absolute top-0 left-0 w-full h-full px-4 bg-primary flex items-center">
-        <h1 class="text-2xl px-4">{{ numLibraryItemsSelected }} Selected</h1>
+        <h1 class="text-2xl px-4">{{ $getString('MessageItemsSelected', [numLibraryItemsSelected]) }}</h1>
         <div class="flex-grow" />
-        <ui-tooltip v-if="userIsAdminOrUp && !isPodcastLibrary" text="Quick Match Selected" direction="bottom">
+        <ui-tooltip v-if="userIsAdminOrUp && !isPodcastLibrary" :text="$strings.ButtonQuickMatch" direction="bottom">
           <ui-icon-btn :disabled="processingBatch" icon="auto_awesome" @click="batchAutoMatchClick" class="mx-1.5" />
         </ui-tooltip>
-        <ui-tooltip v-if="!isPodcastLibrary" :text="`Mark as ${selectedIsFinished ? 'Not Finished' : 'Finished'}`" direction="bottom">
+        <ui-tooltip v-if="!isPodcastLibrary" :text="selectedIsFinished ? $strings.MessageMarkAsNotFinished : $strings.MessageMarkAsFinished" direction="bottom">
           <ui-read-icon-btn :disabled="processingBatch" :is-read="selectedIsFinished" @click="toggleBatchRead" class="mx-1.5" />
         </ui-tooltip>
-        <ui-tooltip v-if="userCanUpdate && !isPodcastLibrary" text="Add to Collection" direction="bottom">
+        <ui-tooltip v-if="userCanUpdate && !isPodcastLibrary" :text="$strings.LabelAddToCollection" direction="bottom">
           <ui-icon-btn :disabled="processingBatch" icon="collections_bookmark" @click="batchAddToCollectionClick" class="mx-1.5" />
         </ui-tooltip>
         <template v-if="userCanUpdate && numLibraryItemsSelected < 50">
@@ -63,10 +62,10 @@
             <ui-icon-btn v-show="!processingBatchDelete" icon="edit" bg-color="warning" class="mx-1.5" @click="batchEditClick" />
           </ui-tooltip>
         </template>
-        <ui-tooltip v-if="userCanDelete" text="Delete" direction="bottom">
+        <ui-tooltip v-if="userCanDelete" :text="$strings.ButtonRemove" direction="bottom">
           <ui-icon-btn :disabled="processingBatchDelete" icon="delete" bg-color="error" class="mx-1.5" @click="batchDeleteClick" />
         </ui-tooltip>
-        <ui-tooltip text="Deselect All" direction="bottom">
+        <ui-tooltip :text="$strings.LabelDeselectAll" direction="bottom">
           <span class="material-icons text-4xl px-4 hover:text-gray-100 cursor-pointer" :class="processingBatchDelete ? 'text-gray-400' : ''" @click="cancelSelectionMode">close</span>
         </ui-tooltip>
       </div>
diff --git a/client/components/app/BookShelfCategorized.vue b/client/components/app/BookShelfCategorized.vue
index 99911c72..011b3b05 100644
--- a/client/components/app/BookShelfCategorized.vue
+++ b/client/components/app/BookShelfCategorized.vue
@@ -17,16 +17,16 @@
     <div v-else-if="isAlternativeBookshelfView" class="w-full mb-24">
       <template v-for="(shelf, index) in shelves">
         <widgets-item-slider v-if="shelf.type === 'book' || shelf.type === 'podcast'" :key="index + '.'" :items="shelf.entities" :continue-listening-shelf="shelf.id === 'continue-listening'" :height="232 * sizeMultiplier" class="bookshelf-row pl-8 my-6" @selectEntity="(payload) => selectEntity(payload, index)">
-          <p class="font-semibold text-gray-100" :style="{ fontSize: sizeMultiplier + 'rem' }">{{ shelf.label }}</p>
+          <p class="font-semibold text-gray-100" :style="{ fontSize: sizeMultiplier + 'rem' }">{{ $strings[shelf.labelStringKey] }}</p>
         </widgets-item-slider>
         <widgets-episode-slider v-else-if="shelf.type === 'episode'" :key="index + '.'" :items="shelf.entities" :continue-listening-shelf="shelf.id === 'continue-listening'" :height="232 * sizeMultiplier" class="bookshelf-row pl-8 my-6" @selectEntity="(payload) => selectEntity(payload, index)">
-          <p class="font-semibold text-gray-100" :style="{ fontSize: sizeMultiplier + 'rem' }">{{ shelf.label }}</p>
+          <p class="font-semibold text-gray-100" :style="{ fontSize: sizeMultiplier + 'rem' }">{{ $strings[shelf.labelStringKey] }}</p>
         </widgets-episode-slider>
         <widgets-series-slider v-else-if="shelf.type === 'series'" :key="index + '.'" :items="shelf.entities" :height="232 * sizeMultiplier" class="bookshelf-row pl-8 my-6">
-          <p class="font-semibold text-gray-100" :style="{ fontSize: sizeMultiplier + 'rem' }">{{ shelf.label }}</p>
+          <p class="font-semibold text-gray-100" :style="{ fontSize: sizeMultiplier + 'rem' }">{{ $strings[shelf.labelStringKey] }}</p>
         </widgets-series-slider>
         <widgets-authors-slider v-else-if="shelf.type === 'authors'" :key="index + '.'" :items="shelf.entities" :height="192 * sizeMultiplier" class="bookshelf-row pl-8 my-6">
-          <p class="font-semibold text-gray-100" :style="{ fontSize: sizeMultiplier + 'rem' }">{{ shelf.label }}</p>
+          <p class="font-semibold text-gray-100" :style="{ fontSize: sizeMultiplier + 'rem' }">{{ $strings[shelf.labelStringKey] }}</p>
         </widgets-authors-slider>
       </template>
     </div>
@@ -180,6 +180,7 @@ export default {
         shelves.push({
           id: 'books',
           label: 'Books',
+          labelStringKey: 'LabelBooks',
           type: 'book',
           entities: this.results.books.map((res) => res.libraryItem)
         })
@@ -189,6 +190,7 @@ export default {
         shelves.push({
           id: 'podcasts',
           label: 'Podcasts',
+          labelStringKey: 'LabelPodcasts',
           type: 'podcast',
           entities: this.results.podcasts.map((res) => res.libraryItem)
         })
@@ -198,6 +200,7 @@ export default {
         shelves.push({
           id: 'series',
           label: 'Series',
+          labelStringKey: 'LabelSeries',
           type: 'series',
           entities: this.results.series.map((seriesObj) => {
             return {
@@ -212,6 +215,7 @@ export default {
         shelves.push({
           id: 'tags',
           label: 'Tags',
+          labelStringKey: 'LabelTags',
           type: 'tags',
           entities: this.results.tags.map((tagObj) => {
             return {
@@ -226,6 +230,7 @@ export default {
         shelves.push({
           id: 'authors',
           label: 'Authors',
+          labelStringKey: 'LabelAuthors',
           type: 'authors',
           entities: this.results.authors.map((a) => {
             return {
diff --git a/client/components/app/BookShelfRow.vue b/client/components/app/BookShelfRow.vue
index 29003f3d..f35d72a2 100644
--- a/client/components/app/BookShelfRow.vue
+++ b/client/components/app/BookShelfRow.vue
@@ -46,7 +46,7 @@
 
     <div class="absolute text-center categoryPlacard font-book transform z-30 bottom-px left-4 md:left-8 w-44 rounded-md" style="height: 22px">
       <div class="w-full h-full shinyBlack flex items-center justify-center rounded-sm border">
-        <p class="transform text-sm">{{ shelf.label }}</p>
+        <p class="transform text-sm">{{ $strings[shelf.labelStringKey] }}</p>
       </div>
     </div>
 
diff --git a/client/components/app/StreamContainer.vue b/client/components/app/StreamContainer.vue
index 5885e0d9..c719bb27 100644
--- a/client/components/app/StreamContainer.vue
+++ b/client/components/app/StreamContainer.vue
@@ -15,7 +15,7 @@
           <p v-else-if="authors.length" class="pl-1 sm:pl-1.5 text-xs sm:text-base">
             <nuxt-link v-for="(author, index) in authors" :key="index" :to="`/author/${author.id}`" class="hover:underline">{{ author.name }}<span v-if="index < authors.length - 1">,&nbsp;</span></nuxt-link>
           </p>
-          <p v-else class="text-xs sm:text-base cursor-pointer pl-1 sm:pl-1.5">Unknown</p>
+          <p v-else class="text-xs sm:text-base cursor-pointer pl-1 sm:pl-1.5">{{ $strings.LabelUnknown }}</p>
         </div>
 
         <div class="text-gray-400 flex items-center">
diff --git a/client/components/cards/LazyBookCard.vue b/client/components/cards/LazyBookCard.vue
index 2ba5674f..90b31edf 100644
--- a/client/components/cards/LazyBookCard.vue
+++ b/client/components/cards/LazyBookCard.vue
@@ -395,17 +395,17 @@ export default {
         const items = [
           {
             func: 'editPodcast',
-            text: 'Edit Podcast'
+            text: this.$strings.ButtonEditPodcast
           },
           {
             func: 'toggleFinished',
-            text: `Mark as ${this.itemIsFinished ? 'Not Finished' : 'Finished'}`
+            text: this.itemIsFinished ? this.$strings.MessageMarkAsNotFinished : this.$strings.MessageMarkAsFinished
           }
         ]
         if (this.continueListeningShelf) {
           items.push({
             func: 'removeFromContinueListening',
-            text: 'Remove from Continue Listening'
+            text: this.$strings.ButtonRemoveFromContinueListening
           })
         }
         return items
@@ -416,42 +416,42 @@ export default {
         items = [
           {
             func: 'toggleFinished',
-            text: `Mark as ${this.itemIsFinished ? 'Not Finished' : 'Finished'}`
+            text: this.itemIsFinished ? this.$strings.MessageMarkAsNotFinished : this.$strings.MessageMarkAsFinished
           }
         ]
         if (this.userCanUpdate) {
           items.push({
             func: 'openCollections',
-            text: 'Add to Collection'
+            text: this.$strings.LabelAddToCollection
           })
         }
       }
       if (this.userCanUpdate) {
         items.push({
           func: 'showEditModalFiles',
-          text: 'Files'
+          text: this.$strings.HeaderFiles
         })
         items.push({
           func: 'showEditModalMatch',
-          text: 'Match'
+          text: this.$strings.HeaderMatch
         })
       }
       if (this.userIsAdminOrUp && !this.isFile) {
         items.push({
           func: 'rescan',
-          text: 'Re-Scan'
+          text: this.$strings.ButtonReScan
         })
       }
       if (this.series && this.bookMount) {
         items.push({
           func: 'removeSeriesFromContinueListening',
-          text: 'Remove Series from Continue Series'
+          text: this.$strings.ButtonRemoveSeriesFromContinueSeries
         })
       }
       if (this.continueListeningShelf) {
         items.push({
           func: 'removeFromContinueListening',
-          text: 'Remove from Continue Listening'
+          text: this.$strings.ButtonRemoveFromContinueListening
         })
       }
       return items
@@ -587,12 +587,12 @@ export default {
         .$patch(apiEndpoint, updatePayload)
         .then(() => {
           this.processing = false
-          toast.success(`Item marked as ${updatePayload.isFinished ? 'Finished' : 'Not Finished'}`)
+          toast.success(updatePayload.isFinished ? this.$strings.ToastItemMarkedAsFinishedSuccess : this.$strings.ToastItemMarkedAsNotFinishedSuccess)
         })
         .catch((error) => {
           console.error('Failed', error)
           this.processing = false
-          toast.error(`Failed to mark as ${updatePayload.isFinished ? 'Finished' : 'Not Finished'}`)
+          toast.error(updatePayload.isFinished ? this.$strings.ToastItemMarkedAsFinishedFailed : this.$strings.ToastItemMarkedAsNotFinishedFailed)
         })
     },
     editPodcast() {
diff --git a/client/components/cards/PodcastFeedSummaryCard.vue b/client/components/cards/PodcastFeedSummaryCard.vue
index 474d1480..131d6d9a 100644
--- a/client/components/cards/PodcastFeedSummaryCard.vue
+++ b/client/components/cards/PodcastFeedSummaryCard.vue
@@ -5,14 +5,14 @@
         <div class="w-full h-16 bg-primary">
           <img v-if="image" :src="image" class="w-full h-full object-cover" />
         </div>
-        <p class="text-gray-400 text-xxs pt-1 text-center">{{ numEpisodes }} Episodes</p>
+        <p class="text-gray-400 text-xxs pt-1 text-center">{{ numEpisodes }} {{ $strings.HeaderEpisodes }}</p>
       </div>
       <div class="flex-grow pl-2" :style="{ maxWidth: detailsWidth + 'px' }">
         <p class="mb-1">{{ title }}</p>
         <p class="text-xs mb-1 text-gray-300">{{ author }}</p>
         <p class="text-xs mb-2 text-gray-200">{{ description }}</p>
         <p class="text-xs truncate text-blue-200">
-          Folder: <span class="font-mono">{{ folderPath }}</span>
+          {{ $strings.LabelFolder }}: <span class="font-mono">{{ folderPath }}</span>
         </p>
       </div>
     </div>
diff --git a/client/components/controls/GlobalSearch.vue b/client/components/controls/GlobalSearch.vue
index 2d970db6..670eb6e7 100644
--- a/client/components/controls/GlobalSearch.vue
+++ b/client/components/controls/GlobalSearch.vue
@@ -10,16 +10,16 @@
     <div v-show="showMenu && (lastSearch || isTyping)" class="absolute z-40 -mt-px w-40 sm:w-full bg-bg border border-black-200 shadow-lg rounded-md py-1 px-2 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm globalSearchMenu">
       <ul class="h-full w-full" role="listbox" aria-labelledby="listbox-label">
         <li v-if="isTyping" class="py-2 px-2">
-          <p>Thinking...</p>
+          <p>{{ $strings.MessageThinking }}</p>
         </li>
         <li v-else-if="isFetching" class="py-2 px-2">
-          <p>Fetching...</p>
+          <p>{{ $strings.MessageFetching }}</p>
         </li>
         <li v-else-if="!totalResults" class="py-2 px-2">
-          <p>No Results</p>
+          <p>{{ $strings.MessageNoResults }}</p>
         </li>
         <template v-else>
-          <p v-if="bookResults.length" class="uppercase text-xs text-gray-400 my-1 px-1 font-semibold">Books</p>
+          <p v-if="bookResults.length" class="uppercase text-xs text-gray-400 my-1 px-1 font-semibold">{{ $strings.LabelBooks }}</p>
           <template v-for="item in bookResults">
             <li :key="item.libraryItem.id" class="text-gray-50 select-none relative cursor-pointer hover:bg-black-400 py-1" role="option" @click="clickOption">
               <nuxt-link :to="`/item/${item.libraryItem.id}`">
@@ -28,7 +28,7 @@
             </li>
           </template>
 
-          <p v-if="podcastResults.length" class="uppercase text-xs text-gray-400 my-1 px-1 font-semibold">Podcasts</p>
+          <p v-if="podcastResults.length" class="uppercase text-xs text-gray-400 my-1 px-1 font-semibold">{{ $strings.LabelPodcasts }}</p>
           <template v-for="item in podcastResults">
             <li :key="item.libraryItem.id" class="text-gray-50 select-none relative cursor-pointer hover:bg-black-400 py-1" role="option" @click="clickOption">
               <nuxt-link :to="`/item/${item.libraryItem.id}`">
@@ -37,7 +37,7 @@
             </li>
           </template>
 
-          <p v-if="authorResults.length" class="uppercase text-xs text-gray-400 mb-1 mt-3 px-1 font-semibold">Authors</p>
+          <p v-if="authorResults.length" class="uppercase text-xs text-gray-400 mb-1 mt-3 px-1 font-semibold">{{ $strings.LabelAuthors }}</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" @click="clickOption">
               <nuxt-link :to="`/library/${currentLibraryId}/bookshelf?filter=authors.${$encode(item.id)}`">
@@ -46,7 +46,7 @@
             </li>
           </template>
 
-          <p v-if="seriesResults.length" class="uppercase text-xs text-gray-400 mb-1 mt-3 px-1 font-semibold">Series</p>
+          <p v-if="seriesResults.length" class="uppercase text-xs text-gray-400 mb-1 mt-3 px-1 font-semibold">{{ $strings.LabelSeries }}</p>
           <template v-for="item in seriesResults">
             <li :key="item.series.id" class="text-gray-50 select-none relative cursor-pointer hover:bg-black-400 py-1" role="option" @click="clickOption">
               <nuxt-link :to="`/library/${currentLibraryId}/series/${item.series.id}`">
@@ -55,7 +55,7 @@
             </li>
           </template>
 
-          <p v-if="tagResults.length" class="uppercase text-xs text-gray-400 mb-1 mt-3 px-1 font-semibold">Tags</p>
+          <p v-if="tagResults.length" class="uppercase text-xs text-gray-400 mb-1 mt-3 px-1 font-semibold">{{ $strings.LabelTags }}</p>
           <template v-for="item in tagResults">
             <li :key="item.name" class="text-gray-50 select-none relative cursor-pointer hover:bg-black-400 py-1" role="option" @click="clickOption">
               <nuxt-link :to="`/library/${currentLibraryId}/bookshelf?filter=tags.${$encode(item.name)}`">
diff --git a/client/components/controls/LibrarySortSelect.vue b/client/components/controls/LibrarySortSelect.vue
index 1bb6e9bb..0303f151 100644
--- a/client/components/controls/LibrarySortSelect.vue
+++ b/client/components/controls/LibrarySortSelect.vue
@@ -1,27 +1,19 @@
 <template>
   <div ref="wrapper" class="relative" v-click-outside="clickOutside">
-    <button type="button"
-      class="relative w-full h-full bg-fg border border-gray-500 hover:border-gray-400 rounded shadow-sm pl-3 pr-3 py-0 text-left focus:outline-none sm:text-sm cursor-pointer"
-      aria-haspopup="listbox" aria-expanded="true" aria-labelledby="listbox-label"
-      @click.prevent="showMenu = !showMenu">
+    <button type="button" class="relative w-full h-full bg-fg border border-gray-500 hover:border-gray-400 rounded shadow-sm pl-3 pr-3 py-0 text-left focus:outline-none sm:text-sm cursor-pointer" aria-haspopup="listbox" aria-expanded="true" aria-labelledby="listbox-label" @click.prevent="showMenu = !showMenu">
       <span class="flex items-center justify-between">
         <span class="block truncate text-xs" :class="!selectedText ? 'text-gray-300' : ''">{{ selectedText }}</span>
         <span class="material-icons text-lg text-yellow-400">{{ descending ? 'expand_more' : 'expand_less' }}</span>
       </span>
     </button>
 
-    <ul v-show="showMenu"
-      class="absolute z-10 mt-1 w-full bg-bg border border-black-200 shadow-lg max-h-96 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm"
-      role="listbox" aria-labelledby="listbox-label">
+    <ul v-show="showMenu" class="absolute z-10 mt-1 w-full bg-bg border border-black-200 shadow-lg max-h-96 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm" role="listbox" aria-labelledby="listbox-label">
       <template v-for="item in selectItems">
-        <li :key="item.value" class="text-gray-50 select-none relative py-2 pr-9 cursor-pointer hover:bg-black-400"
-          :class="item.value === selected ? 'bg-primary bg-opacity-50' : ''" role="option"
-          @click="clickedOption(item.value)">
+        <li :key="item.value" class="text-gray-50 select-none relative py-2 pr-9 cursor-pointer hover:bg-black-400" :class="item.value === selected ? 'bg-primary bg-opacity-50' : ''" role="option" @click="clickedOption(item.value)">
           <div class="flex items-center">
             <span class="font-normal ml-3 block truncate text-xs">{{ item.text }}</span>
           </div>
-          <span v-if="item.value === selected"
-            class="text-yellow-400 absolute inset-y-0 right-0 flex items-center pr-4">
+          <span v-if="item.value === selected" class="text-yellow-400 absolute inset-y-0 right-0 flex items-center pr-4">
             <span class="material-icons text-xl">{{ descending ? 'expand_more' : 'expand_less' }}</span>
           </span>
         </li>
@@ -37,55 +29,32 @@ export default {
     descending: Boolean
   },
   data() {
-    const bookItems = [
-      {
-        text: 'Title',
-        value: 'media.metadata.title'
-      },
-      {
-        text: 'Author (First Last)',
-        value: 'media.metadata.authorName'
-      },
-      {
-        text: 'Author (Last, First)',
-        value: 'media.metadata.authorNameLF'
-      },
-      {
-        text: 'Published Year',
-        value: 'media.metadata.publishedYear'
-      },
-      {
-        text: 'Added At',
-        value: 'addedAt'
-      },
-      {
-        text: 'Size',
-        value: 'size'
-      },
-      {
-        text: 'Duration',
-        value: 'media.duration'
-      },
-      {
-        text: 'File Birthtime',
-        value: 'birthtimeMs'
-      },
-      {
-        text: 'File Modified',
-        value: 'mtimeMs'
-      }
-    ]
-
-    const seriesItems = [...bookItems, {
-      text: 'Sequence',
-      value: 'sequence'
-    }]
-
     return {
-      showMenu: false,
-      bookItems: bookItems,
-      seriesItems: seriesItems,
-      podcastItems: [
+      showMenu: false
+    }
+  },
+  computed: {
+    selected: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    },
+    selectedDesc: {
+      get() {
+        return this.descending
+      },
+      set(val) {
+        this.$emit('update:descending', val)
+      }
+    },
+    isPodcast() {
+      return this.$store.getters['libraries/getCurrentLibraryMediaType'] == 'podcast'
+    },
+    podcastItems() {
+      return [
         {
           text: 'Title',
           value: 'media.metadata.title'
@@ -115,27 +84,55 @@ export default {
           value: 'mtimeMs'
         }
       ]
-    }
-  },
-  computed: {
-    selected: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      }
     },
-    selectedDesc: {
-      get() {
-        return this.descending
-      },
-      set(val) {
-        this.$emit('update:descending', val)
-      }
+    bookItems() {
+      return [
+        {
+          text: this.$strings.LabelTitle,
+          value: 'media.metadata.title'
+        },
+        {
+          text: 'Author (First Last)',
+          value: 'media.metadata.authorName'
+        },
+        {
+          text: 'Author (Last, First)',
+          value: 'media.metadata.authorNameLF'
+        },
+        {
+          text: 'Published Year',
+          value: 'media.metadata.publishedYear'
+        },
+        {
+          text: 'Added At',
+          value: 'addedAt'
+        },
+        {
+          text: 'Size',
+          value: 'size'
+        },
+        {
+          text: 'Duration',
+          value: 'media.duration'
+        },
+        {
+          text: 'File Birthtime',
+          value: 'birthtimeMs'
+        },
+        {
+          text: 'File Modified',
+          value: 'mtimeMs'
+        }
+      ]
     },
-    isPodcast() {
-      return this.$store.getters['libraries/getCurrentLibraryMediaType'] == 'podcast'
+    seriesItems() {
+      return [
+        ...this.bookItems,
+        {
+          text: 'Sequence',
+          value: 'sequence'
+        }
+      ]
     },
     selectItems() {
       let items = null
@@ -147,7 +144,7 @@ export default {
         items = this.bookItems
       }
 
-      if (!items.some(i => i.value === this.selected)) {
+      if (!items.some((i) => i.value === this.selected)) {
         this.selected = items[0].value
         this.selectedDesc = !this.defaultsToAsc(items[0].value)
       }
@@ -178,13 +175,7 @@ export default {
       this.$nextTick(() => this.$emit('change', val))
     },
     defaultsToAsc(val) {
-      return (
-        val == 'media.metadata.title' ||
-        val == 'media.metadata.author' ||
-        val == 'media.metadata.authorName' ||
-        val == 'media.metadata.authorNameLF' ||
-        val == 'sequence'
-      );
+      return val == 'media.metadata.title' || val == 'media.metadata.author' || val == 'media.metadata.authorName' || val == 'media.metadata.authorNameLF' || val == 'sequence'
     }
   }
 }
diff --git a/client/components/modals/AccountModal.vue b/client/components/modals/AccountModal.vue
index d0fa6935..6ea989cb 100644
--- a/client/components/modals/AccountModal.vue
+++ b/client/components/modals/AccountModal.vue
@@ -125,20 +125,6 @@ export default {
       processing: false,
       newUser: {},
       isNew: true,
-      accountTypes: [
-        {
-          text: 'Guest',
-          value: 'guest'
-        },
-        {
-          text: 'User',
-          value: 'user'
-        },
-        {
-          text: 'Admin',
-          value: 'admin'
-        }
-      ],
       tags: [],
       loadingTags: false
     }
@@ -161,6 +147,22 @@ export default {
         this.$emit('input', val)
       }
     },
+    accountTypes() {
+      return [
+        {
+          text: this.$strings.LabelAccountTypeGuest,
+          value: 'guest'
+        },
+        {
+          text: this.$strings.LabelAccountTypeUser,
+          value: 'user'
+        },
+        {
+          text: this.$strings.LabelAccountTypeAdmin,
+          value: 'admin'
+        }
+      ]
+    },
     user() {
       return this.$store.state.user.user
     },
@@ -249,7 +251,7 @@ export default {
         .then((data) => {
           this.processing = false
           if (data.error) {
-            this.$toast.error(`Failed to update account: ${data.error}`)
+            this.$toast.error(`${this.$strings.ToastAccountUpdateFailed}: ${data.error}`)
           } else {
             console.log('Account updated', data.user)
 
@@ -258,7 +260,7 @@ export default {
               this.$store.commit('user/setUserToken', data.user.token)
             }
 
-            this.$toast.success('Account updated')
+            this.$toast.success(this.$strings.ToastAccountUpdateSuccess)
             this.show = false
           }
         })
diff --git a/client/components/modals/BackupScheduleModal.vue b/client/components/modals/BackupScheduleModal.vue
index 422c970d..399de9e4 100644
--- a/client/components/modals/BackupScheduleModal.vue
+++ b/client/components/modals/BackupScheduleModal.vue
@@ -2,14 +2,14 @@
   <modals-modal v-model="show" name="backup-scheduler" :width="700" :height="'unset'" :processing="processing">
     <template #outer>
       <div class="absolute top-0 left-0 p-5 w-2/3 overflow-hidden">
-        <p class="font-book text-3xl text-white truncate">Set Backup Schedule</p>
+        <p class="font-book text-3xl text-white truncate">{{ $strings.HeaderSetBackupSchedule }}</p>
       </div>
     </template>
     <div v-if="show && newCronExpression" class="p-4 w-full text-sm py-6 rounded-lg bg-bg shadow-lg border border-black-300 relative overflow-hidden" style="min-height: 400px; max-height: 80vh">
       <widgets-cron-expression-builder ref="expressionBuilder" v-model="newCronExpression" @input="expressionUpdated" />
 
       <div class="flex items-center justify-end">
-        <ui-btn :disabled="!isUpdated" @click="submit">{{ isUpdated ? 'Save Backup Schedule' : 'No update necessary' }}</ui-btn>
+        <ui-btn :disabled="!isUpdated" @click="submit">{{ isUpdated ? $strings.ButtonSave : $strings.MessageNoUpdateNecessary }}</ui-btn>
       </div>
     </div>
   </modals-modal>
diff --git a/client/components/modals/BatchQuickMatchModel.vue b/client/components/modals/BatchQuickMatchModel.vue
index a80beefa..78fff9c5 100644
--- a/client/components/modals/BatchQuickMatchModel.vue
+++ b/client/components/modals/BatchQuickMatchModel.vue
@@ -7,40 +7,36 @@
     </template>
 
     <div ref="container" class="w-full rounded-lg bg-primary box-shadow-md overflow-y-auto overflow-x-hidden" style="max-height: 80vh">
-      <div v-if="show" class="w-full h-full">
-        <div class="py-4 px-4">
-          <h1 class="text-2xl">Quick Match {{ selectedBookIds.length }} Books</h1>
-        </div>
-        
+      <div v-if="show" class="w-full h-full py-4">
         <div class="w-full overflow-y-auto overflow-x-hidden max-h-96">
           <div class="flex px-8 items-center py-2">
-            <p class="pr-4">Provider</p>
+            <p class="pr-4">{{ $strings.LabelProvider }}</p>
             <ui-dropdown v-model="options.provider" :items="providers" small />
           </div>
-          <p class="text-base px-8 py-2">Quick Match will attempt to add missing covers and metadata for the selected books. Enable the options below to allow Quick Match to overwrite existing covers and/or metadata.</p>
+          <p class="text-base px-8 py-2">{{ $strings.MessageBatchQuickMatchDescription }}</p>
           <div class="flex px-8 items-end py-2">
-            <ui-toggle-switch v-model="options.overrideCover"/>
-            <ui-tooltip :text="tooltips.updateCovers">
+            <ui-toggle-switch v-model="options.overrideCover" />
+            <ui-tooltip :text="$strings.LabelUpdateCoverHelp">
               <p class="pl-4">
-                Update Covers
+                {{ $strings.LabelUpdateCover }}
                 <span class="material-icons icon-text text-sm">info_outlined</span>
               </p>
             </ui-tooltip>
           </div>
           <div class="flex px-8 items-end py-2">
-            <ui-toggle-switch v-model="options.overrideDetails"/>
-            <ui-tooltip :text="tooltips.updateDetails">
+            <ui-toggle-switch v-model="options.overrideDetails" />
+            <ui-tooltip :text="$strings.LabelUpdateDetailsHelp">
               <p class="pl-4">
-                Update Details
+                {{ $strings.LabelUpdateDetails }}
                 <span class="material-icons icon-text text-sm">info_outlined</span>
               </p>
             </ui-tooltip>
           </div>
-          <div class="mt-4 py-4 border-b border-white border-opacity-10 text-white text-opacity-80 border-t border-white border-opacity-5">
+          <div class="mt-4 pt-4 text-white text-opacity-80 border-t border-white border-opacity-5">
             <div class="flex items-center px-4">
-              <ui-btn type="button" @click="show = false">Cancel</ui-btn>
+              <ui-btn type="button" @click="show = false">{{ $strings.ButtonCancel }}</ui-btn>
               <div class="flex-grow" />
-              <ui-btn color="success" @click="doBatchQuickMatch">Continue</ui-btn>
+              <ui-btn color="success" @click="doBatchQuickMatch">{{ $strings.ButtonSubmit }}</ui-btn>
             </div>
           </div>
         </div>
@@ -60,10 +56,6 @@ export default {
         overrideDetails: true,
         overrideCover: true,
         overrideDefaults: true
-      },
-      tooltips: {
-        updateCovers: 'Allow overwriting of existing covers for the selected books when a match is located.',
-        updateDetails: 'Allow overwriting of existing details for the selected books when a match is located.'
       }
     }
   },
@@ -84,7 +76,7 @@ export default {
       }
     },
     title() {
-      return `${this.selectedBookIds.length} Items Selected`
+      return this.$getString('MessageItemsSelected', [this.selectedBookIds.length])
     },
     showBatchQuickMatchModal() {
       return this.$store.state.globals.showBatchQuickMatchModal
@@ -107,7 +99,7 @@ export default {
     init() {
       // If we don't have a set provider (first open of dialog) or we've switched library, set
       // the selected provider to the current library default provider
-      if (!this.options.provider || (this.options.lastUsedLibrary != this.currentLibraryId)) {
+      if (!this.options.provider || this.options.lastUsedLibrary != this.currentLibraryId) {
         this.options.lastUsedLibrary = this.currentLibraryId
         this.options.provider = this.libraryProvider
       }
@@ -115,7 +107,7 @@ export default {
     doBatchQuickMatch() {
       if (!this.selectedBookIds.length) return
       if (this.processing) return
-         
+
       this.processing = true
       this.$store.commit('setProcessingBatch', true)
       this.$axios
@@ -125,10 +117,12 @@ export default {
         })
         .then(() => {
           this.$toast.info('Batch quick match of ' + this.selectedBookIds.length + ' books started!')
-        }).catch((error) => {
+        })
+        .catch((error) => {
           this.$toast.error('Batch quick match failed')
           console.error('Failed to batch quick match', error)
-        }).finally(() => {
+        })
+        .finally(() => {
           this.processing = false
           this.$store.commit('setProcessingBatch', false)
           this.show = false
diff --git a/client/components/modals/BookmarksModal.vue b/client/components/modals/BookmarksModal.vue
index 70ac9034..095f1f1c 100644
--- a/client/components/modals/BookmarksModal.vue
+++ b/client/components/modals/BookmarksModal.vue
@@ -85,10 +85,10 @@ export default {
       this.$axios
         .$delete(`/api/me/item/${this.libraryItemId}/bookmark/${bm.time}`)
         .then(() => {
-          this.$toast.success('Bookmark removed')
+          this.$toast.success(this.$strings.ToastBookmarkRemoveSuccess)
         })
         .catch((error) => {
-          this.$toast.error(`Failed to remove bookmark`)
+          this.$toast.error(this.$strings.ToastBookmarkRemoveFailed)
           console.error(error)
         })
       this.show = false
@@ -101,10 +101,10 @@ export default {
       this.$axios
         .$patch(`/api/me/item/${this.libraryItemId}/bookmark`, bookmark)
         .then(() => {
-          this.$toast.success('Bookmark updated')
+          this.$toast.success(this.$strings.ToastBookmarkUpdateSuccess)
         })
         .catch((error) => {
-          this.$toast.error(`Failed to update bookmark`)
+          this.$toast.error(this.$strings.ToastBookmarkUpdateFailed)
           console.error(error)
         })
       this.show = false
@@ -120,10 +120,10 @@ export default {
       this.$axios
         .$post(`/api/me/item/${this.libraryItemId}/bookmark`, bookmark)
         .then(() => {
-          this.$toast.success('Bookmark added')
+          this.$toast.success(this.$strings.ToastBookmarkCreateSuccess)
         })
         .catch((error) => {
-          this.$toast.error(`Failed to create bookmark`)
+          this.$toast.error(this.$strings.ToastBookmarkCreateFailed)
           console.error(error)
         })
 
diff --git a/client/components/modals/EditCollectionModal.vue b/client/components/modals/EditCollectionModal.vue
index d60f34ec..ab719fbc 100644
--- a/client/components/modals/EditCollectionModal.vue
+++ b/client/components/modals/EditCollectionModal.vue
@@ -96,20 +96,19 @@ export default {
       this.newCollectionDescription = this.collection.description || ''
     },
     removeClick() {
-      if (confirm(`Are you sure you want to remove collection "${this.collectionName}"?`)) {
+      if (confirm(this.$getString('MessageConfirmRemoveCollection', [this.collectionName]))) {
         this.processing = true
-        var collectionName = this.collectionName
         this.$axios
           .$delete(`/api/collections/${this.collection.id}`)
           .then(() => {
             this.processing = false
             this.show = false
-            this.$toast.success(`Collection "${collectionName}" Removed`)
+            this.$toast.success(this.$strings.ToastCollectionRemoveSuccess)
           })
           .catch((error) => {
             console.error('Failed to remove collection', error)
             this.processing = false
-            this.$toast.error(`Failed to remove collection`)
+            this.$toast.error(this.$strings.ToastCollectionRemoveFailed)
           })
       }
     },
@@ -133,12 +132,12 @@ export default {
           console.log('Collection Updated', collection)
           this.processing = false
           this.show = false
-          this.$toast.success(`Collection "${collection.name}" Updated`)
+          this.$toast.success(this.$strings.ToastCollectionUpdateSuccess)
         })
         .catch((error) => {
           console.error('Failed to update collection', error)
           this.processing = false
-          this.$toast.error(`Failed to update collection`)
+          this.$toast.error(this.$strings.ToastCollectionUpdateFailed)
         })
     }
   },
diff --git a/client/components/modals/ListeningSessionModal.vue b/client/components/modals/ListeningSessionModal.vue
index 2b8edc3d..e05d647b 100644
--- a/client/components/modals/ListeningSessionModal.vue
+++ b/client/components/modals/ListeningSessionModal.vue
@@ -2,7 +2,7 @@
   <modals-modal v-model="show" name="listening-session-modal" :processing="processing" :width="700" :height="'unset'">
     <template #outer>
       <div class="absolute top-0 left-0 p-5 w-2/3 overflow-hidden">
-        <p class="font-book text-3xl text-white truncate">Session {{ _session.id }}</p>
+        <p class="font-book text-3xl text-white truncate">{{ $strings.HeaderSession }} {{ _session.id }}</p>
       </div>
     </template>
     <div ref="container" class="w-full rounded-lg bg-bg box-shadow-md overflow-y-auto overflow-x-hidden p-6" style="max-height: 80vh">
@@ -15,90 +15,90 @@
 
       <div class="flex flex-wrap mb-4">
         <div class="w-full md:w-2/3">
-          <p class="font-semibold uppercase text-xs text-gray-400 tracking-wide mb-2">Details</p>
+          <p class="font-semibold uppercase text-xs text-gray-400 tracking-wide mb-2">{{ $strings.HeaderDetails }}</p>
           <div class="flex items-center -mx-1 mb-1">
-            <div class="w-40 px-1 text-gray-200">Started At</div>
+            <div class="w-40 px-1 text-gray-200">{{ $strings.LabelStartedAt }}</div>
             <div class="px-1">
               {{ $formatDate(_session.startedAt, 'MMMM do, yyyy HH:mm') }}
             </div>
           </div>
           <div class="flex items-center -mx-1 mb-1">
-            <div class="w-40 px-1 text-gray-200">Updated At</div>
+            <div class="w-40 px-1 text-gray-200">{{ $strings.LabelUpdatedAt }}</div>
             <div class="px-1">
               {{ $formatDate(_session.updatedAt, 'MMMM do, yyyy HH:mm') }}
             </div>
           </div>
           <div class="flex items-center -mx-1 mb-1">
-            <div class="w-40 px-1 text-gray-200">Listened for</div>
+            <div class="w-40 px-1 text-gray-200">{{ $strings.LabelTimeListened }}</div>
             <div class="px-1">
               {{ $elapsedPrettyExtended(_session.timeListening) }}
             </div>
           </div>
           <div class="flex items-center -mx-1 mb-1">
-            <div class="w-40 px-1 text-gray-200">Start Time</div>
+            <div class="w-40 px-1 text-gray-200">{{ $strings.LabelStartTime }}</div>
             <div class="px-1">
               {{ $secondsToTimestamp(_session.startTime) }}
             </div>
           </div>
           <div class="flex items-center -mx-1 mb-1">
-            <div class="w-40 px-1 text-gray-200">Last Time</div>
+            <div class="w-40 px-1 text-gray-200">{{ $strings.LabelLastTime }}</div>
             <div class="px-1">
               {{ $secondsToTimestamp(_session.currentTime) }}
             </div>
           </div>
 
-          <p class="font-semibold uppercase text-xs text-gray-400 tracking-wide mt-6 mb-2">Item</p>
+          <p class="font-semibold uppercase text-xs text-gray-400 tracking-wide mt-6 mb-2">{{ $strings.LabelItem }}</p>
           <div v-if="_session.libraryId" class="flex items-center -mx-1 mb-1">
-            <div class="w-40 px-1 text-gray-200">Library Id</div>
+            <div class="w-40 px-1 text-gray-200">{{ $strings.LabelLibrary }} Id</div>
             <div class="px-1">
               {{ _session.libraryId }}
             </div>
           </div>
           <div class="flex items-center -mx-1 mb-1">
-            <div class="w-40 px-1 text-gray-200">Library Item Id</div>
+            <div class="w-40 px-1 text-gray-200">{{ $strings.LabelLibraryItem }} Id</div>
             <div class="px-1">
               {{ _session.libraryItemId }}
             </div>
           </div>
           <div v-if="_session.episodeId" class="flex items-center -mx-1 mb-1">
-            <div class="w-40 px-1 text-gray-200">Episode Id</div>
+            <div class="w-40 px-1 text-gray-200">{{ $strings.LabelEpisode }} Id</div>
             <div class="px-1">
               {{ _session.episodeId }}
             </div>
           </div>
           <div class="flex items-center -mx-1 mb-1">
-            <div class="w-40 px-1 text-gray-200">Media Type</div>
+            <div class="w-40 px-1 text-gray-200">{{ $strings.LabelMediaType }}</div>
             <div class="px-1">
               {{ _session.mediaType }}
             </div>
           </div>
           <div class="flex items-center -mx-1 mb-1">
-            <div class="w-40 px-1 text-gray-200">Duration</div>
+            <div class="w-40 px-1 text-gray-200">{{ $strings.LabelDuration }}</div>
             <div class="px-1">
               {{ $elapsedPretty(_session.duration) }}
             </div>
           </div>
         </div>
         <div class="w-full md:w-1/3">
-          <p class="font-semibold uppercase text-xs text-gray-400 tracking-wide mb-2 mt-6 md:mt-0">User</p>
+          <p class="font-semibold uppercase text-xs text-gray-400 tracking-wide mb-2 mt-6 md:mt-0">{{ $strings.LabelUser }}</p>
           <p class="mb-1">{{ _session.userId }}</p>
 
-          <p class="font-semibold uppercase text-xs text-gray-400 tracking-wide mt-6 mb-2">Media Player</p>
+          <p class="font-semibold uppercase text-xs text-gray-400 tracking-wide mt-6 mb-2">{{ $strings.LabelMediaPlayer }}</p>
           <p class="mb-1">{{ playMethodName }}</p>
           <p class="mb-1">{{ _session.mediaPlayer }}</p>
 
-          <p v-if="hasDeviceInfo" class="font-semibold uppercase text-xs text-gray-400 tracking-wide mt-6 mb-2">Device</p>
+          <p v-if="hasDeviceInfo" class="font-semibold uppercase text-xs text-gray-400 tracking-wide mt-6 mb-2">{{ $strings.LabelDevice }}</p>
           <p v-if="deviceInfo.ipAddress" class="mb-1">{{ deviceInfo.ipAddress }}</p>
           <p v-if="osDisplayName" class="mb-1">{{ osDisplayName }}</p>
           <p v-if="deviceInfo.browserName" class="mb-1">{{ deviceInfo.browserName }}</p>
           <p v-if="clientDisplayName" class="mb-1">{{ clientDisplayName }}</p>
-          <p v-if="deviceInfo.sdkVersion" class="mb-1">SDK Version: {{ deviceInfo.sdkVersion }}</p>
-          <p v-if="deviceInfo.deviceType" class="mb-1">Type: {{ deviceInfo.deviceType }}</p>
+          <p v-if="deviceInfo.sdkVersion" class="mb-1">SDK {{ $strings.LabelVersion }}: {{ deviceInfo.sdkVersion }}</p>
+          <p v-if="deviceInfo.deviceType" class="mb-1">{{ $strings.LabelType }}: {{ deviceInfo.deviceType }}</p>
         </div>
       </div>
 
       <div class="flex items-center">
-        <ui-btn small color="error" @click.stop="deleteSessionClick">Delete</ui-btn>
+        <ui-btn small color="error" @click.stop="deleteSessionClick">{{ $strings.ButtonDelete }}</ui-btn>
       </div>
     </div>
   </modals-modal>
@@ -156,7 +156,7 @@ export default {
   methods: {
     deleteSessionClick() {
       const payload = {
-        message: `Are you sure you want to delete this session?`,
+        message: this.$strings.MessageConfirmDeleteSession,
         callback: (confirmed) => {
           if (confirmed) {
             this.deleteSession()
@@ -172,7 +172,7 @@ export default {
         .$delete(`/api/sessions/${this._session.id}`)
         .then(() => {
           this.processing = false
-          this.$toast.success('Session deleted successfully')
+          this.$toast.success(this.$strings.ToastSessionDeleteSuccess)
           this.$emit('removedSession')
           this.show = false
         })
@@ -180,7 +180,7 @@ export default {
           this.processing = false
           console.error('Failed to delete session', error)
           var errMsg = error.response ? error.response.data || '' : ''
-          this.$toast.error(errMsg || 'Failed to delete session')
+          this.$toast.error(errMsg || this.$strings.ToastSessionDeleteFailed)
         })
     }
   },
diff --git a/client/components/modals/SleepTimerModal.vue b/client/components/modals/SleepTimerModal.vue
index cd88f886..6230cf20 100644
--- a/client/components/modals/SleepTimerModal.vue
+++ b/client/components/modals/SleepTimerModal.vue
@@ -2,7 +2,7 @@
   <modals-modal v-model="show" name="sleep-timer" :width="350" :height="'unset'">
     <template #outer>
       <div class="absolute top-0 left-0 p-5 w-2/3 overflow-hidden pointer-events-none">
-        <p class="font-book text-3xl text-white truncate pointer-events-none">Sleep Timer</p>
+        <p class="font-book text-3xl text-white truncate pointer-events-none">{{ $strings.HeaderSleepTimer }}</p>
       </div>
     </template>
 
@@ -32,7 +32,7 @@
             <span class="pl-1 text-base font-mono">30m</span>
           </ui-btn>
         </div>
-        <ui-btn class="w-full" @click="$emit('cancel')">Cancel</ui-btn>
+        <ui-btn class="w-full" @click="$emit('cancel')">{{ $strings.ButtonCancel }}</ui-btn>
       </div>
     </div>
   </modals-modal>
diff --git a/client/components/modals/UserCollectionsModal.vue b/client/components/modals/UserCollectionsModal.vue
index 004005a3..d534ddfb 100644
--- a/client/components/modals/UserCollectionsModal.vue
+++ b/client/components/modals/UserCollectionsModal.vue
@@ -9,8 +9,8 @@
     <div ref="container" class="w-full rounded-lg bg-primary box-shadow-md overflow-y-auto overflow-x-hidden" style="max-height: 80vh">
       <div v-if="show" class="w-full h-full">
         <div class="py-4 px-4">
-          <h1 v-if="!showBatchUserCollectionModal" class="text-2xl">Add to Collection</h1>
-          <h1 v-else class="text-2xl">Add {{ selectedBookIds.length }} Books to Collection</h1>
+          <h1 v-if="!showBatchUserCollectionModal" class="text-2xl">{{ $strings.LabelAddToCollection }}</h1>
+          <h1 v-else class="text-2xl">{{ $getString('LabelAddToCollectionBatch', [selectedBookIds.length]) }}</h1>
         </div>
         <div class="w-full overflow-y-auto overflow-x-hidden max-h-96">
           <transition-group name="list-complete" tag="div">
@@ -20,15 +20,15 @@
           </transition-group>
         </div>
         <div v-if="!collections.length" class="flex h-32 items-center justify-center">
-          <p class="text-xl">No Collections</p>
+          <p class="text-xl">{{ $strings.MessageNoCollections }}</p>
         </div>
         <div class="w-full h-px bg-white bg-opacity-10" />
         <form @submit.prevent="submitCreateCollection">
           <div class="flex px-4 py-2 items-center text-center border-b border-white border-opacity-10 text-white text-opacity-80">
             <div class="flex-grow px-2">
-              <ui-text-input v-model="newCollectionName" placeholder="New Collection" class="w-full" />
+              <ui-text-input v-model="newCollectionName" :placeholder="$strings.PlaceholderNewCollection" class="w-full" />
             </div>
-            <ui-btn type="submit" color="success" :padding-x="4" class="h-10">Create</ui-btn>
+            <ui-btn type="submit" color="success" :padding-x="4" class="h-10">{{ $strings.ButtonCreate }}</ui-btn>
           </div>
         </form>
       </div>
@@ -65,7 +65,7 @@ export default {
     },
     title() {
       if (this.showBatchUserCollectionModal) {
-        return `${this.selectedBookIds.length} Items Selected`
+        return this.$getString('MessageItemsSelected', [this.selectedBookIds.length])
       }
       return this.selectedLibraryItem ? this.selectedLibraryItem.media.metadata.title : ''
     },
@@ -124,12 +124,12 @@ export default {
           .$post(`/api/collections/${collection.id}/batch/remove`, { books: this.selectedBookIds })
           .then((updatedCollection) => {
             console.log(`Books removed from collection`, updatedCollection)
-            this.$toast.success('Books removed from collection')
+            this.$toast.success(this.$strings.ToastCollectionItemsRemoveSuccess)
             this.processing = false
           })
           .catch((error) => {
             console.error('Failed to remove books from collection', error)
-            this.$toast.error('Failed to remove books from collection')
+            this.$toast.error(this.$strings.ToastCollectionItemsRemoveFailed)
             this.processing = false
           })
       } else {
@@ -138,12 +138,12 @@ export default {
           .$delete(`/api/collections/${collection.id}/book/${this.selectedLibraryItemId}`)
           .then((updatedCollection) => {
             console.log(`Book removed from collection`, updatedCollection)
-            this.$toast.success('Book removed from collection')
+            this.$toast.success(this.$strings.ToastCollectionItemsRemoveSuccess)
             this.processing = false
           })
           .catch((error) => {
             console.error('Failed to remove book from collection', error)
-            this.$toast.error('Failed to remove book from collection')
+            this.$toast.error(this.$strings.ToastCollectionItemsRemoveFailed)
             this.processing = false
           })
       }
diff --git a/client/components/modals/authors/EditModal.vue b/client/components/modals/authors/EditModal.vue
index 2a6bd5ea..fc2acff4 100644
--- a/client/components/modals/authors/EditModal.vue
+++ b/client/components/modals/authors/EditModal.vue
@@ -19,23 +19,23 @@
           <div class="flex-grow">
             <div class="flex">
               <div class="w-3/4 p-2">
-                <ui-text-input-with-label v-model="authorCopy.name" :disabled="processing" label="Name" />
+                <ui-text-input-with-label v-model="authorCopy.name" :disabled="processing" :label="$strings.LabelName" />
               </div>
               <div class="flex-grow p-2">
                 <ui-text-input-with-label v-model="authorCopy.asin" :disabled="processing" label="ASIN" />
               </div>
             </div>
             <div class="p-2">
-              <ui-text-input-with-label v-model="authorCopy.imagePath" :disabled="processing" label="Photo Path/URL" />
+              <ui-text-input-with-label v-model="authorCopy.imagePath" :disabled="processing" :label="$strings.LabelPhotoPathURL" />
             </div>
             <div class="p-2">
-              <ui-textarea-with-label v-model="authorCopy.description" :disabled="processing" label="Description" :rows="8" />
+              <ui-textarea-with-label v-model="authorCopy.description" :disabled="processing" :label="$strings.LabelDescription" :rows="8" />
             </div>
 
             <div class="flex pt-2 px-2">
-              <ui-btn type="button" @click="searchAuthor">Quick Match</ui-btn>
+              <ui-btn type="button" @click="searchAuthor">{{ $strings.ButtonQuickMatch }}</ui-btn>
               <div class="flex-grow" />
-              <ui-btn type="submit">Submit</ui-btn>
+              <ui-btn type="submit">{{ $strings.ButtonSubmit }}</ui-btn>
             </div>
           </div>
         </div>
@@ -84,7 +84,7 @@ export default {
       return this.author.id
     },
     title() {
-      return 'Edit Author'
+      return this.$strings.HeaderUpdateAuthor
     }
   },
   methods: {
@@ -103,23 +103,23 @@ export default {
         }
       })
       if (!Object.keys(updatePayload).length) {
-        this.$toast.info('No updates are necessary')
+        this.$toast.info(this.$strings.MessageNoUpdateNecessary)
         return
       }
       this.processing = true
       var result = await this.$axios.$patch(`/api/authors/${this.authorId}`, updatePayload).catch((error) => {
         console.error('Failed', error)
-        this.$toast.error('Failed to update author')
+        this.$toast.error(this.$strings.ToastAuthorUpdateFailed)
         return null
       })
       if (result) {
         if (result.updated) {
-          this.$toast.success('Author updated')
+          this.$toast.success(this.$strings.ToastAuthorUpdateSuccess)
           this.show = false
         } else if (result.merged) {
-          this.$toast.success('Author merged')
+          this.$toast.success(this.$strings.ToastAuthorUpdateMerged)
           this.show = false
-        } else this.$toast.info('No updates were needed')
+        } else this.$toast.info(this.$strings.MessageNoUpdatesWereNecessary)
       }
       this.processing = false
     },
@@ -131,11 +131,11 @@ export default {
       this.processing = true
       var result = await this.$axios.$patch(`/api/authors/${this.authorId}`, updatePayload).catch((error) => {
         console.error('Failed', error)
-        this.$toast.error('Failed to remove image')
+        this.$toast.error(this.$strings.ToastAuthorImageRemoveFailed)
         return null
       })
       if (result && result.updated) {
-        this.$toast.success('Author image removed')
+        this.$toast.success(this.$strings.ToastAuthorImageRemoveSuccess)
       }
       this.processing = false
     },
@@ -157,8 +157,8 @@ export default {
       if (!response) {
         this.$toast.error('Author not found')
       } else if (response.updated) {
-        if (response.author.imagePath) this.$toast.success('Author was updated')
-        else this.$toast.success('Author was updated (no image found)')
+        if (response.author.imagePath) this.$toast.success(this.$strings.ToastAuthorUpdateSuccess)
+        else this.$toast.success(this.$strings.ToastAuthorUpdateSuccessNoImageFound)
       } else {
         this.$toast.info('No updates were made for Author')
       }
diff --git a/client/components/modals/item/tabs/Details.vue b/client/components/modals/item/tabs/Details.vue
index 0bde57ec..11f6abfb 100644
--- a/client/components/modals/item/tabs/Details.vue
+++ b/client/components/modals/item/tabs/Details.vue
@@ -179,7 +179,7 @@ export default {
           this.$toast.success('Item details updated')
           return true
         } else {
-          this.$toast.info('No updates were necessary')
+          this.$toast.info(this.$strings.MessageNoUpdatesWereNecessary)
         }
       }
       return false
diff --git a/client/components/modals/item/tabs/Episodes.vue b/client/components/modals/item/tabs/Episodes.vue
index f8ab2d04..159470b3 100644
--- a/client/components/modals/item/tabs/Episodes.vue
+++ b/client/components/modals/item/tabs/Episodes.vue
@@ -2,29 +2,29 @@
   <div class="w-full h-full overflow-y-auto overflow-x-hidden px-4 py-6">
     <div class="w-full mb-4">
       <div v-if="userIsAdminOrUp" class="flex items-end justify-end mb-4">
-        <ui-text-input-with-label ref="lastCheckInput" v-model="lastEpisodeCheckInput" :disabled="checkingNewEpisodes" type="datetime-local" label="Look for new episodes after this date" class="max-w-xs mr-2" />
-        <ui-text-input-with-label ref="maxEpisodesInput" v-model="maxEpisodesToDownload" :disabled="checkingNewEpisodes" type="number" label="Max episodes" class="w-16 mr-2" input-class="h-10">
+        <ui-text-input-with-label ref="lastCheckInput" v-model="lastEpisodeCheckInput" :disabled="checkingNewEpisodes" type="datetime-local" :label="$strings.LabelLookForNewEpisodesAfterDate" class="max-w-xs mr-2" />
+        <ui-text-input-with-label ref="maxEpisodesInput" v-model="maxEpisodesToDownload" :disabled="checkingNewEpisodes" type="number" :label="$strings.LabelLimit" class="w-16 mr-2" input-class="h-10">
           <div class="flex -mb-0.5">
-            <p class="px-1 text-sm font-semibold" :class="{ 'text-gray-400': checkingNewEpisodes }">Limit</p>
+            <p class="px-1 text-sm font-semibold" :class="{ 'text-gray-400': checkingNewEpisodes }">{{ $strings.LabelLimit }}</p>
             <ui-tooltip direction="top" text="Max # of episodes to download. Use 0 for unlimited.">
               <span class="material-icons text-base">info_outlined</span>
             </ui-tooltip>
           </div>
         </ui-text-input-with-label>
-        <ui-btn :loading="checkingNewEpisodes" @click="checkForNewEpisodes">Check & Download New Episodes</ui-btn>
+        <ui-btn :loading="checkingNewEpisodes" @click="checkForNewEpisodes">{{ $strings.ButtonCheckAndDownloadNewEpisodes }}</ui-btn>
       </div>
 
       <div v-if="episodes.length" class="w-full p-4 bg-primary">
-        <p>Podcast Episodes</p>
+        <p>{{ $strings.HeaderEpisodes }}</p>
       </div>
-      <div v-if="!episodes.length" class="flex my-4 text-center justify-center text-xl">No Episodes</div>
+      <div v-if="!episodes.length" class="flex my-4 text-center justify-center text-xl">{{ $strings.MessageNoEpisodes }}</div>
       <table v-else class="text-sm tracksTable">
         <tr class="font-book">
           <th class="text-left">Sort #</th>
-          <th class="text-left whitespace-nowrap">Episode #</th>
-          <th class="text-left">Title</th>
-          <th class="text-center w-28">Duration</th>
-          <th class="text-center w-28">Size</th>
+          <th class="text-left whitespace-nowrap">{{ $strings.LabelEpisode }}</th>
+          <th class="text-left">{{ $strings.EpisodeTitle }}</th>
+          <th class="text-center w-28">{{ $strings.EpisodeDuration }}</th>
+          <th class="text-center w-28">{{ $strings.EpisodeSize }}</th>
         </tr>
         <tr v-for="episode in episodes" :key="episode.id">
           <td class="text-left">
diff --git a/client/components/modals/item/tabs/Match.vue b/client/components/modals/item/tabs/Match.vue
index 9b9404bf..7af136bd 100644
--- a/client/components/modals/item/tabs/Match.vue
+++ b/client/components/modals/item/tabs/Match.vue
@@ -474,9 +474,9 @@ export default {
           return false
         })
         if (success) {
-          this.$toast.success('Item Cover Updated')
+          this.$toast.success(this.$strings.ToastItemCoverUpdateSuccess)
         } else {
-          this.$toast.error('Item Cover Failed to Update')
+          this.$toast.error(this.$strings.ToastItemCoverUpdateFailed)
         }
         console.log('Updated cover')
         delete updatePayload.metadata.cover
@@ -490,14 +490,14 @@ export default {
         })
         if (updateResult) {
           if (updateResult.updated) {
-            this.$toast.success('Item details updated')
+            this.$toast.success(this.$strings.ToastItemDetailsUpdateSuccess)
           } else {
-            this.$toast.info('No detail updates were necessary')
+            this.$toast.info(this.$strings.ToastItemDetailsUpdateUnneeded)
           }
           this.clearSelectedMatch()
           this.$emit('selectTab', 'details')
         } else {
-          this.$toast.error('Item Details Failed to Update')
+          this.$toast.error(this.$strings.ToastItemDetailsUpdateFailed)
         }
       } else {
         this.clearSelectedMatch()
diff --git a/client/components/modals/item/tabs/Schedule.vue b/client/components/modals/item/tabs/Schedule.vue
index b21d40a2..8757b92f 100644
--- a/client/components/modals/item/tabs/Schedule.vue
+++ b/client/components/modals/item/tabs/Schedule.vue
@@ -153,7 +153,7 @@ export default {
           this.$toast.success('Item details updated')
           return true
         } else {
-          this.$toast.info('No updates were necessary')
+          this.$toast.info(this.$strings.MessageNoUpdatesWereNecessary)
         }
       }
       return false
diff --git a/client/components/modals/item/tabs/Tools.vue b/client/components/modals/item/tabs/Tools.vue
index cdaa60ba..68220a99 100644
--- a/client/components/modals/item/tabs/Tools.vue
+++ b/client/components/modals/item/tabs/Tools.vue
@@ -50,7 +50,7 @@
       </div>
     </div>
 
-    <p v-if="!mediaTracks.length" class="text-lg text-center my-8">No audio tracks</p>
+    <p v-if="!mediaTracks.length" class="text-lg text-center my-8">{{ $strings.MessageNoAudioTracks }}</p>
   </div>
 </template>
 
diff --git a/client/components/modals/libraries/EditLibrary.vue b/client/components/modals/libraries/EditLibrary.vue
index 2894ebdd..3b8c86a0 100644
--- a/client/components/modals/libraries/EditLibrary.vue
+++ b/client/components/modals/libraries/EditLibrary.vue
@@ -53,20 +53,22 @@ export default {
       folders: [],
       showDirectoryPicker: false,
       newFolderPath: '',
-      mediaType: null,
-      mediaTypes: [
-        {
-          value: 'book',
-          text: 'Books'
-        },
-        {
-          value: 'podcast',
-          text: 'Podcasts'
-        }
-      ]
+      mediaType: null
     }
   },
   computed: {
+    mediaTypes() {
+      return [
+        {
+          value: 'book',
+          text: this.$strings.LabelBooks
+        },
+        {
+          value: 'podcast',
+          text: this.$strings.LabelPodcasts
+        }
+      ]
+    },
     folderPaths() {
       return this.folders.map((f) => f.fullPath)
     },
diff --git a/client/components/modals/libraries/EditModal.vue b/client/components/modals/libraries/EditModal.vue
index 51174966..a0d8d26b 100644
--- a/client/components/modals/libraries/EditModal.vue
+++ b/client/components/modals/libraries/EditModal.vue
@@ -192,14 +192,14 @@ export default {
         .then((res) => {
           this.processing = false
           this.show = false
-          this.$toast.success(`Library "${res.name}" updated successfully`)
+          this.$toast.success(this.$getString('ToastLibraryUpdateSuccess', [res.name]))
         })
         .catch((error) => {
           console.error(error)
           if (error.response && error.response.data) {
             this.$toast.error(error.response.data)
           } else {
-            this.$toast.error('Failed to update library')
+            this.$toast.error(this.$strings.ToastLibraryUpdateFailed)
           }
           this.processing = false
         })
@@ -211,7 +211,7 @@ export default {
         .then((res) => {
           this.processing = false
           this.show = false
-          this.$toast.success(`Library "${res.name}" created successfully`)
+          this.$toast.success(this.$getString('ToastLibraryCreateSuccess', [res.name]))
           if (!this.$store.state.libraries.currentLibraryId) {
             console.log('Setting initially library id', res.id)
             // First library added
@@ -223,7 +223,7 @@ export default {
           if (error.response && error.response.data) {
             this.$toast.error(error.response.data)
           } else {
-            this.$toast.error('Failed to create library')
+            this.$toast.error(this.$strings.ToastLibraryCreateFailed)
           }
           this.processing = false
         })
diff --git a/client/components/modals/podcast/EditEpisode.vue b/client/components/modals/podcast/EditEpisode.vue
index 1cf18386..d207e4ec 100644
--- a/client/components/modals/podcast/EditEpisode.vue
+++ b/client/components/modals/podcast/EditEpisode.vue
@@ -26,12 +26,12 @@ export default {
       tabs: [
         {
           id: 'details',
-          title: 'Details',
+          title: this.$strings.HeaderDetails,
           component: 'modals-podcast-tabs-episode-details'
         },
         {
           id: 'match',
-          title: 'Match',
+          title: this.$strings.HeaderMatch,
           component: 'modals-podcast-tabs-episode-match'
         }
       ]
diff --git a/client/components/modals/podcast/NewModal.vue b/client/components/modals/podcast/NewModal.vue
index 59ad7276..71e2410f 100644
--- a/client/components/modals/podcast/NewModal.vue
+++ b/client/components/modals/podcast/NewModal.vue
@@ -7,45 +7,45 @@
     </template>
     <div ref="wrapper" id="podcast-wrapper" class="p-2 md:p-8 w-full text-sm py-2 rounded-lg bg-bg shadow-lg border border-black-300 relative overflow-x-hidden overflow-y-auto" style="max-height: 80vh">
       <div class="w-full">
-        <p class="text-lg font-semibold mb-2 px-2">Details</p>
+        <p class="text-lg font-semibold mb-2 px-2">{{ $strings.HeaderDetails }}</p>
 
         <div v-if="podcast.imageUrl" class="p-2 w-full">
           <img :src="podcast.imageUrl" class="h-16 w-16 object-contain" />
         </div>
         <div class="flex flex-wrap">
           <div class="w-full md:w-1/2 p-2">
-            <ui-text-input-with-label v-model="podcast.title" label="Title" @input="titleUpdated" />
+            <ui-text-input-with-label v-model="podcast.title" :label="$strings.LabelTitle" @input="titleUpdated" />
           </div>
           <div class="w-full md:w-1/2 p-2">
-            <ui-text-input-with-label v-model="podcast.author" label="Author" />
+            <ui-text-input-with-label v-model="podcast.author" :label="$strings.LabelAuthor" />
           </div>
         </div>
         <div class="flex flex-wrap">
           <div class="w-full md:w-1/2 p-2">
-            <ui-text-input-with-label v-model="podcast.feedUrl" label="Feed URL" readonly />
+            <ui-text-input-with-label v-model="podcast.feedUrl" :label="$strings.LabelFeedURL" readonly />
           </div>
           <div class="w-full md:w-1/2 p-2">
-            <ui-multi-select v-model="podcast.genres" :items="podcast.genres" label="Genres" />
+            <ui-multi-select v-model="podcast.genres" :items="podcast.genres" :label="$strings.LabelGenres" />
           </div>
         </div>
         <div class="p-2 w-full">
-          <ui-textarea-with-label v-model="podcast.description" label="Description" :rows="3" />
+          <ui-textarea-with-label v-model="podcast.description" :label="$strings.LabelDescription" :rows="3" />
         </div>
         <div class="flex flex-wrap">
           <div class="w-full md:w-1/2 p-2">
-            <ui-dropdown v-model="selectedFolderId" :items="folderItems" :disabled="processing" label="Folder" @input="folderUpdated" />
+            <ui-dropdown v-model="selectedFolderId" :items="folderItems" :disabled="processing" :label="$strings.LabelFolder" @input="folderUpdated" />
           </div>
           <div class="w-full md:w-1/2 p-2">
-            <ui-text-input-with-label v-model="fullPath" label="Podcast Path" input-class="h-10" readonly />
+            <ui-text-input-with-label v-model="fullPath" :label="`${$strings.LabelPodcast} ${$strings.LabelPath}`" input-class="h-10" readonly />
           </div>
         </div>
       </div>
       <div class="flex items-center py-4 px-2">
         <div class="flex-grow" />
         <div class="px-4">
-          <ui-checkbox v-model="podcast.autoDownloadEpisodes" label="Auto Download Episodes" checkbox-bg="primary" border-color="gray-600" label-class="pl-2 text-sm md:text-base font-semibold" />
+          <ui-checkbox v-model="podcast.autoDownloadEpisodes" :label="$strings.LabelAutoDownloadEpisodes" checkbox-bg="primary" border-color="gray-600" label-class="pl-2 text-sm md:text-base font-semibold" />
         </div>
-        <ui-btn color="success" @click="submit">Add Podcast</ui-btn>
+        <ui-btn color="success" @click="submit">{{ $strings.ButtonSubmit }}</ui-btn>
       </div>
     </div>
   </modals-modal>
@@ -182,12 +182,12 @@ export default {
         .$post('/api/podcasts', podcastPayload)
         .then((libraryItem) => {
           this.processing = false
-          this.$toast.success('Podcast created successfully')
+          this.$toast.success(this.$strings.ToastPodcastCreateSuccess)
           this.show = false
           this.$router.push(`/item/${libraryItem.id}`)
         })
         .catch((error) => {
-          var errorMsg = error.response && error.response.data ? error.response.data : 'Failed to create podcast'
+          var errorMsg = error.response && error.response.data ? error.response.data : this.$strings.ToastPodcastCreateFailed
           console.error('Failed to create podcast', error)
           this.processing = false
           this.$toast.error(errorMsg)
diff --git a/client/components/modals/podcast/OpmlFeedsModal.vue b/client/components/modals/podcast/OpmlFeedsModal.vue
index fd68089b..30916ad3 100644
--- a/client/components/modals/podcast/OpmlFeedsModal.vue
+++ b/client/components/modals/podcast/OpmlFeedsModal.vue
@@ -9,14 +9,14 @@
       <div class="w-full p-4">
         <div class="flex items-center -mx-2 mb-2">
           <div class="w-full md:w-2/3 p-2">
-            <ui-dropdown v-model="selectedFolderId" :items="folderItems" :disabled="processing" label="Folder" />
+            <ui-dropdown v-model="selectedFolderId" :items="folderItems" :disabled="processing" :label="$strings.LabelFolder" />
           </div>
           <div class="w-full md:w-1/3 p-2 pt-6">
-            <ui-checkbox v-model="autoDownloadEpisodes" label="Auto Download New Episodes" checkbox-bg="primary" border-color="gray-600" label-class="text-sm font-semibold pl-2" />
+            <ui-checkbox v-model="autoDownloadEpisodes" :label="$strings.LabelAutoDownloadEpisodes" checkbox-bg="primary" border-color="gray-600" label-class="text-sm font-semibold pl-2" />
           </div>
         </div>
 
-        <p class="text-lg font-semibold mb-2">Podcasts to Add</p>
+        <p class="text-lg font-semibold mb-2">{{ $strings.HeaderPodcastsToAdd }}</p>
 
         <div class="w-full overflow-y-auto" style="max-height: 50vh">
           <template v-for="(feed, index) in feedMetadata">
@@ -26,7 +26,7 @@
       </div>
       <div class="flex items-center py-4">
         <div class="flex-grow" />
-        <ui-btn color="success" @click="submit">Add Podcasts</ui-btn>
+        <ui-btn color="success" @click="submit">{{ $strings.ButtonAddPodcasts }}</ui-btn>
       </div>
     </div>
   </modals-modal>
@@ -141,10 +141,10 @@ export default {
         await this.$axios
           .$post('/api/podcasts', podcastPayload)
           .then(() => {
-            this.$toast.success(`${podcastPayload.media.metadata.title}: Podcast created successfully`)
+            this.$toast.success(`${podcastPayload.media.metadata.title}: ${this.$strings.ToastPodcastCreateSuccess}`)
           })
           .catch((error) => {
-            var errorMsg = error.response && error.response.data ? error.response.data : 'Failed to create podcast'
+            var errorMsg = error.response && error.response.data ? error.response.data : this.$strings.ToastPodcastCreateFailed
             console.error('Failed to create podcast', podcastPayload, error)
             this.$toast.error(`${podcastPayload.media.metadata.title}: ${errorMsg}`)
           })
diff --git a/client/components/modals/podcast/RemoveEpisode.vue b/client/components/modals/podcast/RemoveEpisode.vue
index de4e0ea7..31b1bf89 100644
--- a/client/components/modals/podcast/RemoveEpisode.vue
+++ b/client/components/modals/podcast/RemoveEpisode.vue
@@ -8,14 +8,13 @@
     <div ref="wrapper" class="px-8 py-6 w-full text-sm rounded-lg bg-bg shadow-lg border border-black-300 relative overflow-hidden">
       <div class="mb-4">
         <p v-if="episode" class="text-lg text-gray-200 mb-4">
-          Are you sure you want to remove episode<br /><span class="text-base">{{ episodeTitle }}</span
-          >?
+          {{ $getString('MessageConfirmRemoveEpisode', [episodeTitle]) }}
         </p>
-        <p v-else class="text-lg text-gray-200 mb-4">Are you sure you want to remove {{ episodes.length }} episodes?</p>
+        <p v-else class="text-lg text-gray-200 mb-4">{{ $getString('MessageConfirmRemoveEpisodes', [episodes.length]) }}</p>
         <p class="text-xs font-semibold text-warning text-opacity-90">Note: This does not delete the audio file unless toggling "Hard delete file"</p>
       </div>
       <div class="flex justify-between items-center pt-4">
-        <ui-checkbox v-model="hardDeleteFile" label="Hard delete file" check-color="error" checkbox-bg="bg" small label-class="text-base text-gray-200 pl-3" />
+        <ui-checkbox v-model="hardDeleteFile" :label="$strings.LabelHardDeleteFile" check-color="error" checkbox-bg="bg" small label-class="text-base text-gray-200 pl-3" />
 
         <ui-btn @click="submit">{{ btnText }}</ui-btn>
       </div>
@@ -61,12 +60,11 @@ export default {
       return null
     },
     title() {
-      if (this.episodes.length > 1) return `Remove ${this.episodes.length} episodes`
-      return 'Remove Episode'
+      if (this.episodes.length > 1) return this.$getString('HeaderRemoveEpisodes', [this.episodes.length])
+      return this.$strings.HeaderRemoveEpisode
     },
     btnText() {
-      if (this.episodes.length > 1) return this.hardDeleteFile ? `Delete ${this.episodes.length} episodes` : `Remove ${this.episodes.length} episodes`
-      return this.hardDeleteFile ? 'Delete episode' : 'Remove episode'
+      return this.hardDeleteFile ? this.$strings.ButtonDelete : this.$strings.ButtonRemove
     },
     episodeTitle() {
       return this.episode ? this.episode.title : null
diff --git a/client/components/modals/podcast/ViewEpisode.vue b/client/components/modals/podcast/ViewEpisode.vue
index 2c46f420..936b18cb 100644
--- a/client/components/modals/podcast/ViewEpisode.vue
+++ b/client/components/modals/podcast/ViewEpisode.vue
@@ -2,7 +2,7 @@
   <modals-modal v-model="show" name="podcast-episode-view-modal" :width="800" :height="'unset'" :processing="processing">
     <template #outer>
       <div class="absolute top-0 left-0 p-5 w-2/3 overflow-hidden">
-        <p class="font-book text-3xl text-white truncate">Episode</p>
+        <p class="font-book text-3xl text-white truncate">{{ $strings.LabelEpisode }}</p>
       </div>
     </template>
     <div ref="wrapper" class="p-4 w-full text-sm rounded-lg bg-bg shadow-lg border border-black-300 relative overflow-y-auto" style="max-height: 80vh">
@@ -17,7 +17,7 @@
       </div>
       <p class="text-lg font-semibold mb-6">{{ title }}</p>
       <div v-if="description" class="default-style" v-html="description" />
-      <p v-else class="mb-2">No description</p>
+      <p v-else class="mb-2">{{ $strings.MessageNoDescription }}</p>
     </div>
   </modals-modal>
 </template>
diff --git a/client/components/modals/podcast/tabs/EpisodeDetails.vue b/client/components/modals/podcast/tabs/EpisodeDetails.vue
index 554187f8..ffa95ec0 100644
--- a/client/components/modals/podcast/tabs/EpisodeDetails.vue
+++ b/client/components/modals/podcast/tabs/EpisodeDetails.vue
@@ -2,29 +2,29 @@
   <div>
     <div class="flex flex-wrap">
       <div class="w-1/5 p-1">
-        <ui-text-input-with-label v-model="newEpisode.season" label="Season" />
+        <ui-text-input-with-label v-model="newEpisode.season" :label="$strings.LabelSeason" />
       </div>
       <div class="w-1/5 p-1">
-        <ui-text-input-with-label v-model="newEpisode.episode" label="Episode" />
+        <ui-text-input-with-label v-model="newEpisode.episode" :label="$strings.LabelEpisode" />
       </div>
       <div class="w-1/5 p-1">
-        <ui-text-input-with-label v-model="newEpisode.episodeType" label="Episode Type" />
+        <ui-text-input-with-label v-model="newEpisode.episodeType" :label="$strings.LabelEpisodeType" />
       </div>
       <div class="w-2/5 p-1">
-        <ui-text-input-with-label v-model="pubDateInput" @input="updatePubDate" type="datetime-local" label="Pub Date" />
+        <ui-text-input-with-label v-model="pubDateInput" @input="updatePubDate" type="datetime-local" :label="$strings.LabelPubDate" />
       </div>
       <div class="w-full p-1">
-        <ui-text-input-with-label v-model="newEpisode.title" label="Title" />
+        <ui-text-input-with-label v-model="newEpisode.title" :label="$strings.LabelTitle" />
       </div>
       <div class="w-full p-1">
-        <ui-textarea-with-label v-model="newEpisode.subtitle" label="Subtitle" :rows="3" />
+        <ui-textarea-with-label v-model="newEpisode.subtitle" :label="$strings.LabelSubtitle" :rows="3" />
       </div>
       <div class="w-full p-1 default-style">
-        <ui-rich-text-editor label="Description" v-model="newEpisode.description" />
+        <ui-rich-text-editor :label="$strings.LabelDescription" v-model="newEpisode.description" />
       </div>
     </div>
     <div class="flex items-center justify-end pt-4">
-      <ui-btn @click="submit">Submit</ui-btn>
+      <ui-btn @click="submit">{{ $strings.ButtonSubmit }}</ui-btn>
     </div>
     <div v-if="enclosureUrl" class="py-4">
       <p class="text-xs text-gray-300 font-semibold">Episode URL from RSS feed</p>
diff --git a/client/components/modals/podcast/tabs/EpisodeMatch.vue b/client/components/modals/podcast/tabs/EpisodeMatch.vue
index bad2ec85..0603a9a8 100644
--- a/client/components/modals/podcast/tabs/EpisodeMatch.vue
+++ b/client/components/modals/podcast/tabs/EpisodeMatch.vue
@@ -2,18 +2,18 @@
   <div style="min-height: 200px">
     <template v-if="!podcastFeedUrl">
       <div class="py-8">
-        <widgets-alert type="error">Podcast has no RSS feed url to use for matching</widgets-alert>
+        <widgets-alert type="error">{{ $strings.MessagePodcastHasNoRSSFeedForMatching }}</widgets-alert>
       </div>
     </template>
     <template v-else>
       <form @submit.prevent="submitForm">
         <div class="flex mb-2">
-          <ui-text-input-with-label v-model="episodeTitle" :disabled="isProcessing" label="Episode Title" class="pr-1" />
-          <ui-btn class="mt-5 ml-1" :loading="isProcessing" type="submit">Search</ui-btn>
+          <ui-text-input-with-label v-model="episodeTitle" :disabled="isProcessing" :label="$strings.LabelEpisodeTitle" class="pr-1" />
+          <ui-btn class="mt-5 ml-1" :loading="isProcessing" type="submit">{{ $strings.ButtonSearch }}</ui-btn>
         </div>
       </form>
       <div v-if="!isProcessing && searchedTitle && !episodesFound.length" class="w-full py-8">
-        <p class="text-center text-lg">No episode matches found</p>
+        <p class="text-center text-lg">{{ $strings.MessageNoEpisodeMatchesFound }}</p>
       </div>
       <div v-for="(episode, index) in episodesFound" :key="index" class="w-full py-4 border-b border-white border-opacity-5 hover:bg-gray-300 hover:bg-opacity-10 cursor-pointer px-2" @click.stop="selectEpisode(episode)">
         <p v-if="episode.episode" class="font-semibold text-gray-200">#{{ episode.episode }}</p>
diff --git a/client/components/modals/rssfeed/ViewModal.vue b/client/components/modals/rssfeed/ViewModal.vue
index 95234114..32f871ae 100644
--- a/client/components/modals/rssfeed/ViewModal.vue
+++ b/client/components/modals/rssfeed/ViewModal.vue
@@ -7,7 +7,7 @@
     </template>
     <div ref="wrapper" class="px-8 py-6 w-full text-sm rounded-lg bg-bg shadow-lg border border-black-300 relative overflow-hidden">
       <div v-if="currentFeedUrl" class="w-full">
-        <p class="text-lg font-semibold mb-4">Podcast RSS Feed is Open</p>
+        <p class="text-lg font-semibold mb-4">{{ $strings.HeaderRSSFeedIsOpen }}</p>
 
         <div class="w-full relative">
           <ui-text-input v-model="currentFeedUrl" readonly />
@@ -16,20 +16,20 @@
         </div>
       </div>
       <div v-else class="w-full">
-        <p class="text-lg font-semibold mb-4">Open RSS Feed</p>
+        <p class="text-lg font-semibold mb-4">{{ $strings.HeaderOpenRSSFeed }}</p>
 
         <div class="w-full relative mb-2">
-          <ui-text-input-with-label v-model="newFeedSlug" label="RSS Feed Slug" />
-          <p class="text-xs text-gray-400 py-0.5 px-1">Feed will be {{ demoFeedUrl }}</p>
+          <ui-text-input-with-label v-model="newFeedSlug" :label="$strings.LabelRSSFeedSlug" />
+          <p class="text-xs text-gray-400 py-0.5 px-1">{{ $getString('MessageFeedURLWillBe', [demoFeedUrl]) }}</p>
         </div>
 
-        <p v-if="isHttp" class="w-full pt-2 text-warning text-xs">Warning: Most podcast apps will require the RSS feed URL is using HTTPS</p>
-        <p v-if="hasEpisodesWithoutPubDate" class="w-full pt-2 text-warning text-xs">Warning: 1 or more of your episodes do not have a Pub Date. Some podcast apps require this.</p>
+        <p v-if="isHttp" class="w-full pt-2 text-warning text-xs">{{ $strings.NoteRSSFeedPodcastAppsHttps }}</p>
+        <p v-if="hasEpisodesWithoutPubDate" class="w-full pt-2 text-warning text-xs">{{ $strings.NoteRSSFeedPodcastAppsPubDate }}</p>
       </div>
       <div v-show="userIsAdminOrUp" class="flex items-center pt-6">
         <div class="flex-grow" />
-        <ui-btn v-if="currentFeedUrl" color="error" small @click="closeFeed">Close RSS Feed</ui-btn>
-        <ui-btn v-else color="success" small @click="openFeed">Open RSS Feed</ui-btn>
+        <ui-btn v-if="currentFeedUrl" color="error" small @click="closeFeed">{{ $strings.ButtonCloseFeed }}</ui-btn>
+        <ui-btn v-else color="success" small @click="openFeed">{{ $strings.ButtonOpenFeed }}</ui-btn>
       </div>
     </div>
   </modals-modal>
@@ -144,14 +144,14 @@ export default {
       this.$axios
         .$post(`/api/items/${this.libraryItem.id}/close-feed`)
         .then(() => {
-          this.$toast.success('RSS Feed Closed')
+          this.$toast.success(this.$strings.ToastRSSFeedCloseSuccess)
           this.show = false
           this.processing = false
         })
         .catch((error) => {
           console.error('Failed to close RSS feed', error)
           this.processing = false
-          this.$toast.error()
+          this.$toast.error(this.$strings.ToastRSSFeedCloseFailed)
         })
     },
     init() {
diff --git a/client/components/player/PlayerUi.vue b/client/components/player/PlayerUi.vue
index 83189fa4..9d1c92f2 100644
--- a/client/components/player/PlayerUi.vue
+++ b/client/components/player/PlayerUi.vue
@@ -22,7 +22,7 @@
           <span class="material-icons text-2xl sm:text-3xl">format_list_bulleted</span>
         </div>
 
-        <ui-tooltip v-if="chapters.length" direction="top" :text="useChapterTrack ? 'Use full track' : 'Use chapter track'">
+        <ui-tooltip v-if="chapters.length" direction="top" :text="useChapterTrack ? $strings.LabelUseFullTrack : $strings.LabelUseChapterTrack">
           <div class="cursor-pointer text-gray-300 mx-1 lg:mx-2 hover:text-white" @mousedown.prevent @mouseup.prevent @click.stop="setUseChapterTrack">
             <span class="material-icons text-2xl sm:text-3xl transform transition-transform" :class="useChapterTrack ? 'rotate-180' : ''">timelapse</span>
           </div>
diff --git a/client/components/stats/Heatmap.vue b/client/components/stats/Heatmap.vue
index 293589ad..c976ffa8 100644
--- a/client/components/stats/Heatmap.vue
+++ b/client/components/stats/Heatmap.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="heatmap" class="w-full">
     <div class="mx-auto" :style="{ height: innerHeight + 160 + 'px', width: innerWidth + 52 + 'px' }" style="background-color: rgba(13, 17, 23, 0)">
-      <p class="mb-2 px-1 text-sm text-gray-200">{{ Object.values(daysListening).length }} listening sessions in the last year</p>
+      <p class="mb-2 px-1 text-sm text-gray-200">{{ $getString('MessageListeningSessionsInTheLastYear', [Object.values(daysListening).length]) }}</p>
       <div class="border border-white border-opacity-25 rounded py-2 w-full" style="background-color: #232323" :style="{ height: innerHeight + 80 + 'px' }">
         <div :style="{ width: innerWidth + 'px', height: innerHeight + 'px' }" class="ml-10 mt-5 absolute" @mouseover="mouseover" @mouseout="mouseout">
           <div v-for="dayLabel in dayLabels" :key="dayLabel.label" :style="dayLabel.style" class="absolute top-0 left-0 text-gray-300">{{ dayLabel.label }}</div>
@@ -12,9 +12,9 @@
 
           <div class="flex py-2 px-4" :style="{ marginTop: innerHeight + 'px' }">
             <div class="flex-grow" />
-            <p style="font-size: 10px; line-height: 10px" class="text-gray-400 px-1">Less</p>
+            <p style="font-size: 10px; line-height: 10px" class="text-gray-400 px-1">{{ $strings.LabelLess }}</p>
             <div v-for="block in legendBlocks" :key="block.id" :style="block.style" class="h-2.5 w-2.5 rounded-sm" style="margin-left: 1.5px; margin-right: 1.5px" />
-            <p style="font-size: 10px; line-height: 10px" class="text-gray-400 px-1">More</p>
+            <p style="font-size: 10px; line-height: 10px" class="text-gray-400 px-1">{{ $strings.LabelMore }}</p>
           </div>
         </div>
       </div>
diff --git a/client/components/tables/AudioFilesTable.vue b/client/components/tables/AudioFilesTable.vue
deleted file mode 100644
index b1201bd1..00000000
--- a/client/components/tables/AudioFilesTable.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-  <div class="w-full my-2">
-    <div class="w-full bg-primary px-6 py-2 flex items-center cursor-pointer" @click.stop="clickBar">
-      <p class="pr-4">Other Audio Files</p>
-      <span class="bg-black-400 rounded-xl py-1 px-2 text-sm font-mono">{{ files.length }}</span>
-      <div class="flex-grow" />
-      <nuxt-link v-if="userCanUpdate" :to="`/audiobook/${audiobookId}/edit`" class="mr-4">
-        <ui-btn small color="primary">Manage Tracks</ui-btn>
-      </nuxt-link>
-      <div class="cursor-pointer h-10 w-10 rounded-full hover:bg-black-400 flex justify-center items-center duration-500" :class="showTracks ? 'transform rotate-180' : ''">
-        <span class="material-icons text-4xl">expand_more</span>
-      </div>
-    </div>
-    <transition name="slide">
-      <div class="w-full" v-show="showTracks">
-        <table class="text-sm tracksTable">
-          <tr class="font-book">
-            <th class="text-left">Filename</th>
-            <th class="text-left">Size</th>
-            <th class="text-left">Duration</th>
-            <th class="text-left">Notes</th>
-          </tr>
-          <template v-for="track in files">
-            <tr :key="track.path">
-              <td class="font-book pl-2">
-                {{ track.filename }}
-              </td>
-              <td class="font-mono">
-                {{ $bytesPretty(track.size) }}
-              </td>
-              <td class="font-mono">
-                {{ $secondsToTimestamp(track.duration) }}
-              </td>
-              <td class="text-xs">
-                <p>{{ track.error || '' }}</p>
-              </td>
-            </tr>
-          </template>
-        </table>
-      </div>
-    </transition>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    files: {
-      type: Array,
-      default: () => []
-    },
-    audiobookId: String
-  },
-  data() {
-    return {
-      showTracks: false
-    }
-  },
-  computed: {
-    userCanUpdate() {
-      return this.$store.getters['user/getUserCanUpdate']
-    }
-  },
-  methods: {
-    clickBar() {
-      this.showTracks = !this.showTracks
-    }
-  },
-  mounted() {}
-}
-</script>
\ No newline at end of file
diff --git a/client/components/tables/BackupsTable.vue b/client/components/tables/BackupsTable.vue
index b71b1cc1..5b32e016 100644
--- a/client/components/tables/BackupsTable.vue
+++ b/client/components/tables/BackupsTable.vue
@@ -33,7 +33,7 @@
           </td>
         </tr>
         <tr v-if="!backups.length" class="staticrow">
-          <td colspan="4" class="text-lg">No Backups</td>
+          <td colspan="4" class="text-lg">{{ $strings.MessageNoBackups }}</td>
         </tr>
       </table>
       <div v-show="processing" class="absolute top-0 left-0 w-full h-full bg-black bg-opacity-25 flex items-center justify-center">
@@ -88,23 +88,23 @@ export default {
         .catch((error) => {
           this.isBackingUp = false
           console.error('Failed', error)
-          this.$toast.error('Failed to apply backup')
+          this.$toast.error(this.$strings.ToastBackupRestoreFailed)
         })
     },
     deleteBackupClick(backup) {
-      if (confirm(`Are you sure you want to delete backup for ${backup.datePretty}?`)) {
+      if (confirm(this.$getString('MessageConfirmDeleteBackup', [backup.datePretty]))) {
         this.processing = true
         this.$axios
           .$delete(`/api/backups/${backup.id}`)
           .then((backups) => {
             console.log('Backup deleted', backups)
             this.$store.commit('setBackups', backups)
-            this.$toast.success(`Backup deleted`)
+            this.$toast.success(this.$strings.ToastBackupDeleteSuccess)
             this.processing = false
           })
           .catch((error) => {
             console.error(error)
-            this.$toast.error('Failed to delete backup')
+            this.$toast.error(this.$strings.ToastBackupDeleteFailed)
             this.processing = false
           })
       }
@@ -119,13 +119,13 @@ export default {
         .$post('/api/backups')
         .then((backups) => {
           this.isBackingUp = false
-          this.$toast.success('Backup Successful')
+          this.$toast.success(this.$strings.ToastBackupCreateSuccess)
           this.$store.commit('setBackups', backups)
         })
         .catch((error) => {
           this.isBackingUp = false
           console.error('Failed', error)
-          this.$toast.error('Backup Failed')
+          this.$toast.error(this.$strings.ToastBackupCreateFailed)
         })
     },
     backupUploaded(file) {
@@ -139,12 +139,12 @@ export default {
         .then((result) => {
           console.log('Upload backup result', result)
           this.$store.commit('setBackups', result)
-          this.$toast.success('Backup upload success')
+          this.$toast.success(this.$strings.ToastBackupUploadSuccess)
           this.processing = false
         })
         .catch((error) => {
           console.error(error)
-          var errorMessage = error.response && error.response.data ? error.response.data : 'Failed to upload backup'
+          var errorMessage = error.response && error.response.data ? error.response.data : this.$strings.ToastBackupUploadFailed
           this.$toast.error(errorMessage)
           this.processing = false
         })
diff --git a/client/components/tables/CollectionBooksTable.vue b/client/components/tables/CollectionBooksTable.vue
index 0c3a18ec..d7d1225e 100644
--- a/client/components/tables/CollectionBooksTable.vue
+++ b/client/components/tables/CollectionBooksTable.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="w-full bg-primary bg-opacity-40">
     <div class="w-full h-14 flex items-center px-4 md:px-6 py-2 bg-primary">
-      <p class="pr-4">Collection List</p>
+      <p class="pr-4">{{ $strings.HeaderCollectionItems }}</p>
 
       <div class="w-6 h-6 md:w-7 md:h-7 bg-white bg-opacity-10 rounded-full flex items-center justify-center">
         <span class="text-xs md:text-sm font-mono leading-none">{{ books.length }}</span>
diff --git a/client/components/tables/UsersTable.vue b/client/components/tables/UsersTable.vue
index 98c4702a..c4459b0d 100644
--- a/client/components/tables/UsersTable.vue
+++ b/client/components/tables/UsersTable.vue
@@ -97,12 +97,12 @@ export default {
             if (data.error) {
               this.$toast.error(data.error)
             } else {
-              this.$toast.success('User deleted')
+              this.$toast.success(this.$strings.ToastUserDeleteSuccess)
             }
           })
           .catch((error) => {
             console.error('Failed to delete user', error)
-            this.$toast.error('Failed to delete user')
+            this.$toast.error(this.$strings.ToastUserDeleteFailed)
             this.isDeletingUser = false
           })
       }
diff --git a/client/components/tables/collection/BookTableRow.vue b/client/components/tables/collection/BookTableRow.vue
index 381465ba..0177b331 100644
--- a/client/components/tables/collection/BookTableRow.vue
+++ b/client/components/tables/collection/BookTableRow.vue
@@ -31,7 +31,7 @@
     </div>
     <div class="w-40 absolute top-0 -right-24 h-full transform transition-transform" :class="!isHovering ? 'translate-x-0' : translateDistance">
       <div class="flex h-full items-center">
-        <ui-tooltip :text="userIsFinished ? 'Mark as Not Finished' : 'Mark as Finished'" direction="top">
+        <ui-tooltip :text="userIsFinished ? $strings.MessageMarkAsNotFinished : $strings.MessageMarkAsFinished" direction="top">
           <ui-read-icon-btn :disabled="isProcessingReadUpdate" :is-read="userIsFinished" borderless class="mx-1 mt-0.5" @click="toggleFinished" />
         </ui-tooltip>
         <div v-if="userCanUpdate" class="mx-1" :class="isHovering ? '' : 'ml-6'">
@@ -153,12 +153,12 @@ export default {
         .$patch(`/api/me/progress/${this.book.id}`, updatePayload)
         .then(() => {
           this.isProcessingReadUpdate = false
-          this.$toast.success(`Item marked as ${updatePayload.isFinished ? 'Finished' : 'Not Finished'}`)
+          this.$toast.success(updatePayload.isFinished ? this.$strings.ToastItemMarkedAsFinishedSuccess : this.$strings.ToastItemMarkedAsNotFinishedSuccess)
         })
         .catch((error) => {
           console.error('Failed', error)
           this.isProcessingReadUpdate = false
-          this.$toast.error(`Failed to mark as ${updatePayload.isFinished ? 'Finished' : 'Not Finished'}`)
+          this.$toast.error(updatePayload.isFinished ? this.$strings.ToastItemMarkedAsFinishedFailed : this.$strings.ToastItemMarkedAsNotFinishedFailed)
         })
     },
     removeClick() {
@@ -168,12 +168,12 @@ export default {
         .$delete(`/api/collections/${this.collectionId}/book/${this.book.id}`)
         .then((updatedCollection) => {
           console.log(`Book removed from collection`, updatedCollection)
-          this.$toast.success('Book removed from collection')
+          this.$toast.success(this.$strings.ToastRemoveItemFromCollectionSuccess)
           this.processingRemove = false
         })
         .catch((error) => {
           console.error('Failed to remove book from collection', error)
-          this.$toast.error('Failed to remove book from collection')
+          this.$toast.error(this.$strings.ToastRemoveItemFromCollectionFailed)
           this.processingRemove = false
         })
     }
diff --git a/client/components/tables/library/LibraryItem.vue b/client/components/tables/library/LibraryItem.vue
index 9bc6356c..f378e9ac 100644
--- a/client/components/tables/library/LibraryItem.vue
+++ b/client/components/tables/library/LibraryItem.vue
@@ -66,22 +66,22 @@ export default {
     mobileMenuItems() {
       const items = [
         {
-          text: 'Scan',
+          text: this.$strings.ButtonScan,
           value: 'scan'
         },
         {
-          text: 'Force Re-Scan',
+          text: this.$strings.ButtonForceReScan,
           value: 'force-scan'
         }
       ]
       if (this.isBookLibrary) {
         items.push({
-          text: 'Match Books',
+          text: this.$strings.ButtonMatchBooks,
           value: 'match-books'
         })
       }
       items.push({
-        text: 'Delete',
+        text: this.$strings.ButtonDelete,
         value: 'delete'
       })
       return items
@@ -122,28 +122,28 @@ export default {
       this.$store
         .dispatch('libraries/requestLibraryScan', { libraryId: this.library.id })
         .then(() => {
-          this.$toast.success('Library scan started')
+          this.$toast.success(this.$strings.ToastLibraryScanStarted)
         })
         .catch((error) => {
           console.error('Failed to start scan', error)
-          this.$toast.error('Failed to start scan')
+          this.$toast.error(this.$strings.ToastLibraryScanFailedToStart)
         })
     },
     forceScan() {
-      if (confirm(`Force Re-Scan will scan all files again like a fresh scan. Audio file ID3 tags, OPF files, and text files will be probed/parsed to be used for the library item.\n\nAre you sure you want to force re-scan?`)) {
+      if (confirm(this.$strings.MessageConfirmForceReScan)) {
         this.$store
           .dispatch('libraries/requestLibraryScan', { libraryId: this.library.id, force: 1 })
           .then(() => {
-            this.$toast.success('Library scan started')
+            this.$toast.success(this.$strings.ToastLibraryScanStarted)
           })
           .catch((error) => {
             console.error('Failed to start scan', error)
-            this.$toast.error('Failed to start scan')
+            this.$toast.error(this.$strings.ToastLibraryScanFailedToStart)
           })
       }
     },
     deleteClick() {
-      if (confirm(`Are you sure you want to permanently delete library "${this.library.name}"?`)) {
+      if (confirm(this.$getString('MessageConfirmDeleteLibrary', [this.library.name]))) {
         this.isDeleting = true
         this.$axios
           .$delete(`/api/libraries/${this.library.id}`)
@@ -152,12 +152,12 @@ export default {
             if (data.error) {
               this.$toast.error(data.error)
             } else {
-              this.$toast.success('Library deleted')
+              this.$toast.success(this.$strings.ToastLibraryDeleteSuccess)
             }
           })
           .catch((error) => {
             console.error('Failed to delete library', error)
-            this.$toast.error('Failed to delete library')
+            this.$toast.error(this.$strings.ToastLibraryDeleteFailed)
             this.isDeleting = false
           })
       }
diff --git a/client/components/tables/podcast/EpisodeTableRow.vue b/client/components/tables/podcast/EpisodeTableRow.vue
index 74f6c847..ca9c2663 100644
--- a/client/components/tables/podcast/EpisodeTableRow.vue
+++ b/client/components/tables/podcast/EpisodeTableRow.vue
@@ -20,7 +20,7 @@
             <p class="pl-2 pr-1 text-sm font-semibold">{{ timeRemaining }}</p>
           </button>
 
-          <ui-tooltip :text="userIsFinished ? 'Mark as Not Finished' : 'Mark as Finished'" direction="top">
+          <ui-tooltip :text="userIsFinished ? $strings.MessageMarkAsNotFinished : $strings.MessageMarkAsFinished" direction="top">
             <ui-read-icon-btn :disabled="isProcessingReadUpdate" :is-read="userIsFinished" borderless class="mx-1 mt-0.5" @click="toggleFinished" />
           </ui-tooltip>
 
@@ -159,12 +159,12 @@ export default {
         .$patch(`/api/me/progress/${this.libraryItemId}/${this.episode.id}`, updatePayload)
         .then(() => {
           this.isProcessingReadUpdate = false
-          this.$toast.success(`Item marked as ${updatePayload.isFinished ? 'Finished' : 'Not Finished'}`)
+          this.$toast.success(updatePayload.isFinished ? this.$strings.ToastItemMarkedAsFinishedSuccess : this.$strings.ToastItemMarkedAsNotFinishedSuccess)
         })
         .catch((error) => {
           console.error('Failed', error)
           this.isProcessingReadUpdate = false
-          this.$toast.error(`Failed to mark as ${updatePayload.isFinished ? 'Finished' : 'Not Finished'}`)
+          this.$toast.error(updatePayload.isFinished ? this.$strings.ToastItemMarkedAsFinishedFailed : this.$strings.ToastItemMarkedAsNotFinishedFailed)
         })
     },
     removeClick() {
diff --git a/client/components/tables/podcast/EpisodesTable.vue b/client/components/tables/podcast/EpisodesTable.vue
index ab5e1d32..4e9c63dd 100644
--- a/client/components/tables/podcast/EpisodesTable.vue
+++ b/client/components/tables/podcast/EpisodesTable.vue
@@ -42,43 +42,7 @@ export default {
       showPodcastRemoveModal: false,
       selectedEpisodes: [],
       episodesToRemove: [],
-      processing: false,
-      sortItems: [
-        {
-          text: 'Pub Date',
-          value: 'publishedAt'
-        },
-        {
-          text: 'Title',
-          value: 'title'
-        },
-        {
-          text: 'Season',
-          value: 'season'
-        },
-        {
-          text: 'Episode',
-          value: 'episode'
-        }
-      ],
-      filterItems: [
-        {
-          value: 'all',
-          text: 'Show All'
-        },
-        {
-          value: 'incomplete',
-          text: 'Incomplete'
-        },
-        {
-          value: 'complete',
-          text: 'Complete'
-        },
-        {
-          value: 'in_progress',
-          text: 'In Progress'
-        }
-      ]
+      processing: false
     }
   },
   watch: {
@@ -87,6 +51,46 @@ export default {
     }
   },
   computed: {
+    sortItems() {
+      return [
+        {
+          text: this.$strings.LabelPubDate,
+          value: 'publishedAt'
+        },
+        {
+          text: this.$strings.LabelTitle,
+          value: 'title'
+        },
+        {
+          text: this.$strings.LabelSeason,
+          value: 'season'
+        },
+        {
+          text: this.$strings.LabelEpisode,
+          value: 'episode'
+        }
+      ]
+    },
+    filterItems() {
+      return [
+        {
+          value: 'all',
+          text: this.$strings.LabelShowAll
+        },
+        {
+          value: 'incomplete',
+          text: this.$strings.LabelIncomplete
+        },
+        {
+          value: 'complete',
+          text: this.$strings.LabelComplete
+        },
+        {
+          value: 'in_progress',
+          text: this.$strings.LabelInProgress
+        }
+      ]
+    },
     isSelectionMode() {
       return this.selectedEpisodes.length > 0
     },
@@ -141,12 +145,12 @@ export default {
       this.$axios
         .patch(`/api/me/progress/batch/update`, updateProgressPayloads)
         .then(() => {
-          this.$toast.success('Batch update success!')
+          this.$toast.success(this.$strings.ToastBatchUpdateSuccess)
           this.processing = false
           this.clearSelected()
         })
         .catch((error) => {
-          this.$toast.error('Batch update failed')
+          this.$toast.error(this.$strings.ToastBatchUpdateFailed)
           console.error('Failed to batch update read/not read', error)
           this.processing = false
         })
diff --git a/client/components/ui/MultiSelect.vue b/client/components/ui/MultiSelect.vue
index 8721b8af..13d2d970 100644
--- a/client/components/ui/MultiSelect.vue
+++ b/client/components/ui/MultiSelect.vue
@@ -28,7 +28,7 @@
         </template>
         <li v-if="!itemsToShow.length" class="text-gray-50 select-none relative py-2 pr-9" role="option">
           <div class="flex items-center justify-center">
-            <span class="font-normal">No items</span>
+            <span class="font-normal">{{ $strings.MessageNoItems }}</span>
           </div>
         </li>
       </ul>
diff --git a/client/components/ui/MultiSelectDropdown.vue b/client/components/ui/MultiSelectDropdown.vue
index 0f87513c..9c1dcb45 100644
--- a/client/components/ui/MultiSelectDropdown.vue
+++ b/client/components/ui/MultiSelectDropdown.vue
@@ -24,7 +24,7 @@
         </template>
         <li v-if="!items.length" class="text-gray-50 select-none relative py-2 pr-9" role="option">
           <div class="flex items-center justify-center">
-            <span class="font-normal">No items</span>
+            <span class="font-normal">{{ $strings.MessageNoItems }}</span>
           </div>
         </li>
       </ul>
diff --git a/client/components/ui/MultiSelectQueryInput.vue b/client/components/ui/MultiSelectQueryInput.vue
index 6bed5601..f1fd8e4a 100644
--- a/client/components/ui/MultiSelectQueryInput.vue
+++ b/client/components/ui/MultiSelectQueryInput.vue
@@ -31,7 +31,7 @@
         </template>
         <li v-if="!itemsToShow.length" class="text-gray-50 select-none relative py-2 pr-9" role="option">
           <div class="flex items-center justify-center">
-            <span class="font-normal">No items</span>
+            <span class="font-normal">{{ $strings.MessageNoItems }}</span>
           </div>
         </li>
       </ul>
diff --git a/client/components/ui/QueryInput.vue b/client/components/ui/QueryInput.vue
index 27191a92..941e8850 100644
--- a/client/components/ui/QueryInput.vue
+++ b/client/components/ui/QueryInput.vue
@@ -21,7 +21,7 @@
         </template>
         <li v-if="!items.length" class="text-gray-50 select-none relative py-2 pr-9" role="option">
           <div class="flex items-center justify-center">
-            <span class="font-normal">No items</span>
+            <span class="font-normal">{{ $strings.MessageNoItems }}</span>
           </div>
         </li>
       </ul>
@@ -74,7 +74,7 @@ export default {
       if (this.searching) return
       this.currentSearch = this.textInput
       this.searching = true
-      var results = await this.$axios.$get(`/api/${this.endpoint}?q=${this.currentSearch}&limit=15`).catch((error) => {
+      var results = await this.$axios.$gest(`/api/${this.endpoint}?q=${this.currentSearch}&limit=15`).catch((error) => {
         console.error('Failed to get search results', error)
         return []
       })
diff --git a/client/components/widgets/CronExpressionBuilder.vue b/client/components/widgets/CronExpressionBuilder.vue
index 2f8e6a3d..2cefce24 100644
--- a/client/components/widgets/CronExpressionBuilder.vue
+++ b/client/components/widgets/CronExpressionBuilder.vue
@@ -12,7 +12,7 @@
       <template v-if="!showAdvancedView">
         <ui-dropdown v-model="selectedInterval" @input="updateCron" :label="$strings.LabelInterval" :items="intervalOptions" class="mb-2" />
 
-        <ui-multi-select-dropdown v-if="selectedInterval === 'custom'" v-model="selectedWeekdays" @input="updateCron" :label="$string.LabelWeekdaysToRun" :items="weekdays" />
+        <ui-multi-select-dropdown v-if="selectedInterval === 'custom'" v-model="selectedWeekdays" @input="updateCron" :label="$strings.LabelWeekdaysToRun" :items="weekdays" />
 
         <div v-if="(selectedWeekdays.length && selectedInterval === 'custom') || selectedInterval === 'daily'" class="flex items-center py-2">
           <ui-text-input-with-label v-model="selectedHour" @input="updateCron" @blur="hourBlur" type="number" :label="$strings.LabelHour" class="max-w-20" />
diff --git a/client/components/widgets/PodcastDetailsEdit.vue b/client/components/widgets/PodcastDetailsEdit.vue
index e6a81983..a8181b48 100644
--- a/client/components/widgets/PodcastDetailsEdit.vue
+++ b/client/components/widgets/PodcastDetailsEdit.vue
@@ -3,39 +3,39 @@
     <form class="w-full h-full px-4 py-6" @submit.prevent="submitForm">
       <div class="flex -mx-1">
         <div class="w-1/2 px-1">
-          <ui-text-input-with-label ref="titleInput" v-model="details.title" label="Title" />
+          <ui-text-input-with-label ref="titleInput" v-model="details.title" :label="$strings.LabelTitle" />
         </div>
         <div class="flex-grow px-1">
-          <ui-text-input-with-label ref="authorInput" v-model="details.author" label="Author" />
+          <ui-text-input-with-label ref="authorInput" v-model="details.author" :label="$strings.LabelAuthor" />
         </div>
       </div>
 
-      <ui-text-input-with-label ref="feedUrlInput" v-model="details.feedUrl" label="RSS Feed URL" class="mt-2" />
+      <ui-text-input-with-label ref="feedUrlInput" v-model="details.feedUrl" :label="$strings.LabelRSSFeedURL" class="mt-2" />
 
-      <ui-textarea-with-label ref="descriptionInput" v-model="details.description" :rows="3" label="Description" class="mt-2" />
+      <ui-textarea-with-label ref="descriptionInput" v-model="details.description" :rows="3" :label="$strings.LabelDescription" class="mt-2" />
 
       <div class="flex mt-2 -mx-1">
         <div class="w-1/2 px-1">
-          <ui-multi-select ref="genresSelect" v-model="details.genres" label="Genres" :items="genres" />
+          <ui-multi-select ref="genresSelect" v-model="details.genres" :label="$strings.LabelGenres" :items="genres" />
         </div>
         <div class="flex-grow px-1">
-          <ui-multi-select ref="tagsSelect" v-model="newTags" label="Tags" :items="tags" />
+          <ui-multi-select ref="tagsSelect" v-model="newTags" :label="$strings.LabelTags" :items="tags" />
         </div>
       </div>
 
       <div class="flex mt-2 -mx-1">
         <div class="w-1/4 px-1">
-          <ui-text-input-with-label ref="releaseDateInput" v-model="details.releaseDate" label="Release Date" />
+          <ui-text-input-with-label ref="releaseDateInput" v-model="details.releaseDate" :label="$strings.LabelReleaseDate" />
         </div>
         <div class="w-1/4 px-1">
           <ui-text-input-with-label ref="itunesIdInput" v-model="details.itunesId" label="iTunes ID" />
         </div>
         <div class="w-1/4 px-1">
-          <ui-text-input-with-label ref="languageInput" v-model="details.language" label="Language" />
+          <ui-text-input-with-label ref="languageInput" v-model="details.language" :label="$strings.LabelLanguage" />
         </div>
         <div class="flex-grow px-1 pt-6">
           <div class="flex justify-center">
-            <ui-checkbox v-model="details.explicit" label="Explicit" checkbox-bg="primary" border-color="gray-600" label-class="pl-2 text-base font-semibold" />
+            <ui-checkbox v-model="details.explicit" :label="$strings.LabelExplicit" checkbox-bg="primary" border-color="gray-600" label-class="pl-2 text-base font-semibold" />
           </div>
         </div>
       </div>
diff --git a/client/pages/account.vue b/client/pages/account.vue
index 9250257a..edc57b1c 100644
--- a/client/pages/account.vue
+++ b/client/pages/account.vue
@@ -23,7 +23,7 @@
           <div class="flex items-center py-2">
             <p v-if="isRoot" class="text-error py-2 text-xs">* {{ $strings.NoteChangeRootPassword }}</p>
             <div class="flex-grow" />
-            <ui-btn v-show="(password && newPassword && confirmPassword) || isRoot" type="submit" :loading="changingPassword" color="success">{{ $strings.ButtonChangePasswordSubmit }}</ui-btn>
+            <ui-btn v-show="(password && newPassword && confirmPassword) || isRoot" type="submit" :loading="changingPassword" color="success">{{ $strings.ButtonSubmit }}</ui-btn>
           </div>
         </form>
       </div>
diff --git a/client/pages/audiobook/_id/chapters.vue b/client/pages/audiobook/_id/chapters.vue
index 0134d5be..f42de9a8 100644
--- a/client/pages/audiobook/_id/chapters.vue
+++ b/client/pages/audiobook/_id/chapters.vue
@@ -134,18 +134,18 @@
         <div v-else class="w-full p-4">
           <div class="flex justify-between mb-4">
             <p>
-              Duration found: <span class="font-semibold">{{ $secondsToTimestamp(chapterData.runtimeLengthSec) }}</span
+              {{ $strings.LabelDurationFound }} <span class="font-semibold">{{ $secondsToTimestamp(chapterData.runtimeLengthSec) }}</span
               ><br />
-              <span class="font-semibold" :class="{ 'text-warning': chapters.length !== chapterData.chapters.length }">{{ chapterData.chapters.length }}</span> chapters found
+              <span class="font-semibold" :class="{ 'text-warning': chapters.length !== chapterData.chapters.length }">{{ chapterData.chapters.length }}</span> {{ $strings.LabelChaptersFound }}
             </p>
             <p>
-              Your audiobook duration: <span class="font-semibold">{{ $secondsToTimestamp(mediaDurationRounded) }}</span
+              {{ $strings.LabelYourAudiobookDuration }}: <span class="font-semibold">{{ $secondsToTimestamp(mediaDurationRounded) }}</span
               ><br />
               Your audiobook has <span class="font-semibold" :class="{ 'text-warning': chapters.length !== chapterData.chapters.length }">{{ chapters.length }}</span> chapters
             </p>
           </div>
-          <widgets-alert v-if="chapterData.runtimeLengthSec > mediaDurationRounded" type="warning" class="mb-2"> Your audiobook duration is shorter than duration found </widgets-alert>
-          <widgets-alert v-else-if="chapterData.runtimeLengthSec < mediaDurationRounded" type="warning" class="mb-2"> Your audiobook duration is longer than the duration found </widgets-alert>
+          <widgets-alert v-if="chapterData.runtimeLengthSec > mediaDurationRounded" type="warning" class="mb-2"> {{ $strings.MessageYourAudiobookDurationIsShorter }} </widgets-alert>
+          <widgets-alert v-else-if="chapterData.runtimeLengthSec < mediaDurationRounded" type="warning" class="mb-2"> {{ $strings.MessageYourAudiobookDurationIsLonger }} </widgets-alert>
 
           <div class="flex py-0.5 text-xs font-semibold uppercase text-gray-300 mb-1">
             <div class="w-24 px-2">{{ $strings.LabelStart }}</div>
@@ -164,11 +164,11 @@
           <div v-if="chapterData.runtimeLengthSec > mediaDurationRounded" class="w-full pt-2">
             <div class="flex items-center">
               <div class="w-2 h-2 bg-warning bg-opacity-50" />
-              <p class="pl-2">Chapter end is after the end of your audiobook</p>
+              <p class="pl-2">{{ $strings.MessageChapterEndIsAfter }}</p>
             </div>
             <div class="flex items-center">
               <div class="w-2 h-2 bg-error bg-opacity-50" />
-              <p class="pl-2">Chapter start is after the end of your audiobook</p>
+              <p class="pl-2">{{ $strings.MessageChapterStartIsAfter }}</p>
             </div>
           </div>
           <div class="flex items-center pt-2">
@@ -442,7 +442,7 @@ export default {
               this.$router.push(`/item/${this.libraryItem.id}`)
             }
           } else {
-            this.$toast.info('No changes needed updating')
+            this.$toast.info(this.$strings.MessageNoUpdatesWereNecessary)
           }
         })
         .catch((error) => {
diff --git a/client/pages/audiobook/_id/edit.vue b/client/pages/audiobook/_id/edit.vue
index 887391d8..dbb1b105 100644
--- a/client/pages/audiobook/_id/edit.vue
+++ b/client/pages/audiobook/_id/edit.vue
@@ -5,73 +5,68 @@
     </div>
     <div class="w-full h-full overflow-y-auto p-8">
       <div class="w-full flex justify-between items-center pb-6 pt-2">
-        <p class="text-lg">Drag files into correct track order</p>
-        <ui-btn color="success" @click="saveTracklist">Save Tracklist</ui-btn>
+        <p class="text-lg">{{ $strings.MessageDragFilesIntoTrackOrder }}</p>
+        <ui-btn color="success" @click="saveTracklist">{{ $strings.ButtonSaveTracklist }}</ui-btn>
       </div>
       <div class="w-full flex items-center text-sm py-4 bg-primary border-l border-r border-t border-gray-600">
-        <div class="font-book text-center px-4 w-12">New</div>
-        <div class="font-book text-center px-4 w-24 flex items-center cursor-pointer text-white text-opacity-40 hover:text-opacity-100" @click="sortByCurrent" @mousedown.prevent>
-          <span class="text-white">Current</span>
+        <div class="text-center px-4 w-12">{{ $strings.LabelNew }}</div>
+        <div class="text-center px-4 w-24 flex items-center cursor-pointer text-white text-opacity-40 hover:text-opacity-100" @click="sortByCurrent" @mousedown.prevent>
+          <span class="text-white">{{ $strings.LabelCurrent }}</span>
           <span class="material-icons ml-1" :class="currentSort === 'current' ? 'text-white text-opacity-100 text-lg' : 'text-sm'">{{ currentSort === 'current' ? 'expand_more' : 'unfold_more' }}</span>
         </div>
-        <div class="font-book text-center px-4 w-32 flex items-center cursor-pointer text-white text-opacity-40 hover:text-opacity-100" @click="sortByFilenameTrack" @mousedown.prevent>
-          <span class="text-white">Track From Filename</span>
+        <div class="text-center px-4 w-32 flex items-center cursor-pointer text-white text-opacity-40 hover:text-opacity-100" @click="sortByFilenameTrack" @mousedown.prevent>
+          <span class="text-white">{{ $strings.LabelTrackFromFilename }}</span>
           <span class="material-icons ml-1" :class="currentSort === 'track-filename' ? 'text-white text-opacity-100 text-lg' : 'text-sm'">{{ currentSort === 'track-filename' ? 'expand_more' : 'unfold_more' }}</span>
         </div>
-        <div class="font-book text-center px-4 w-32 flex items-center cursor-pointer text-white text-opacity-40 hover:text-opacity-100" @click="sortByMetadataTrack" @mousedown.prevent>
-          <span class="text-white">Track From Metadata</span>
+        <div class="text-center px-4 w-32 flex items-center cursor-pointer text-white text-opacity-40 hover:text-opacity-100" @click="sortByMetadataTrack" @mousedown.prevent>
+          <span class="text-white">{{ $strings.LabelTrackFromMetadata }}</span>
           <span class="material-icons ml-1" :class="currentSort === 'metadata' ? 'text-white text-opacity-100 text-lg' : 'text-sm'">{{ currentSort === 'metadata' ? 'expand_more' : 'unfold_more' }}</span>
         </div>
-        <div class="font-mono w-20 text-center">Disc From Filename</div>
-        <div class="font-mono w-20 text-center">Disc From Metadata</div>
-        <div class="font-book text-center px-4 flex-grow flex items-center cursor-pointer text-white text-opacity-40 hover:text-opacity-100" @click="sortByFilename" @mousedown.prevent>
-          <span class="text-white">Filename</span>
+        <div class="w-20 text-center">{{ $strings.LabelDiscFromFilename }}</div>
+        <div class="w-20 text-center">{{ $strings.LabelDiscFromMetadata }}</div>
+        <div class="text-center px-4 flex-grow flex items-center cursor-pointer text-white text-opacity-40 hover:text-opacity-100" @click="sortByFilename" @mousedown.prevent>
+          <span class="text-white">{{ $strings.LabelFilename }}</span>
           <span class="material-icons ml-1" :class="currentSort === 'filename' ? 'text-white text-opacity-100 text-lg' : 'text-sm'">{{ currentSort === 'filename' ? 'expand_more' : 'unfold_more' }}</span>
         </div>
-        <!-- <div class="font-book truncate px-4 flex-grow">Filename</div> -->
 
-        <div class="font-mono w-20 text-center">Size</div>
-        <div class="font-mono w-20 text-center">Duration</div>
-        <div class="font-mono text-center w-20">Status</div>
-        <div class="font-mono w-56">Notes</div>
-        <div class="font-book w-40">Include in Tracklist</div>
+        <div class="w-20 text-center">{{ $strings.LabelSize }}</div>
+        <div class="w-20 text-center">{{ $strings.LabelDuration }}</div>
+        <div class="w-56">{{ $strings.LabelNotes }}</div>
+        <div class="w-40">{{ $strings.LabelIncludeInTracklist }}</div>
       </div>
       <draggable v-model="files" v-bind="dragOptions" class="list-group border border-gray-600" draggable=".item" tag="ul" @start="drag = true" @end="drag = false" @update="draggableUpdate">
         <transition-group type="transition" :name="!drag ? 'flip-list' : null">
           <li v-for="(audio, index) in files" :key="audio.ino" :class="audio.include ? 'item' : 'exclude'" class="w-full list-group-item flex items-center relative">
-            <div class="font-book text-center px-4 py-1 w-12">
+            <div class="font-book text-center px-4 py-1 w-12 min-w-12">
               {{ audio.include ? index - numExcluded + 1 : -1 }}
             </div>
-            <div class="font-book text-center px-4 w-24">{{ audio.index }}</div>
-            <div class="font-book text-center px-2 w-32">
+            <div class="font-book text-center px-4 w-24 min-w-24">{{ audio.index }}</div>
+            <div class="font-book text-center px-2 w-32 min-w-32">
               {{ audio.trackNumFromFilename }}
             </div>
-            <div class="font-book text-center w-32">
+            <div class="font-book text-center w-32 min-w-32">
               {{ audio.trackNumFromMeta }}
             </div>
-            <div class="font-book truncate px-4 w-20">
+            <div class="font-book truncate px-4 w-20 min-w-20">
               {{ audio.discNumFromFilename }}
             </div>
-            <div class="font-book truncate px-4 w-20">
+            <div class="font-book truncate px-4 w-20 min-w-20">
               {{ audio.discNumFromMeta }}
             </div>
             <div class="font-book truncate px-4 flex-grow">
               {{ audio.metadata.filename }}
             </div>
 
-            <div class="font-mono w-20 text-center">
+            <div class="font-mono w-20 min-w-20 text-center text-xs">
               {{ $bytesPretty(audio.metadata.size) }}
             </div>
-            <div class="font-mono w-20">
+            <div class="font-mono w-20 min-w-20 text-center text-xs">
               {{ $secondsToTimestamp(audio.duration) }}
             </div>
-            <div class="font-mono text-center w-20">
-              <span class="material-icons text-sm" :class="audio.invalid ? 'text-error' : 'text-success'">{{ getStatusIcon(audio) }}</span>
-            </div>
-            <div class="font-sans text-xs font-normal w-56">
+            <div class="font-sans text-xs font-normal w-56 min-w-[224px]">
               {{ audio.error }}
             </div>
-            <div class="font-sans text-xs font-normal w-40 flex items-center justify-center">
+            <div class="font-sans text-xs font-normal w-40 min-w-[160px] flex items-center justify-center">
               <ui-toggle-switch v-model="audio.include" :off-color="'error'" @input="includeToggled(audio)" />
             </div>
           </li>
@@ -229,13 +224,6 @@ export default {
           console.error('Failed', error)
           this.saving = false
         })
-    },
-    getStatusIcon(audio) {
-      if (audio.invalid) {
-        return 'error_outline'
-      } else {
-        return 'check_circle'
-      }
     }
   }
 }
diff --git a/client/pages/audiobook/_id/manage.vue b/client/pages/audiobook/_id/manage.vue
index f047660e..216e6b47 100644
--- a/client/pages/audiobook/_id/manage.vue
+++ b/client/pages/audiobook/_id/manage.vue
@@ -13,7 +13,7 @@
 
     <div class="flex justify-center">
       <div class="w-full max-w-2xl">
-        <p class="text-xl mb-1">Metadata to embed</p>
+        <p class="text-xl mb-1">{{ $strings.HeaderMetadataToEmbed }}</p>
         <p class="mb-2 text-base text-gray-300">audiobookshelf uses <a href="https://github.com/sandreas/tone" target="_blank" class="hover:underline text-blue-400 hover:text-blue-300">tone</a> to write metadata.</p>
       </div>
       <div class="w-full max-w-2xl"></div>
@@ -22,8 +22,8 @@
     <div class="flex justify-center flex-wrap">
       <div class="w-full max-w-2xl border border-white border-opacity-10 bg-bg mx-2">
         <div class="flex py-2 px-4">
-          <div class="w-1/3 text-xs font-semibold uppercase text-gray-200">Meta Tag</div>
-          <div class="w-2/3 text-xs font-semibold uppercase text-gray-200">Value</div>
+          <div class="w-1/3 text-xs font-semibold uppercase text-gray-200">{{ $strings.LabelMetaTag }}</div>
+          <div class="w-2/3 text-xs font-semibold uppercase text-gray-200">{{ $strings.LabelValue }}</div>
         </div>
         <div class="w-full max-h-72 overflow-auto">
           <template v-for="(value, key, index) in toneObject">
@@ -38,12 +38,12 @@
       </div>
       <div class="w-full max-w-2xl border border-white border-opacity-10 bg-bg mx-2">
         <div class="flex py-2 px-4 bg-primary bg-opacity-25">
-          <div class="flex-grow text-xs font-semibold uppercase text-gray-200">Chapter Title</div>
-          <div class="w-24 text-xs font-semibold uppercase text-gray-200">Start</div>
-          <div class="w-24 text-xs font-semibold uppercase text-gray-200">End</div>
+          <div class="flex-grow text-xs font-semibold uppercase text-gray-200">{{ $strings.LabelChapterTitle }}</div>
+          <div class="w-24 text-xs font-semibold uppercase text-gray-200">{{ $strings.LabelStart }}</div>
+          <div class="w-24 text-xs font-semibold uppercase text-gray-200">{{ $strings.LabelEnd }}</div>
         </div>
         <div class="w-full max-h-72 overflow-auto">
-          <p v-if="!metadataChapters.length" class="py-5 text-center text-gray-200">No chapters</p>
+          <p v-if="!metadataChapters.length" class="py-5 text-center text-gray-200">{{ $strings.MessageNoChapters }}</p>
           <template v-for="(chapter, index) in metadataChapters">
             <div :key="index" class="flex py-1 px-4 text-sm" :class="index % 2 === 1 ? 'bg-primary bg-opacity-25' : ''">
               <div class="flex-grow font-semibold">{{ chapter.title }}</div>
@@ -63,20 +63,20 @@
 
     <div class="w-full max-w-4xl mx-auto">
       <div v-if="selectedTool === 'embed'" class="w-full flex justify-end items-center mb-4">
-        <ui-btn v-if="!isFinished" color="primary" :loading="processing" @click.stop="embedClick">Start Metadata Embed</ui-btn>
-        <p v-else class="text-success text-lg font-semibold">Embed Finished!</p>
+        <ui-btn v-if="!isFinished" color="primary" :loading="processing" @click.stop="embedClick">{{ $strings.ButtonStartMetadataEmbed }}</ui-btn>
+        <p v-else class="text-success text-lg font-semibold">{{ $strings.MessageEmbedFinished }}</p>
       </div>
       <div v-else class="w-full flex justify-end items-center mb-4">
-        <ui-btn v-if="!isTaskFinished && processing" color="error" :loading="isCancelingEncode" class="mr-2" @click.stop="cancelEncodeClick">Cancel Encode</ui-btn>
-        <ui-btn v-if="!isTaskFinished" color="primary" :loading="processing" @click.stop="encodeM4bClick">Start M4B Encode</ui-btn>
-        <p v-else-if="taskFailed" class="text-error text-lg font-semibold">M4B Failed! {{ taskError }}</p>
-        <p v-else class="text-success text-lg font-semibold">M4B Finished!</p>
+        <ui-btn v-if="!isTaskFinished && processing" color="error" :loading="isCancelingEncode" class="mr-2" @click.stop="cancelEncodeClick">{{ $strings.ButtonCancelEncode }}</ui-btn>
+        <ui-btn v-if="!isTaskFinished" color="primary" :loading="processing" @click.stop="encodeM4bClick">{{ $strings.ButtonStartM4BEncode }}</ui-btn>
+        <p v-else-if="taskFailed" class="text-error text-lg font-semibold">{{ $strings.MessageM4BFailed }} {{ taskError }}</p>
+        <p v-else class="text-success text-lg font-semibold">{{ $strings.MessageM4BFinished }}</p>
       </div>
 
       <div class="mb-4">
         <div v-if="selectedTool === 'embed'" class="flex items-start mb-2">
           <span class="material-icons text-base text-warning pt-1">star</span>
-          <p class="text-gray-200 ml-2">Metadata will be embedded on the audio tracks inside your audiobook folder.</p>
+          <p class="text-gray-200 ml-2">Metadata will be embedded in the audio tracks inside your audiobook folder.</p>
         </div>
         <div v-else class="flex items-start mb-2">
           <span class="material-icons text-base text-warning pt-1">star</span>
@@ -111,12 +111,12 @@
     </div>
 
     <div class="w-full max-w-4xl mx-auto">
-      <p class="mb-2 font-semibold">Audio Tracks</p>
+      <p class="mb-2 font-semibold">{{ $strings.HeaderAudioTracks }}</p>
       <div class="w-full mx-auto border border-white border-opacity-10 bg-bg">
         <div class="flex py-2 px-4 bg-primary bg-opacity-25">
           <div class="w-10 text-xs font-semibold text-gray-200">#</div>
-          <div class="flex-grow text-xs font-semibold uppercase text-gray-200">Filename</div>
-          <div class="w-16 text-xs font-semibold uppercase text-gray-200">Size</div>
+          <div class="flex-grow text-xs font-semibold uppercase text-gray-200">{{ $strings.LabelFilename }}</div>
+          <div class="w-16 text-xs font-semibold uppercase text-gray-200">{{ $strings.LabelSize }}</div>
           <div class="w-24"></div>
         </div>
         <template v-for="file in audioFiles">
diff --git a/client/pages/author/_id.vue b/client/pages/author/_id.vue
index 21c55b8f..878180bf 100644
--- a/client/pages/author/_id.vue
+++ b/client/pages/author/_id.vue
@@ -16,7 +16,7 @@
             </button>
           </div>
 
-          <p v-if="author.description" class="text-white text-opacity-60 uppercase text-xs mb-2">Description</p>
+          <p v-if="author.description" class="text-white text-opacity-60 uppercase text-xs mb-2">{{ $strings.LabelDescription }}</p>
           <p class="text-white max-w-3xl text-sm leading-5">{{ author.description }}</p>
         </div>
       </div>
@@ -24,7 +24,7 @@
       <div class="py-4">
         <widgets-item-slider :items="libraryItems" :bookshelf-view="$constants.BookshelfView.AUTHOR">
           <nuxt-link :to="`/library/${currentLibraryId}/bookshelf?filter=authors.${$encode(author.id)}`" class="hover:underline">
-            <h2 class="text-lg">{{ libraryItems.length }} Books</h2>
+            <h2 class="text-lg">{{ libraryItems.length }} {{ $strings.LabelBooks }}</h2>
           </nuxt-link>
         </widgets-item-slider>
       </div>
@@ -34,7 +34,7 @@
           <nuxt-link :to="`/library/${currentLibraryId}/series/${series.id}`" class="hover:underline">
             <h2 class="text-lg">{{ series.name }}</h2>
           </nuxt-link>
-          <p class="text-white text-opacity-40 text-base px-2">Series</p>
+          <p class="text-white text-opacity-40 text-base px-2">{{ $strings.LabelSeries }}</p>
         </widgets-item-slider>
       </div>
     </div>
diff --git a/client/pages/batch/index.vue b/client/pages/batch/index.vue
index 90dad226..8ebfce28 100644
--- a/client/pages/batch/index.vue
+++ b/client/pages/batch/index.vue
@@ -11,47 +11,47 @@
           <div v-if="openMapOptions" class="flex flex-wrap">
             <div v-if="!isPodcastLibrary" class="flex items-center px-4 w-1/2">
               <ui-checkbox v-model="selectedBatchUsage.subtitle" />
-              <ui-text-input-with-label ref="subtitleInput" v-model="batchDetails.subtitle" :disabled="!selectedBatchUsage.subtitle" label="Subtitle" class="mb-4 ml-4" />
+              <ui-text-input-with-label ref="subtitleInput" v-model="batchDetails.subtitle" :disabled="!selectedBatchUsage.subtitle" :label="$strings.LabelSubtitle" class="mb-4 ml-4" />
             </div>
             <div v-if="!isPodcastLibrary" class="flex items-center px-4 w-1/2">
               <ui-checkbox v-model="selectedBatchUsage.authors" />
               <!-- Authors filter only contains authors in this library, use query input to query all authors -->
-              <ui-multi-select-query-input ref="authorsSelect" v-model="batchDetails.authors" :disabled="!selectedBatchUsage.authors" label="Authors" endpoint="authors/search" class="mb-4 ml-4" />
+              <ui-multi-select-query-input ref="authorsSelect" v-model="batchDetails.authors" :disabled="!selectedBatchUsage.authors" :label="$strings.LabelAuthors" endpoint="authors/search" class="mb-4 ml-4" />
             </div>
             <div v-if="!isPodcastLibrary" class="flex items-center px-4 w-1/2">
               <ui-checkbox v-model="selectedBatchUsage.publishedYear" />
-              <ui-text-input-with-label ref="publishedYearInput" v-model="batchDetails.publishedYear" :disabled="!selectedBatchUsage.publishedYear" label="Publish Year" class="mb-4 ml-4" />
+              <ui-text-input-with-label ref="publishedYearInput" v-model="batchDetails.publishedYear" :disabled="!selectedBatchUsage.publishedYear" :label="$strings.LabelPublishYear" class="mb-4 ml-4" />
             </div>
             <div v-if="!isPodcastLibrary" class="flex items-center px-4 w-1/2">
               <ui-checkbox v-model="selectedBatchUsage.series" />
-              <ui-multi-select ref="seriesSelect" v-model="batchDetails.series" :disabled="!selectedBatchUsage.series" label="Series" :items="seriesItems" @newItem="newSeriesItem" @removedItem="removedSeriesItem" class="mb-4 ml-4" />
+              <ui-multi-select ref="seriesSelect" v-model="batchDetails.series" :disabled="!selectedBatchUsage.series" :label="$strings.LabelSeries" :items="seriesItems" @newItem="newSeriesItem" @removedItem="removedSeriesItem" class="mb-4 ml-4" />
             </div>
             <div class="flex items-center px-4 w-1/2">
               <ui-checkbox v-model="selectedBatchUsage.genres" />
-              <ui-multi-select ref="genresSelect" v-model="batchDetails.genres" :disabled="!selectedBatchUsage.genres" label="Genres" :items="genreItems" @newItem="newGenreItem" @removedItem="removedGenreItem" class="mb-4 ml-4" />
+              <ui-multi-select ref="genresSelect" v-model="batchDetails.genres" :disabled="!selectedBatchUsage.genres" :label="$strings.LabelGenres" :items="genreItems" @newItem="newGenreItem" @removedItem="removedGenreItem" class="mb-4 ml-4" />
             </div>
             <div class="flex items-center px-4 w-1/2">
               <ui-checkbox v-model="selectedBatchUsage.tags" />
-              <ui-multi-select ref="tagsSelect" v-model="batchDetails.tags" label="Tags" :disabled="!selectedBatchUsage.tags" :items="tagItems" @newItem="newTagItem" @removedItem="removedTagItem" class="mb-4 ml-4" />
+              <ui-multi-select ref="tagsSelect" v-model="batchDetails.tags" :label="$strings.LabelTags" :disabled="!selectedBatchUsage.tags" :items="tagItems" @newItem="newTagItem" @removedItem="removedTagItem" class="mb-4 ml-4" />
             </div>
             <div v-if="!isPodcastLibrary" class="flex items-center px-4 w-1/2">
               <ui-checkbox v-model="selectedBatchUsage.narrators" />
-              <ui-multi-select ref="narratorsSelect" v-model="batchDetails.narrators" :disabled="!selectedBatchUsage.narrators" label="Narrators" :items="narratorItems" @newItem="newNarratorItem" @removedItem="removedNarratorItem" class="mb-4 ml-4" />
+              <ui-multi-select ref="narratorsSelect" v-model="batchDetails.narrators" :disabled="!selectedBatchUsage.narrators" :label="$strings.LabelNarrators" :items="narratorItems" @newItem="newNarratorItem" @removedItem="removedNarratorItem" class="mb-4 ml-4" />
             </div>
             <div v-if="!isPodcastLibrary" class="flex items-center px-4 w-1/2">
               <ui-checkbox v-model="selectedBatchUsage.publisher" />
-              <ui-text-input-with-label ref="publisherInput" v-model="batchDetails.publisher" :disabled="!selectedBatchUsage.publisher" label="Publisher" class="mb-4 ml-4" />
+              <ui-text-input-with-label ref="publisherInput" v-model="batchDetails.publisher" :disabled="!selectedBatchUsage.publisher" :label="$strings.LabelPublisher" class="mb-4 ml-4" />
             </div>
             <div class="flex items-center px-4 w-1/2">
               <ui-checkbox v-model="selectedBatchUsage.language" />
-              <ui-text-input-with-label ref="languageInput" v-model="batchDetails.language" :disabled="!selectedBatchUsage.language" label="Language" class="mb-4 ml-4" />
+              <ui-text-input-with-label ref="languageInput" v-model="batchDetails.language" :disabled="!selectedBatchUsage.language" :label="$strings.LabelLanguage" class="mb-4 ml-4" />
             </div>
             <div class="flex items-center px-4 w-1/2">
               <ui-checkbox v-model="selectedBatchUsage.explicit" />
               <div class="ml-4">
                 <ui-checkbox
                   v-model="batchDetails.explicit"
-                  label="Explicit"
+                  :label="$strings.LabelExplicit"
                   :disabled="!selectedBatchUsage.explicit"
                   :checkbox-bg="!selectedBatchUsage.explicit ? 'bg' : 'primary'"
                   :check-color="!selectedBatchUsage.explicit ? 'gray-600' : 'green-500'"
@@ -62,7 +62,7 @@
             </div>
 
             <div class="w-full flex items-center justify-end p-4">
-              <ui-btn color="success" :disabled="!hasSelectedBatchUsage" :padding-x="8" small class="text-base" :loading="isProcessing" @click="mapBatchDetails">Apply</ui-btn>
+              <ui-btn color="success" :disabled="!hasSelectedBatchUsage" :padding-x="8" small class="text-base" :loading="isProcessing" @click="mapBatchDetails">{{ $strings.ButtonApply }}</ui-btn>
             </div>
           </div>
         </transition>
@@ -83,7 +83,7 @@
 
     <div :class="isScrollable ? 'fixed left-0 box-shadow-lg-up bg-primary' : ''" class="w-full h-20 px-4 flex items-center border-t border-bg z-40" :style="{ bottom: streamLibraryItem ? '165px' : '0px' }">
       <div class="flex-grow" />
-      <ui-btn color="success" :padding-x="8" class="text-lg" :loading="isProcessing" @click.prevent="saveClick">Save</ui-btn>
+      <ui-btn color="success" :padding-x="8" class="text-lg" :loading="isProcessing" @click.prevent="saveClick">{{ $strings.ButtonSave }}</ui-btn>
     </div>
   </div>
 </template>
@@ -342,7 +342,7 @@ export default {
             this.$toast.success(`Successfully updated ${data.updates} items`)
             this.$router.replace(`/library/${this.currentLibraryId}/bookshelf`)
           } else {
-            this.$toast.warning('No updates were necessary')
+            this.$toast.warning(this.$strings.MessageNoUpdatesWereNecessary)
           }
         })
         .catch((error) => {
diff --git a/client/pages/collection/_id.vue b/client/pages/collection/_id.vue
index 31bddca0..b57f06fb 100644
--- a/client/pages/collection/_id.vue
+++ b/client/pages/collection/_id.vue
@@ -16,7 +16,7 @@
 
             <ui-btn v-if="showPlayButton" :disabled="streaming" color="success" :padding-x="4" small class="flex items-center h-9 mr-2" @click="clickPlay">
               <span v-show="!streaming" class="material-icons -ml-2 pr-1 text-white">play_arrow</span>
-              {{ streaming ? 'Streaming' : 'Play' }}
+              {{ streaming ? $strings.ButtonPlaying : $strings.ButtonPlay }}
             </ui-btn>
 
             <ui-icon-btn v-if="userCanUpdate" icon="edit" class="mx-0.5" @click="editClick" />
diff --git a/client/pages/item/_id/index.vue b/client/pages/item/_id/index.vue
index edfe93bd..f7c3f8f7 100644
--- a/client/pages/item/_id/index.vue
+++ b/client/pages/item/_id/index.vue
@@ -507,12 +507,12 @@ export default {
         .$patch(`/api/me/progress/${this.libraryItemId}`, updatePayload)
         .then(() => {
           this.isProcessingReadUpdate = false
-          this.$toast.success(`Item marked as ${updatePayload.isFinished ? 'Finished' : 'Not Finished'}`)
+          this.$toast.success(updatePayload.isFinished ? this.$strings.ToastItemMarkedAsFinishedSuccess : this.$strings.ToastItemMarkedAsNotFinishedSuccess)
         })
         .catch((error) => {
           console.error('Failed', error)
           this.isProcessingReadUpdate = false
-          this.$toast.error(`Failed to mark as ${updatePayload.isFinished ? 'Finished' : 'Not Finished'}`)
+          this.$toast.error(updatePayload.isFinished ? this.$strings.ToastItemMarkedAsFinishedFailed : this.$strings.ToastItemMarkedAsNotFinishedFailed)
         })
     },
     playItem(startTime = null) {
diff --git a/client/pages/library/_library/podcast/latest.vue b/client/pages/library/_library/podcast/latest.vue
index 57b227f7..f1de2094 100644
--- a/client/pages/library/_library/podcast/latest.vue
+++ b/client/pages/library/_library/podcast/latest.vue
@@ -4,8 +4,8 @@
 
     <div id="bookshelf" class="w-full overflow-y-auto px-2 py-6 sm:px-4 md:p-12 relative">
       <div class="w-full max-w-3xl mx-auto py-4">
-        <p class="text-xl mb-2 font-semibold">Latest episodes</p>
-        <p v-if="!recentEpisodes.length && !processing" class="text-center text-xl">No podcasts found</p>
+        <p class="text-xl mb-2 font-semibold">{{ $strings.HeaderLatestEpisodes }}</p>
+        <p v-if="!recentEpisodes.length && !processing" class="text-center text-xl">{{ $strings.MessageNoEpisodes }}</p>
         <template v-for="(episode, index) in episodesMapped">
           <div :key="episode.id" class="flex py-5 cursor-pointer relative" @click.stop="clickEpisode(episode)">
             <covers-preview-cover :src="$store.getters['globals/getLibraryItemCoverSrcById'](episode.libraryItemId)" :width="96" :book-cover-aspect-ratio="bookCoverAspectRatio" :show-resolution="false" />
@@ -25,7 +25,7 @@
               </button>
             </div>
 
-             <div v-if="episode.progress" class="absolute bottom-0 left-0 h-0.5 pointer-events-none bg-warning" :style="{ width: episode.progress.progress * 100 + '%' }" />
+            <div v-if="episode.progress" class="absolute bottom-0 left-0 h-0.5 pointer-events-none bg-warning" :style="{ width: episode.progress.progress * 100 + '%' }" />
           </div>
           <div :key="index" v-if="index !== recentEpisodes.length" class="w-full h-px bg-white bg-opacity-10" />
         </template>
diff --git a/client/pages/library/_library/podcast/search.vue b/client/pages/library/_library/podcast/search.vue
index 362e63da..7bbf3de3 100644
--- a/client/pages/library/_library/podcast/search.vue
+++ b/client/pages/library/_library/podcast/search.vue
@@ -6,14 +6,14 @@
       <div class="w-full max-w-4xl mx-auto flex">
         <form @submit.prevent="submit" class="flex flex-grow">
           <ui-text-input v-model="searchInput" :disabled="processing" placeholder="Enter search term or RSS feed URL" class="flex-grow mr-2 text-sm md:text-base" />
-          <ui-btn type="submit" :disabled="processing" class="hidden md:block">Submit</ui-btn>
-          <ui-btn type="submit" :disabled="processing" class="block md:hidden" small>Submit</ui-btn>
+          <ui-btn type="submit" :disabled="processing" class="hidden md:block">{{ $strings.ButtonSubmit }}</ui-btn>
+          <ui-btn type="submit" :disabled="processing" class="block md:hidden" small>{{ $strings.ButtonSubmit }}</ui-btn>
         </form>
-        <ui-file-input ref="fileInput" :accept="'.opml, .txt'" class="ml-2" @change="opmlFileUpload"> Upload OPML File </ui-file-input>
+        <ui-file-input ref="fileInput" :accept="'.opml, .txt'" class="ml-2" @change="opmlFileUpload">{{ $strings.ButtonUploadOPMLFile }}</ui-file-input>
       </div>
 
       <div class="w-full max-w-3xl mx-auto py-4">
-        <p v-if="termSearched && !results.length && !processing" class="text-center text-xl">No podcasts found</p>
+        <p v-if="termSearched && !results.length && !processing" class="text-center text-xl">{{ $strings.MessageNoPodcastsFound }}</p>
         <template v-for="podcast in results">
           <div :key="podcast.id" class="flex p-1 hover:bg-primary hover:bg-opacity-25 cursor-pointer" @click="selectPodcast(podcast)">
             <div class="w-20 min-w-20 h-20 md:w-24 md:min-w-24 md:h-24 bg-primary">
@@ -23,7 +23,7 @@
               <a :href="podcast.pageUrl" class="text-base md:text-lg text-gray-200 hover:underline" target="_blank" @click.stop>{{ podcast.title }}</a>
               <p class="text-sm md:text-base text-gray-300 whitespace-nowrap truncate">by {{ podcast.artistName }}</p>
               <p class="text-xs text-gray-400 leading-5">{{ podcast.genres.join(', ') }}</p>
-              <p class="text-xs text-gray-400 leading-5">{{ podcast.trackCount }} Episodes</p>
+              <p class="text-xs text-gray-400 leading-5">{{ podcast.trackCount }} {{ $strings.HeaderEpisodes }}</p>
             </div>
           </div>
         </template>
diff --git a/client/pages/library/_library/search.vue b/client/pages/library/_library/search.vue
index 3b3faa5d..b338323f 100644
--- a/client/pages/library/_library/search.vue
+++ b/client/pages/library/_library/search.vue
@@ -3,7 +3,7 @@
     <app-book-shelf-toolbar is-home page="search" :search-query="query" />
     <app-book-shelf-categorized v-if="hasResults" ref="bookshelf" search :results="results" />
     <div v-else class="w-full py-16">
-      <p class="text-xl text-center">No Search results for "{{ query }}"</p>
+      <p class="text-xl text-center">{{ $getString('MessageNoSearchResultsFor', [query]) }}</p>
     </div>
   </div>
 </template>
diff --git a/client/pages/login.vue b/client/pages/login.vue
index 50a6fd56..94e9f38b 100644
--- a/client/pages/login.vue
+++ b/client/pages/login.vue
@@ -2,7 +2,7 @@
   <div class="w-full h-screen bg-bg">
     <div class="w-full flex h-full items-center justify-center">
       <div v-if="criticalError" class="w-full max-w-md rounded border border-error border-opacity-25 bg-error bg-opacity-10 p-4">
-        <p class="text-center text-lg font-semibold">Server could not be reached</p>
+        <p class="text-center text-lg font-semibold">{{ $strings.MessageServerCouldNotBeReached }}</p>
       </div>
       <div v-else-if="showInitScreen" class="w-full max-w-lg px-4 md:px-8 pb-8 pt-4">
         <p class="text-3xl text-white text-center mb-4">Initial Server Setup</p>
@@ -19,22 +19,22 @@
           <ui-text-input-with-label v-model="MetadataPath" label="Metadata Path" disabled class="w-full mb-3 text-sm" />
 
           <div class="w-full flex justify-end py-3">
-            <ui-btn type="submit" :disabled="processing" color="primary" class="leading-none">{{ processing ? 'Initializing...' : 'Submit' }}</ui-btn>
+            <ui-btn type="submit" :disabled="processing" color="primary" class="leading-none">{{ processing ? 'Initializing...' : $strings.ButtonSubmit }}</ui-btn>
           </div>
         </form>
       </div>
       <div v-else-if="isInit" class="w-full max-w-md px-8 pb-8 pt-4 -mt-40">
-        <p class="text-3xl text-white text-center mb-4">Login</p>
+        <p class="text-3xl text-white text-center mb-4">{{ $strings.HeaderLogin }}</p>
         <div class="w-full h-px bg-white bg-opacity-10 my-4" />
         <p v-if="error" class="text-error text-center py-2">{{ error }}</p>
         <form @submit.prevent="submitForm">
-          <label class="text-xs text-gray-300 uppercase">Username</label>
+          <label class="text-xs text-gray-300 uppercase">{{ $strings.LabelUsername }}</label>
           <ui-text-input v-model="username" :disabled="processing" class="mb-3 w-full" />
 
-          <label class="text-xs text-gray-300 uppercase">Password</label>
+          <label class="text-xs text-gray-300 uppercase">{{ $strings.LabelPassword }}</label>
           <ui-text-input v-model="password" type="password" :disabled="processing" class="w-full mb-3" />
           <div class="w-full flex justify-end py-3">
-            <ui-btn type="submit" :disabled="processing" color="primary" class="leading-none">{{ processing ? 'Checking...' : 'Submit' }}</ui-btn>
+            <ui-btn type="submit" :disabled="processing" color="primary" class="leading-none">{{ processing ? 'Checking...' : $strings.ButtonSubmit }}</ui-btn>
           </div>
         </form>
       </div>
diff --git a/client/plugins/i18n.js b/client/plugins/i18n.js
index 6476ea26..7e105225 100644
--- a/client/plugins/i18n.js
+++ b/client/plugins/i18n.js
@@ -1,4 +1,5 @@
 import Vue from "vue"
+import enUsStrings from '../strings/en-us.json'
 
 const defaultCode = 'en-us'
 
@@ -13,7 +14,7 @@ function supplant(str, subs) {
 }
 
 Vue.prototype.$i18nCode = ''
-Vue.prototype.$strings = {}
+Vue.prototype.$strings = enUsStrings
 Vue.prototype.$getString = (key, subs) => {
   if (!Vue.prototype.$strings[key]) return ''
   if (subs && Array.isArray(subs) && subs.length) {
@@ -22,7 +23,9 @@ Vue.prototype.$getString = (key, subs) => {
   return Vue.prototype.$strings[key]
 }
 
-var translations = {}
+var translations = {
+  [defaultCode]: enUsStrings
+}
 
 function loadTranslationStrings(code) {
   return new Promise((resolve) => {
@@ -30,7 +33,7 @@ function loadTranslationStrings(code) {
       resolve(fileContents.default)
     }).catch((error) => {
       console.error('Failed to load i18n strings', code, error)
-      resolve({})
+      resolve(null)
     })
   })
 }
@@ -40,19 +43,15 @@ async function loadi18n(code) {
     // already set
     return
   }
-
-  const currentCode = Vue.prototype.$i18nCode
   const strings = translations[code] || await loadTranslationStrings(code)
+  if (!strings) {
+    console.warn(`Invalid lang code ${code}`)
+    return
+  }
 
   translations[code] = strings
   Vue.prototype.$i18nCode = code
 
-  if (!currentCode) {
-    // first load
-    Vue.prototype.$strings = strings
-    return
-  }
-
   for (const key in Vue.prototype.$strings) {
     Vue.prototype.$strings[key] = strings[key] || translations[defaultCode][key]
   }
@@ -61,4 +60,7 @@ async function loadi18n(code) {
 
 Vue.prototype.$i18nUpdate = loadi18n
 
-loadi18n(defaultCode)
\ No newline at end of file
+const localLanguage = localStorage.getItem('lang')
+if (localLanguage !== defaultCode) {
+  loadi18n(localLanguage)
+}
\ No newline at end of file
diff --git a/client/strings/en-us.json b/client/strings/en-us.json
index 17dbb450..a78e32c6 100644
--- a/client/strings/en-us.json
+++ b/client/strings/en-us.json
@@ -1,19 +1,25 @@
 {
   "ButtonAdd": "Add",
   "ButtonAddChapters": "Add Chapters",
+  "ButtonAddPodcasts": "Add Podcasts",
   "ButtonAddYourFirstLibrary": "Add your first library",
+  "ButtonApply": "Apply",
   "ButtonApplyChapters": "Apply Chapters",
   "ButtonAuthors": "Authors",
   "ButtonBrowseForFolder": "Browse for Folder",
   "ButtonCancel": "Cancel",
-  "ButtonChangePasswordSubmit": "Submit",
+  "ButtonCancelEncode": "Cancel Encode",
   "ButtonChangeRootPassword": "Change Root Password",
+  "ButtonCheckAndDownloadNewEpisodes": "Check & Download New Episodes",
   "ButtonChooseAFolder": "Choose a folder",
   "ButtonChooseFiles": "Choose files",
+  "ButtonCloseFeed": "Close Feed",
   "ButtonCollections": "Collections",
   "ButtonCreate": "Create",
   "ButtonCreateBackup": "Create Backup",
+  "ButtonDelete": "Delete",
   "ButtonEditChapters": "Edit Chapters",
+  "ButtonEditPodcast": "Edit Podcast",
   "ButtonForceReScan": "Force Re-Scan",
   "ButtonFullPath": "Full Path",
   "ButtonHide": "Hide",
@@ -29,6 +35,7 @@
   "ButtonMatchBooks": "Match Books",
   "ButtonNevermind": "Nevermind",
   "ButtonOk": "Ok",
+  "ButtonOpenFeed": "Open Feed",
   "ButtonOpenManager": "Open Manager",
   "ButtonPlay": "Play",
   "ButtonPlaying": "Playing",
@@ -40,21 +47,27 @@
   "ButtonRemove": "Remove",
   "ButtonRemoveAll": "Remove All",
   "ButtonRemoveAllLibraryItems": "Remove All Library Items",
+  "ButtonRemoveFromContinueListening": "Remove from Continue Listening",
+  "ButtonRemoveSeriesFromContinueSeries": "Remove Series from Continue Series",
   "ButtonReScan": "Re-Scan",
   "ButtonReset": "Reset",
   "ButtonRestore": "Restore",
   "ButtonSave": "Save",
   "ButtonSaveAndClose": "Save & Close",
+  "ButtonSaveTracklist": "Save Tracklist",
   "ButtonScan": "Scan",
   "ButtonSearch": "Search",
   "ButtonSelectFolderPath": "Select Folder Path",
   "ButtonSeries": "Series",
   "ButtonShiftTimes": "Shift Times",
   "ButtonShow": "Show",
+  "ButtonStartM4BEncode": "Start M4B Encode",
+  "ButtonStartMetadataEmbed": "Start Metadata Embed",
   "ButtonSubmit": "Submit",
   "ButtonUpload": "Upload",
   "ButtonUploadBackup": "Upload Backup",
   "ButtonUploadCover": "Upload Cover",
+  "ButtonUploadOPMLFile": "Upload OPML File",
   "ButtonViewAll": "View All",
   "ButtonYes": "Yes",
   "HeaderAccount": "Account",
@@ -67,6 +80,7 @@
   "HeaderChapters": "Chapters",
   "HeaderChooseAFolder": "Choose a Folder",
   "HeaderCollection": "Collection",
+  "HeaderCollectionItems": "Collection Items",
   "HeaderCover": "Cover",
   "HeaderDetails": "Details",
   "HeaderEpisodes": "Episodes",
@@ -75,27 +89,38 @@
   "HeaderIgnoredFiles": "Ignored Files",
   "HeaderItemFiles": "Item Files",
   "HeaderLastListeningSession": "Last Listening Session",
+  "HeaderLatestEpisodes": "Latest episodes",
   "HeaderLibraries": "Libraries",
   "HeaderLibraryFiles": "Library Files",
   "HeaderLibraryStats": "Library Stats",
   "HeaderListeningSessions": "Listening Sessions",
   "HeaderListeningStats": "Listening Stats",
+  "HeaderLogin": "Login",
   "HeaderLogs": "Logs",
   "HeaderMatch": "Match",
+  "HeaderMetadataToEmbed": "Metadata to embed",
   "HeaderNewAccount": "New Account",
   "HeaderNewLibrary": "New Library",
   "HeaderNotifications": "Notifications",
   "HeaderOtherFiles": "Other Files",
+  "HeaderOpenRSSFeed": "Open RSS Feed",
   "HeaderPermissions": "Permissions",
+  "HeaderPodcastsToAdd": "Podcasts to Add",
   "HeaderPreviewCover": "Preview Cover",
+  "HeaderRemoveEpisode": "Remove Episode",
+  "HeaderRemoveEpisodes": "Remove {0} Episodes",
+  "HeaderRSSFeedIsOpen": "RSS Feed is Open",
   "HeaderSavedMediaProgress": "Saved Media Progress",
   "HeaderSchedule": "Schedule",
   "HeaderScheduleLibraryScans": "Schedule Automatic Library Scans",
+  "HeaderSession": "Session",
+  "HeaderSetBackupSchedule": "Set Backup Schedule",
   "HeaderSettings": "Settings",
   "HeaderSettingsDisplay": "Display",
   "HeaderSettingsExperimental": "Experimental Features",
   "HeaderSettingsGeneral": "General",
   "HeaderSettingsScanner": "Scanner",
+  "HeaderSleepTimer": "Sleep Timer",
   "HeaderStatsLongestItems": "Longest Items (hrs)",
   "HeaderStatsMinutesListeningChart": "Minutes Listening (last 7 days)",
   "HeaderStatsRecentSessions": "Recent Sessions",
@@ -103,15 +128,22 @@
   "HeaderStatsTop5Genres": "Top 5 Genres",
   "HeaderTools": "Tools",
   "HeaderUpdateAccount": "Update Account",
+  "HeaderUpdateAuthor": "Update Author",
   "HeaderUpdateDetails": "Update Details",
   "HeaderUpdateLibrary": "Update Library",
   "HeaderUsers": "Users",
   "HeaderYourStats": "Your Stats",
   "LabelAccountType": "Account Type",
+  "LabelAccountTypeAdmin": "Admin",
+  "LabelAccountTypeGuest": "Guest",
+  "LabelAccountTypeUser": "User",
   "LabelActivity": "Activity",
+  "LabelAddToCollection": "Add to Collection",
+  "LabelAddToCollectionBatch": "Add {0} Books to Collection",
   "LabelAllUsers": "All Users",
   "LabelAuthor": "Author",
   "LabelAuthors": "Authors",
+  "LabelAutoDownloadEpisodes": "Auto Download Episodes",
   "LabelBackToUser": "Back to User",
   "LabelBackupsEnableAutomaticBackups": "Enable automatic backups",
   "LabelBackupsEnableAutomaticBackupsHelp": "Backups saved in /metadata/backups",
@@ -121,23 +153,39 @@
   "LabelBackupsNumberToKeepHelp": "Only 1 backup will be removed at a time so if you already have more backups than this you should manually remove them.",
   "LabelBooks": "Books",
   "LabelChangePassword": "Change Password",
+  "LabelChaptersFound": "chapters found",
+  "LabelChapterTitle": "Chapter Title",
   "LabelCollapseSeries": "Collapse Series",
   "LabelCollections": "Collections",
+  "LabelComplete": "Complete",
   "LabelConfirmPassword": "Confirm Password",
+  "LabelContinueListening": "Continue Listening",
+  "LabelContinueSeries": "Continue Series",
   "LabelCover": "Cover",
   "LabelCoverImageURL": "Cover Image URL",
   "LabelCreatedAt": "Created At",
   "LabelCronExpression": "Cron Expression",
+  "LabelCurrent": "Current",
   "LabelCurrently": "Currently:",
   "LabelDatetime": "Datetime",
   "LabelDescription": "Description",
+  "LabelDeselectAll": "Deselect All",
+  "LabelDevice": "Device",
   "LabelDeviceInfo": "Device Info",
   "LabelDirectory": "Directory",
+  "LabelDiscFromFilename": "Disc from Filename",
+  "LabelDiscFromMetadata": "Disc from Metadata",
   "LabelDownload": "Download",
   "LabelDuration": "Duration",
+  "LabelDurationFound": "Duration found:",
+  "LabelEdit": "Edit",
   "LabelEnable": "Enable",
   "LabelEnd": "End",
+  "LabelEpisode": "Episode",
+  "LabelEpisodeTitle": "Episode Title",
+  "LabelEpisodeType": "Episode Type",
   "LabelExplicit": "Explicit",
+  "LabelFeedURL": "Feed URL",
   "LabelFile": "File",
   "LabelFilename": "Filename",
   "LabelFilterByUser": "Filter by User",
@@ -146,9 +194,12 @@
   "LabelFolder": "Folder",
   "LabelFolders": "Folders",
   "LabelGenres": "Genres",
+  "LabelHardDeleteFile": "Hard delete file",
   "LabelHour": "Hour",
   "LabelIcon": "Icon",
+  "LabelIncludeInTracklist": "Include in Tracklist",
   "LabelIncomplete": "Incomplete",
+  "LabelInProgress": "In Progress",
   "LabelInterval": "Interval",
   "LabelInvalidParts": "Invalid Parts",
   "LabelItem": "Item",
@@ -156,18 +207,30 @@
   "LabelLastSeen": "Last Seen",
   "LabelLastTime": "Last Time",
   "LabelLastUpdate": "Last Update",
+  "LabelLess": "Less",
   "LabelLibrariesAccessibleToUser": "Libraries Accessible to User",
   "LabelLibrary": "Library",
+  "LabelLibraryItem": "Library Item",
   "LabelLibraryName": "Library Name",
+  "LabelLimit": "Limit",
+  "LabelListenAgain": "Listen Again",
+  "LabelLookForNewEpisodesAfterDate": "Look for new episodes after this date",
   "LabelMarkSeries": "Mark Series",
+  "LabelMediaPlayer": "Media Player",
   "LabelMediaType": "Media Type",
   "LabelMetadataProvider": "Metadata Provider",
+  "LabelMetaTag": "Meta Tag",
   "LabelMinute": "Minute",
   "LabelMissing": "Missing",
   "LabelMissingParts": "Missing Parts",
+  "LabelMore": "More",
   "LabelName": "Name",
   "LabelNarrators": "Narrators",
+  "LabelNew": "New",
+  "LabelNewestAuthors": "Newest Authors",
+  "LabelNewestEpisodes": "Newest Episodes",
   "LabelNewPassword": "New Password",
+  "LabelNotes": "Notes",
   "LabelNotFinished": "Not Finished",
   "LabelNotificationEvent": "Notification Event",
   "LabelNotificationAppriseURL": "Apprise URL(s)",
@@ -188,18 +251,26 @@
   "LabelPermissionsDownload": "Can Download",
   "LabelPermissionsUpdate": "Can Update",
   "LabelPermissionsUpload": "Can Upload",
+  "LabelPhotoPathURL": "Photo Path/URL",
   "LabelPlayMethod": "Play Method",
+  "LabelPodcast": "Podcast",
   "LabelPodcasts": "Podcasts",
   "LabelPrefixesToIgnore": "Prefixes to Ignore (case insensitive)",
   "LabelProgress": "Progress",
   "LabelProvider": "Provider",
+  "LabelPubDate": "Pub Date",
   "LabelPublisher": "Publisher",
   "LabelPublishYear": "Publish Year",
+  "LabelRecentlyAdded": "Recently Added",
+  "LabelRecentSeries": "Recent Series",
   "LabelRegion": "Region",
   "LabelReleaseDate": "Release Date",
+  "LabelRSSFeedSlug": "RSS Feed Slug",
+  "LabelRSSFeedURL": "RSS Feed URL",
   "LabelSearchTerm": "Search Term",
   "LabelSearchTitle": "Search Title",
   "LabelSearchTitleOrASIN": "Search Title or ASIN",
+  "LabelSeason": "Season",
   "LabelSequence": "Sequence",
   "LabelSeries": "Series",
   "LabelSeriesName": "Series Name",
@@ -237,10 +308,12 @@
   "LabelSettingsStoreMetadataWithItemHelp": "By default metadata files are stored in /metadata/items, enabling this setting will store metadata files in your library item folders. Uses .abs file extension",
   "LabelSettingsSquareBookCovers": "User square book covers",
   "LabelSettingsSquareBookCoversHelp": "Prefer to use square covers over standard 1.6:1 book covers",
+  "LabelShowAll": "Show All",
   "LabelSize": "Size",
   "LabelStart": "Start",
   "LabelStarted": "Started",
   "LabelStartedAt": "Started At",
+  "LabelStartTime": "Start Time",
   "LabelStatsAudioTracks": "Audio Tracks",
   "LabelStatsAuthors": "Authors",
   "LabelStatsBestDay": "Best Day",
@@ -265,33 +338,69 @@
   "LabelTimeToShift": "Time to shift in seconds",
   "LabelTitle": "Title",
   "LabelTotalTimeListened": "Total Time Listened",
+  "LabelTrackFromFilename": "Track from Filename",
+  "LabelTrackFromMetadata": "Track from Metadata",
   "LabelType": "Type",
+  "LabelUnknown": "Unknown",
+  "LabelUpdateCover": "Update Cover",
+  "LabelUpdateCoverHelp": "Allow overwriting of existing covers for the selected books when a match is located",
+  "LabelUpdatedAt": "Updated At",
+  "LabelUpdateDetails": "Update Details",
+  "LabelUpdateDetailsHelp": "Allow overwriting of existing details for the selected books when a match is located",
   "LabelUploaderDragAndDrop": "Drag & drop files or folders",
   "LabelUploaderDropFiles": "Drop files",
+  "LabelUseChapterTrack": "Use chapter track",
+  "LabelUseFullTrack": "Use full track",
   "LabelUser": "User",
   "LabelUsername": "Username",
+  "LabelValue": "Value",
+  "LabelVersion": "Version",
   "LabelWeekdaysToRun": "Weekdays to run",
+  "LabelYourAudiobookDuration": "Your audiobook duration",
   "LabelYourBookmarks": "Your Bookmarks",
   "LabelYourProgress": "Your Progress",
   "MessageBackupsDescription": "Backups include users, user progress, library item details, server settings, and images stored in",
   "MessageBackupsNote": "Backups do not include any files stored in your library folders.",
+  "MessageBatchQuickMatchDescription": "Quick Match will attempt to add missing covers and metadata for the selected items. Enable the options below to allow Quick Match to overwrite existing covers and/or metadata.",
+  "MessageChapterEndIsAfter": "Chapter end is after the end of your audiobook",
+  "MessageChapterStartIsAfter": "Chapter start is after the end of your audiobook",
   "MessageCheckingCron": "Checking cron...",
+  "MessageConfirmDeleteBackup": "Are you sure you want to delete backup for {0}?",
+  "MessageConfirmDeleteSession": "Are you sure you want to delete this session?",
+  "MessageConfirmDeleteLibrary": "Are you sure you want to permanently delete library \"{0}\"?",
+  "MessageConfirmForceReScan": "Are you sure you want to force re-scan?",
+  "MessageConfirmRemoveCollection": "Are you sure you want to remove collection \"{0}\"?",
+  "MessageConfirmRemoveEpisode": "Are you sure you want to remove episode \"{0}\"?",
+  "MessageConfirmRemoveEpisodes": "Are you sure you want to remove {0} episodes?",
   "MessageDownloadingEpisode": "Downloading episode",
+  "MessageDragFilesIntoTrackOrder": "Drag files into correct track order",
+  "MessageEmbedFinished": "Embed Finished!",
   "MessageEpisodesQueuedForDownload": "{0} Episode(s) queued for download",
+  "MessageFeedURLWillBe": "Feed URL will be {0}",
+  "MessageFetching": "Fetching...",
   "MessageForceReScanDescription": "will scan all files again like a fresh scan. Audio file ID3 tags, OPF files, and text files will be scanned as new.",
   "MessageImportantNotice": "Important Notice!",
   "MessageInsertChapterBelow": "Insert chapter below",
+  "MessageItemsSelected": "{0} Items Selected",
   "MessageJoinUsOn": "Join us on",
+  "MessageListeningSessionsInTheLastYear": "{0} listening sessions in the last year",
   "MessageLoading": "Loading...",
   "MessageLoadingFolders": "Loading folders...",
+  "MessageM4BFailed": "M4B Failed!",
+  "MessageM4BFinished": "M4B Finished!",
   "MessageMapChapterTitles": "Map chapter titles to your existing audiobook chapters without adjusting timestamps",
   "MessageMarkAsFinished": "Mark as Finished",
   "MessageMarkAsNotFinished": "Mark as Not Finished",
   "MessageMatchBooksDescription": "will attempt to match books in the library with a book from the selected search provider and fill in empty details and cover art. Does not overwrite details.",
+  "MessageNoAudioTracks": "No audio tracks",
   "MessageNoAuthors": "No Authors",
+  "MessageNoBackups": "No Backups",
   "MessageNoBookmarks": "No Bookmarks",
   "MessageNoChapters": "No Chapters",
+  "MessageNoCollections": "No Collections",
   "MessageNoCoversFound": "No Covers Found",
+  "MessageNoDescription": "No description",
+  "MessageNoEpisodeMatchesFound": "No episode matches found",
   "MessageNoEpisodes": "No Episodes",
   "MessageNoFoldersAvailable": "No Folders Available",
   "MessageNoGenres": "No Genres",
@@ -301,7 +410,12 @@
   "MessageNoLogs": "No Logs",
   "MessageNoMediaProgress": "No Media Progress",
   "MessageNoNotifications": "No Notifications",
+  "MessageNoPodcastsFound": "No podcasts found",
   "MessageNoResults": "No Results",
+  "MessageNoSearchResultsFor": "No search results for \"{0}\"",
+  "MessageNoUpdateNecessary": "No update necessary",
+  "MessageNoUpdatesWereNecessary": "No updates were necessary",
+  "MessagePodcastHasNoRSSFeedForMatching": "Podcast has no RSS feed url to use for matching",
   "MessageQuickMatchDescription": "Populate empty item details & cover with first match result from '{0}'. Does not overwrite details unless 'Prefer matched metadata' server setting is enabled.",
   "MessageRemoveAllItemsWarning": "WARNING! This action will remove all library items from the database including any updates or matches you have made. This does not do anything to your actual files. Are you sure?",
   "MessageRemoveEpisodes": "Remove {0} episode(s)",
@@ -310,21 +424,84 @@
   "MessageRestoreBackupConfirm": "Are you sure you want to restore the backup created on",
   "MessageRestoreBackupWarning": "Restoring a backup will overwrite the entire database located at /config and cover images in /metadata/items & /metadata/authors.<br /><br />Backups do not modify any files in your library folders. If you have enabled server settings to store cover art and metadata in your library folders then those are not backed up or overwritten.<br /><br />All clients using your server will be automatically refreshed.",
   "MessageSearchResultsFor": "Search results for",
+  "MessageServerCouldNotBeReached": "Server could not be reached",
   "MessageStartPlaybackAtTime": "Start playback for \"{0}\" at {1}?",
+  "MessageThinking": "Thinking...",
   "MessageUploaderItemFailed": "Failed to upload",
   "MessageUploaderItemSuccess": "Successfully Uploaded!",
   "MessageUploading": "Uploading...",
   "MessageValidCronExpression": "Valid cron expression",
   "MessageWatcherIsDisabledGlobally": "Watcher is disabled globally in server settings",
+  "MessageYourAudiobookDurationIsLonger": "Your audiobook duration is longer than the duration found",
+  "MessageYourAudiobookDurationIsShorter": "Your audiobook duration is shorter than duration found",
   "NoteChangeRootPassword": "Root user is the only user that can have an empty password",
   "NoteChapterEditorTimes": "Note: First chapter start time must remain at 0:00 and the last chapter start time cannot exceed this audiobooks duration.",
   "NoteFolderPicker": "Note: folders already mapped will not be shown",
   "NoteFolderPickerDebian": "Note: Folder picker for the debian install is not fully implemented. You should enter the path to your library directly.",
+  "NoteRSSFeedPodcastAppsHttps": "Warning: Most podcast apps will require the RSS feed URL is using HTTPS",
+  "NoteRSSFeedPodcastAppsPubDate": "Warning: 1 or more of your episodes do not have a Pub Date. Some podcast apps require this.",
   "NoteUploaderFoldersWithMediaFiles": "Folders with media files will be handled as separate library items.",
   "NoteUploaderOnlyAudioFiles": "If uploading only audio files then each audio file will be handled as a separate audiobook.",
   "NoteUploaderUnsupportedFiles": "Unsupported files are ignored. When choosing or dropping a folder, other files that are not in an item folder are ignored.",
+  "PlaceholderNewCollection": "New collection name",
   "PlaceholderNewFolderPath": "New folder path",
   "PlaceholderSearch": "Search..",
+  "ToastAccountUpdateFailed": "Failed to update account",
+  "ToastAccountUpdateSuccess": "Account updated",
+  "ToastAuthorImageRemoveFailed": "Failed to remove image",
+  "ToastAuthorImageRemoveSuccess": "Author image removed",
+  "ToastAuthorUpdateFailed": "Failed to update author",
+  "ToastAuthorUpdateMerged": "Author merged",
+  "ToastAuthorUpdateSuccess": "Author updated",
+  "ToastAuthorUpdateSuccessNoImageFound": "Author updated (no image found)",
+  "ToastBackupCreateFailed": "Failed to create backup",
+  "ToastBackupCreateSuccess": "Backup created",
+  "ToastBackupDeleteFailed": "Failed to delete backup",
+  "ToastBackupDeleteSuccess": "Backup deleted",
+  "ToastBackupRestoreFailed": "Failed to restore backup",
+  "ToastBackupUploadFailed": "Failed to upload backup",
+  "ToastBackupUploadSuccess": "Backup uploaded",
+  "ToastBatchUpdateFailed": "Batch update failed",
+  "ToastBatchUpdateSuccess": "Batch update success",
+  "ToastBookmarkCreateFailed": "Failed to create bookmark",
+  "ToastBookmarkCreateSuccess": "Bookmark added",
+  "ToastBookmarkRemoveFailed": "Failed to remove bookmark",
+  "ToastBookmarkRemoveSuccess": "Bookmark removed",
+  "ToastBookmarkUpdateFailed": "Failed to update bookmark",
+  "ToastBookmarkUpdateSuccess": "Bookmark updated",
+  "ToastCollectionItemsRemoveFailed": "Failed to remove item(s) from collection",
+  "ToastCollectionItemsRemoveSuccess": "Item(s) removed from collection",
+  "ToastCollectionRemoveFailed": "Failed to remove collection",
+  "ToastCollectionRemoveSuccess": "Collection removed",
+  "ToastCollectionUpdateFailed": "Failed to update collection",
+  "ToastCollectionUpdateSuccess": "Collection updated",
+  "ToastItemCoverUpdateFailed": "Failed to update item cover",
+  "ToastItemCoverUpdateSuccess": "Item cover updated",
+  "ToastItemDetailsUpdateFailed": "Failed to update item details",
+  "ToastItemDetailsUpdateSuccess": "Item details updated",
+  "ToastItemDetailsUpdateUnneeded": "No updates needed for item details",
+  "ToastItemMarkedAsFinishedFailed": "Failed to mark as Finished",
+  "ToastItemMarkedAsFinishedSuccess": "Item marked as Finished",
+  "ToastItemMarkedAsNotFinishedFailed": "Failed to mark as Not Finished",
+  "ToastItemMarkedAsNotFinishedSuccess": "Item marked as Not Finished",
+  "ToastLibraryCreateFailed": "Failed to create library",
+  "ToastLibraryCreateSuccess": "Library \"{0}\" created",
+  "ToastLibraryDeleteFailed": "Failed to delete library",
+  "ToastLibraryDeleteSuccess": "Library deleted",
+  "ToastLibraryScanFailedToStart": "Failed to start scan",
+  "ToastLibraryScanStarted": "Library scan started",
+  "ToastLibraryUpdateFailed": "Failed to update library",
+  "ToastLibraryUpdateSuccess": "Library \"{0}\" updated",
+  "ToastPodcastCreateFailed": "Failed to create podcast",
+  "ToastPodcastCreateSuccess": "Podcast created successfully",
+  "ToastRemoveItemFromCollectionSuccess": "Item removed from collection",
+  "ToastRemoveItemFromCollectionFailed": "Failed to remove item from collection",
+  "ToastRSSFeedCloseFailed": "Failed to close RSS feed",
+  "ToastRSSFeedCloseSuccess": "RSS feed closed",
+  "ToastSessionDeleteFailed": "Failed to delete session",
+  "ToastSessionDeleteSuccess": "Session deleted",
+  "ToastUserDeleteFailed": "Failed to delete user",
+  "ToastUserDeleteSuccess": "User deleted",
   "WeekdayFriday": "Friday",
   "WeekdayMonday": "Monday",
   "WeekdaySaturday": "Saturday",
diff --git a/server/utils/libraryHelpers.js b/server/utils/libraryHelpers.js
index b33a1b8f..3d33b823 100644
--- a/server/utils/libraryHelpers.js
+++ b/server/utils/libraryHelpers.js
@@ -320,6 +320,7 @@ module.exports = {
       {
         id: 'continue-listening',
         label: 'Continue Listening',
+        labelStringKey: 'LabelContinueListening',
         type: isPodcastLibrary ? 'episode' : mediaType,
         entities: [],
         category: 'recentlyListened'
@@ -327,6 +328,7 @@ module.exports = {
       {
         id: 'continue-series',
         label: 'Continue Series',
+        labelStringKey: 'LabelContinueSeries',
         type: mediaType,
         entities: [],
         category: 'continueSeries'
@@ -334,6 +336,7 @@ module.exports = {
       {
         id: 'recently-added',
         label: 'Recently Added',
+        labelStringKey: 'LabelRecentlyAdded',
         type: mediaType,
         entities: [],
         category: 'newestItems'
@@ -341,6 +344,7 @@ module.exports = {
       {
         id: 'listen-again',
         label: 'Listen Again',
+        labelStringKey: 'LabelListenAgain',
         type: isPodcastLibrary ? 'episode' : mediaType,
         entities: [],
         category: 'recentlyFinished'
@@ -348,6 +352,7 @@ module.exports = {
       {
         id: 'recent-series',
         label: 'Recent Series',
+        labelStringKey: 'LabelRecentSeries',
         type: 'series',
         entities: [],
         category: 'newestSeries'
@@ -355,6 +360,7 @@ module.exports = {
       {
         id: 'newest-authors',
         label: 'Newest Authors',
+        labelStringKey: 'LabelNewestAuthors',
         type: 'authors',
         entities: [],
         category: 'newestAuthors'
@@ -362,6 +368,7 @@ module.exports = {
       {
         id: 'episodes-recently-added',
         label: 'Newest Episodes',
+        labelStringKey: 'LabelNewestEpisodes',
         type: 'episode',
         entities: [],
         category: 'newestEpisodes'