From 15bd1cb95899440f3210cc83b5df3462ba55abce Mon Sep 17 00:00:00 2001
From: absidue <48293849+absidue@users.noreply.github.com>
Date: Wed, 25 Jan 2023 21:58:51 +0100
Subject: [PATCH] Set the Vue compiler whitespace option to condense (#3101)

---
 _scripts/webpack.renderer.config.js                     | 5 +++++
 _scripts/webpack.web.config.js                          | 7 ++++++-
 src/renderer/components/ft-list-video/ft-list-video.vue | 8 ++++----
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/_scripts/webpack.renderer.config.js b/_scripts/webpack.renderer.config.js
index 2dedf1826..659f72c09 100644
--- a/_scripts/webpack.renderer.config.js
+++ b/_scripts/webpack.renderer.config.js
@@ -42,6 +42,11 @@ const config = {
       {
         test: /\.vue$/,
         loader: 'vue-loader',
+        options: {
+          compilerOptions: {
+            whitespace: 'condense',
+          }
+        }
       },
       {
         test: /\.scss$/,
diff --git a/_scripts/webpack.web.config.js b/_scripts/webpack.web.config.js
index 64e21f2e2..7fa655404 100644
--- a/_scripts/webpack.web.config.js
+++ b/_scripts/webpack.web.config.js
@@ -42,7 +42,12 @@ const config = {
       },
       {
         test: /\.vue$/,
-        loader: 'vue-loader'
+        loader: 'vue-loader',
+        options: {
+          compilerOptions: {
+            whitespace: 'condense',
+          }
+        }
       },
       {
         test: /\.scss$/,
diff --git a/src/renderer/components/ft-list-video/ft-list-video.vue b/src/renderer/components/ft-list-video/ft-list-video.vue
index d866b5cc2..cc34c06a6 100644
--- a/src/renderer/components/ft-list-video/ft-list-video.vue
+++ b/src/renderer/components/ft-list-video/ft-list-video.vue
@@ -95,22 +95,22 @@
           <span>{{ channelName }}</span>
         </router-link>
         <template v-if="!isLive && !isUpcoming && !isPremium && !hideViews">
-          <span class="viewCount">• {{ parsedViewCount }}</span>
+          <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"
-        >• {{ uploadedTime }}</span>
+        > • {{ uploadedTime }}</span>
         <span
           v-if="inHistory"
           class="uploadedTime"
-        >• {{ publishedText }}</span>
+        > • {{ publishedText }}</span>
         <span
           v-if="isLive && !hideViews"
           class="viewCount"
-        >• {{ parsedViewCount }} {{ $t("Video.Watching").toLowerCase() }}</span>
+        > • {{ parsedViewCount }} {{ $t("Video.Watching").toLowerCase() }}</span>
       </div>
       <p
         v-if="listType !== 'grid' && appearance === 'result'"