Properly localize playlist view and video counts (#4620)

Author: ChunkyProgrammer

src/renderer/components/playlist-info/playlist-info.js

@@ -6,6 +6,7 @@ import FtIconButton from '../ft-icon-button/ft-icon-button.vue'
 import FtInput from '../ft-input/ft-input.vue'
 import FtPrompt from '../ft-prompt/ft-prompt.vue'
 import {
+  formatNumber,
   showToast,
 } from '../../helpers/utils'
 
@@ -145,6 +146,14 @@ export default defineComponent({
       return this.firstVideoId !== ''
     },
 
+    parsedViewCount() {
+      return formatNumber(this.viewCount)
+    },
+
+    parsedVideoCount() {
+      return formatNumber(this.videoCount)
+    },
+
     thumbnail: function () {
       if (this.thumbnailPreference === 'hidden' || !this.firstVideoIdExists) {
         return require('../../assets/img/thumbnail_placeholder.svg')

src/renderer/components/playlist-info/playlist-info.vue

@@ -47,9 +47,9 @@
         {{ title }}
       </h2>
       <p>
-        {{ videoCount }} {{ $t("Playlist.Videos") }}
+        {{ $tc('Global.Counts.Video Count', videoCount, {count: parsedVideoCount}) }}
         <span v-if="!hideViews && !isUserPlaylist">
-          - {{ viewCount }} {{ $t("Playlist.Views") }}
+          - {{ $tc('Global.Counts.View Count', viewCount, {count: parsedViewCount}) }}
         </span>
         <span>- </span>
         <span v-if="infoSource !== 'local'">