From 12c3807d9a1bc28367b437c323a941367c14584d Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Fri, 8 Oct 2021 19:35:37 +0100
Subject: [PATCH] Don't ignore v-html rule globally.

---
 .eslintrc.js                  |  4 +---
 src/components/Channel.vue    |  1 +
 src/components/WatchVideo.vue | 13 ++++++-------
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 4274d91d..61f8d52e 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,6 +1,4 @@
 module.exports = {
     extends: ["plugin:vue/vue3-recommended", "plugin:prettier/recommended"],
-    rules: {
-        "vue/no-v-html": "off",
-    },
+    rules: {},
 };
diff --git a/src/components/Channel.vue b/src/components/Channel.vue
index 45cc4df6..fe244e51 100644
--- a/src/components/Channel.vue
+++ b/src/components/Channel.vue
@@ -6,6 +6,7 @@
             <img height="48" width="48" class="uk-border-circle" :src="channel.avatarUrl" />{{ channel.name }}
         </h1>
         <img v-if="channel.bannerUrl" :src="channel.bannerUrl" style="width: 100%" loading="lazy" />
+        <!-- eslint-disable-next-line vue/no-v-html -->
         <p style="white-space: pre-wrap"><span v-html="purifyHTML(urlify(channel.description))"></span></p>
 
         <button
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index cb9c6726..6e157ea4 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -85,7 +85,8 @@
             <a class="uk-button uk-button-small" style="background: #222" @click="showDesc = !showDesc">
                 {{ showDesc ? $t("actions.minimize_description") : $t("actions.show_description") }}
             </a>
-            <p v-show="showDesc" :style="[{ colour: foregroundColor }]" v-html="video.description"></p>
+            <!-- eslint-disable-next-line vue/no-v-html -->
+            <p v-show="showDesc" :style="[{ colour: foregroundColor }]" v-html="purifyHTML(video.description)"></p>
             <div v-if="showDesc && sponsors && sponsors.segments">
                 {{ $t("video.sponsor_segments") }}: {{ sponsors.segments.length }}
             </div>
@@ -280,12 +281,10 @@ export default {
                         this.channelId = this.video.uploaderUrl.split("/")[2];
                         if (!this.isEmbed) this.fetchSubscribedStatus();
 
-                        this.video.description = this.purifyHTML(
-                            this.video.description
-                                .replaceAll("http://www.youtube.com", "")
-                                .replaceAll("https://www.youtube.com", "")
-                                .replaceAll("\n", "<br>"),
-                        );
+                        this.video.description = this.video.description
+                            .replaceAll("http://www.youtube.com", "")
+                            .replaceAll("https://www.youtube.com", "")
+                            .replaceAll("\n", "<br>");
                     }
                 });
         },