From 5977e2c51a4ec49f9e0fd90b7efa6ba875fb1ae0 Mon Sep 17 00:00:00 2001
From: Tomasz Rymkiewicz <kreha1@pm.me>
Date: Tue, 28 Dec 2021 02:13:55 +0100
Subject: [PATCH] Fix incorrect tag nesting

---
 src/components/ErrorHandler.vue      |  1 -
 src/components/Playlist.vue          | 10 ++++------
 src/components/SearchResults.vue     | 17 ++++++++---------
 src/components/SubscriptionsPage.vue |  2 +-
 4 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/components/ErrorHandler.vue b/src/components/ErrorHandler.vue
index d593139e..8a57775e 100644
--- a/src/components/ErrorHandler.vue
+++ b/src/components/ErrorHandler.vue
@@ -1,6 +1,5 @@
 <template>
     <p v-text="message" />
-    >
     <button @click="toggleTrace" class="btn" v-text="$t('actions.show_more')" />
     <p ref="stacktrace" style="white-space: pre-wrap" hidden v-text="error" />
 </template>
diff --git a/src/components/Playlist.vue b/src/components/Playlist.vue
index 68eeba0e..7272b1fd 100644
--- a/src/components/Playlist.vue
+++ b/src/components/Playlist.vue
@@ -6,12 +6,10 @@
 
         <div class="grid grid-cols-2">
             <div>
-                <strong>
-                    <router-link class="uk-text-justify" :to="playlist.uploaderUrl || '/'">
-                        <img :src="playlist.uploaderAvatar" loading="lazy" class="rounded-full" />
-                        <span v-text="playlist.uploader" />
-                    </router-link>
-                </strong>
+                <router-link class="uk-text-justify" :to="playlist.uploaderUrl || '/'">
+                    <img :src="playlist.uploaderAvatar" loading="lazy" class="rounded-full" />
+                    <strong v-text="playlist.uploader" />
+                </router-link>
             </div>
             <div>
                 <div class="right-2vw absolute">
diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 5759caf6..92882512 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -19,12 +19,10 @@
 
     <div v-if="results && results.corrected" style="height: 7vh">
         <span v-text="$t('search.did_you_mean')" />
-        <em>
-            <router-link
-                :to="{ name: 'SearchResults', query: { search_query: results.suggestion } }"
-                v-text="results.suggestion"
-            />
-        </em>
+
+        <router-link :to="{ name: 'SearchResults', query: { search_query: results.suggestion } }">
+            <em v-text="results.suggestion" />
+        </router-link>
     </div>
 
     <div v-if="results" class="video-grid">
@@ -49,9 +47,10 @@
                 </router-link>
 
                 <a v-if="result.uploaderName" class="uk-text-muted" v-text="result.uploaderName" />
-                <strong v-if="result.videos >= 0"
-                    ><br v-if="result.uploaderName" /><span v-text="`${result.videos} ${$t('video.videos')}`"
-                /></strong>
+                <template v-if="result.videos >= 0">
+                    <br v-if="result.uploaderName" />
+                    <strong v-text="`${result.videos} ${$t('video.videos')}`" />
+                </template>
 
                 <br />
             </div>
diff --git a/src/components/SubscriptionsPage.vue b/src/components/SubscriptionsPage.vue
index 915e6432..6f36bde8 100644
--- a/src/components/SubscriptionsPage.vue
+++ b/src/components/SubscriptionsPage.vue
@@ -16,7 +16,7 @@
                 <div class="w-full grid grid-cols-3">
                     <router-link :to="subscription.url" class="col-start-2 block flex text-center font-bold text-4xl">
                         <img :src="subscription.avatar" class="rounded-full" width="48" height="48" />
-                        <span v-text="subscription.name" />>
+                        <span v-text="subscription.name" />
                     </router-link>
                     <button
                         class="btn !w-min"