[web] Use pluralization for displaying some texts

web-src/src/i18n/de.json

@@ -208,11 +208,11 @@
     },
     "now-playing": {
       "info": "Tracks durch Auswählen aus der Bibliothek anfügen",
-      "live": "Live",
+      "time": "Live|{time}|{time}",
       "title": "Deine Playliste ist leer."
     },
     "playlists": {
-      "title": "Playlisten"
+      "title": "{name}|Playlisten"
     },
     "podcast": {
       "remove-info": "Diesen Podcast dauerhaft aus der Bibliothek löschen?{separator}(Damit wird auch die RSS-Playliste {name} gelöscht)"

web-src/src/i18n/en.json

@@ -208,11 +208,11 @@
     },
     "now-playing": {
       "info": "Add some tracks by browsing your library",
-      "live": "Live",
+      "time": "Live|{time}|{time}",
       "title": "Your play queue is empty"
     },
     "playlists": {
-      "title": "Playlists"
+      "title": "{name}|Playlists"
     },
     "podcast": {
       "remove-info": "Permanently remove this podcast from your library?{separator}(This will also remove the RSS playlist {name})"

web-src/src/i18n/fr.json

@@ -208,11 +208,11 @@
     },
     "now-playing": {
       "info": "Ajoutez des pistes en parcourant votre bibliothèque",
-      "live": "En direct",
+      "time": "En direct|{time}|{time}",
       "title": "La file d’attente est vide"
     },
     "playlists": {
-      "title": "Listes de lecture"
+      "title": "{name}|Listes de lecture"
     },
     "podcast": {
       "remove-info": "Supprimer ce podcast de manière permanente de la bibliothèque ?{separator}(Cela supprimera également la liste de lecture RSS {name})"

web-src/src/i18n/zh-CN.json

@@ -208,11 +208,11 @@
     },
     "now-playing": {
       "info": "浏览资料库添加曲目",
-      "live": "直播",
+      "time": "直播|{time}|{time}",
       "title": "播放清单是空的"
     },
     "playlists": {
-      "title": "播放列表"
+      "title": "{name}|播放列表"
     },
     "podcast": {
       "remove-info": "从资料库中永久移除该播客？{separator}(这也将移除该播客RSS列表 {name})"

web-src/src/i18n/zh-TW.json

@@ -208,11 +208,11 @@
     },
     "now-playing": {
       "info": "瀏覽資料庫新增曲目",
-      "live": "直播",
+      "time": "直播|{time}|{time}",
       "title": "播放清單是空的"
     },
     "playlists": {
-      "title": "播放列表"
+      "title": "{name}|播放列表"
     },
     "podcast": {
       "remove-info": "從資料庫中永久移除該Podcast？{separator}(這也將移除該PodcastRSS列表 {name})"

web-src/src/pages/PageNowPlaying.vue

@@ -129,9 +129,11 @@ export default {
       return this.isLive ? 1 : Math.floor(this.track.length_ms / INTERVAL)
     },
     trackTotalTime() {
-      return this.isLive
+      return this.$t('page.now-playing.time', this.track.length_ms, {
-        ? this.$t('page.now-playing.live')
+        named: {
-        : this.$filters.toTimecode(this.track.length_ms)
+          time: this.$filters.toTimecode(this.track.length_ms)
+        }
+      })
     }
   },
   watch: {

web-src/src/pages/PagePlaylistFolder.vue

@@ -59,10 +59,9 @@ export default {
     heading() {
       return {
         subtitle: [{ count: this.playlists.count, key: 'count.playlists' }],
-        title:
+        title: this.$t('page.playlists.title', this.playlists.count, {
-          this.playlists.count === 0
+          name: this.playlist.name
-            ? this.$t('page.playlists.title')
+        })
-            : this.playlist.name
       }
     },
     playlists() {