From b5a204265af0f65bd7a4d6b737abe0747f283148 Mon Sep 17 00:00:00 2001
From: tomtjes <nesiofnqwe@mailbox.org>
Date: Wed, 14 Feb 2024 17:18:26 -0500
Subject: [PATCH] fix CSS escape (remove HTML sanitize)

---
 vue/src/components/IngredientComponent.vue | 2 +-
 vue/src/components/KeywordsComponent.vue   | 7 +------
 vue/src/components/StepComponent.vue       | 4 +---
 3 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/vue/src/components/IngredientComponent.vue b/vue/src/components/IngredientComponent.vue
index dd2147000..1403840e0 100644
--- a/vue/src/components/IngredientComponent.vue
+++ b/vue/src/components/IngredientComponent.vue
@@ -127,7 +127,7 @@ export default {
             this.$emit("checked-state-changed", this.ingredient)
         },
         escapeCSS: function (classname) {
-            return CSS.escape(this.$sanitize(escapeCSS(classname)))
+            return CSS.escape(escapeCSS(classname))
         }
     },
 }
diff --git a/vue/src/components/KeywordsComponent.vue b/vue/src/components/KeywordsComponent.vue
index 7c1f87be3..3cc3ce236 100644
--- a/vue/src/components/KeywordsComponent.vue
+++ b/vue/src/components/KeywordsComponent.vue
@@ -17,11 +17,6 @@
 
 import {ResolveUrlMixin, escapeCSS} from "@/utils/utils";
 
-import Vue from "vue"
-import VueSanitize from "vue-sanitize"
-
-Vue.use(VueSanitize)
-
 export default {
     name: 'KeywordsComponent',
     mixins: [ResolveUrlMixin],
@@ -43,7 +38,7 @@ export default {
             return this.escapeCSS('_keywordname-' + k.label)
         },
         escapeCSS: function (classname) {
-            return CSS.escape(this.$sanitize(escapeCSS(classname)))
+            return CSS.escape(escapeCSS(classname))
         }
     }
 }
diff --git a/vue/src/components/StepComponent.vue b/vue/src/components/StepComponent.vue
index 63a02406e..4a9e901b7 100644
--- a/vue/src/components/StepComponent.vue
+++ b/vue/src/components/StepComponent.vue
@@ -128,9 +128,7 @@ import IngredientsCard from "@/components/IngredientsCard"
 import Vue from "vue"
 import moment from "moment"
 import {ResolveUrlMixin, calculateHourMinuteSplit} from "@/utils/utils"
-import VueSanitize from "vue-sanitize"
 
-Vue.use(VueSanitize)
 Vue.prototype.moment = moment
 
 export default {
@@ -200,7 +198,7 @@ export default {
             this.$refs[`id_reactive_popover_${this.step.id}`].$emit("open")
         },
         escapeCSS: function (classname) {
-            return CSS.escape(this.$sanitize(escapeCSS(classname)))
+            return CSS.escape(escapeCSS(classname))
         }
     },
 }