Add:Language code setting and translations #448

pages/localMedia/folders/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="w-full h-full py-6">
-    <h1 class="text-base font-semibold px-2 mb-2">Local Folders</h1>
+    <h1 class="text-base font-semibold px-2 mb-2">{{ $strings.HeaderLocalFolders }}</h1>
 
     <div v-if="!isIos" class="w-full max-w-full px-2 py-2">
       <template v-for="folder in localFolders">
@@ -13,19 +13,19 @@
         </nuxt-link>
       </template>
       <div v-if="!localFolders.length" class="flex justify-center">
-        <p class="text-center">No Media Folders</p>
+        <p class="text-center">{{ $strings.MessageNoMediaFolders }}</p>
       </div>
       <div v-if="!isAndroid10OrBelow || overrideFolderRestriction" class="flex border-t border-white border-opacity-10 my-4 py-4">
         <div class="flex-grow pr-1">
           <ui-dropdown v-model="newFolderMediaType" placeholder="Select media type" :items="mediaTypeItems" />
         </div>
-        <ui-btn small class="w-28" color="success" @click="selectFolder">New Folder</ui-btn>
+        <ui-btn small class="w-28" color="success" @click="selectFolder">{{ $strings.ButtonNewFolder }}</ui-btn>
       </div>
       <div v-else class="flex border-t border-white border-opacity-10 my-4 py-4">
         <div class="flex-grow pr-1">
-          <p class="text-sm">Android 10 and below will use internal app storage for downloads.</p>
+          <p class="text-sm">{{ $strings.MessageAndroid10Downloads }}</p>
         </div>
-        <ui-btn small class="w-28" color="primary" @click="overrideFolderRestriction = true">Override</ui-btn>
+        <ui-btn small class="w-28" color="primary" @click="overrideFolderRestriction = true">{{ $strings.ButtonOverride }}</ui-btn>
       </div>
     </div>
   </div>
@@ -43,11 +43,11 @@ export default {
       mediaTypeItems: [
         {
           value: 'book',
-          text: 'Books'
+          text: this.$strings.LabelBooks
         },
         {
           value: 'podcast',
-          text: 'Podcasts'
+          text: this.$strings.LabelPodcasts
         }
       ],
       syncing: false,