Live video count fix (#602)

* Fix video card info bar for live video

* Lowercase publication date on video card

* Revert "Lowercase publication date on video card"

Due to problems in certain languages

package-lock.json

@@ -20757,9 +20757,9 @@
       }
     },
     "ytsr": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/ytsr/-/ytsr-1.0.3.tgz",
-      "integrity": "sha512-MZwBNF5Myaa+VA/tMPHaXXNQPwLON90hVEXSUBAcHKVAy330GPDQ4LU0UzZ4vGyWBEDlW5pEAS1Eg846jU5Yeg==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/ytsr/-/ytsr-1.0.4.tgz",
+      "integrity": "sha512-wI58LREviYnlsCgB0R+NC3kqsbQpH/C42shbAaq1tlAZN2zBqr2JONE+eGimygpU/fdiJSB9XLFaXe6AgCG5Uw==",
       "requires": {
         "html-entities": "^1.3.1",
         "miniget": "^2.0.1"

package.json

@@ -48,7 +48,7 @@
     "yt-xml2vtt": "^1.1.2",
     "ytdl-core": "^3.3.0",
     "ytpl": "^1.0.1",
-    "ytsr": "^1.0.3"
+    "ytsr": "^1.0.4"
   },
   "description": "A private YouTube client",
   "devDependencies": {

src/renderer/components/ft-list-video/ft-list-video.vue

@@ -78,12 +78,11 @@
         >
           <span>{{ channelName }}</span>
         </router-link>
-        <span
-          v-if="!isLive && !hideViews"
-          class="viewCount"
-        >• {{ parsedViewCount }}</span>
-        <span v-if="viewCount === 1">{{ $t("Video.View") }}</span>
-        <span v-else-if="parsedViewCount !== ''">{{ $t("Video.Views").toLowerCase() }}</span>
+        <template v-if="!isLive && !hideViews">
+          <span class="viewCount">• {{ parsedViewCount }}</span>
+          <span v-if="viewCount === 1">{{ $t("Video.View").toLowerCase() }}</span>
+          <span v-else>{{ $t("Video.Views").toLowerCase() }}</span>
+        </template>
         <span
           v-if="uploadedTime !== '' && !isLive && !inHistory"
           class="uploadedTime"
@@ -95,7 +94,7 @@
         <span
           v-if="isLive && !hideViews"
           class="viewCount"
-        >• {{ viewCount }} {{ $t("Video.Watching").toLowerCase() }}</span>
+        >• {{ parsedViewCount }} {{ $t("Video.Watching").toLowerCase() }}</span>
       </div>
       <p
         v-if="listType !== 'grid' && appearance === 'result'"