From 756471695d13c332e58bf543b777c409e33f5d48 Mon Sep 17 00:00:00 2001
From: Kavin <20838718+FireMasterK@users.noreply.github.com>
Date: Sun, 6 Nov 2022 00:44:14 +0000
Subject: [PATCH] Move v-if calls to single template.

---
 src/components/WatchOnYouTubeButton.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/WatchOnYouTubeButton.vue b/src/components/WatchOnYouTubeButton.vue
index be875a86..bd6c895f 100644
--- a/src/components/WatchOnYouTubeButton.vue
+++ b/src/components/WatchOnYouTubeButton.vue
@@ -7,14 +7,16 @@ export default {
 </script>
 
 <template>
-    <!-- For large screens -->
-    <a :href="link" v-if="this.getPreferenceBoolean('showWatchOnYouTube', false)" class="btn lt-lg:hidden">
-        <i18n-t keypath="player.watch_on" tag="strong">
+    <template v-if="this.getPreferenceBoolean('showWatchOnYouTube', false)">
+        <!-- For large screens -->
+        <a :href="link" class="btn lt-lg:hidden">
+            <i18n-t keypath="player.watch_on" tag="strong">
+                <font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
+            </i18n-t>
+        </a>
+        <!-- For small screens -->
+        <a :href="link" class="btn lg:hidden">
             <font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
-        </i18n-t>
-    </a>
-    <!-- For small screens -->
-    <a :href="link" v-if="this.getPreferenceBoolean('showWatchOnYouTube', false)" class="btn lg:hidden">
-        <font-awesome-icon class="mx-1.5" :icon="['fab', 'youtube']" />
-    </a>
+        </a>
+    </template>
 </template>