move escapeCSS function to mixins

2024-02-15 14:56:04 -05:00
parent b5a204265a
commit f34dc4d242
4 changed files with 16 additions and 19 deletions
--- a/vue/src/components/KeywordsComponent.vue
+++ b/vue/src/components/KeywordsComponent.vue
@ -15,11 +15,11 @@

 <script>

-import {ResolveUrlMixin, escapeCSS} from "@/utils/utils";
+import {ResolveUrlMixin, EscapeCSSMixin} from "@/utils/utils";

 export default {
    name: 'KeywordsComponent',
-    mixins: [ResolveUrlMixin],
+    mixins: [ResolveUrlMixin, EscapeCSSMixin],
    props: {
        recipe: Object,
        limit: Number,
@ -36,9 +36,6 @@ export default {
    methods: {
        keywordClass: function(k) {
            return this.escapeCSS('_keywordname-' + k.label)
-        },
-        escapeCSS: function (classname) {
-            return CSS.escape(escapeCSS(classname))
        }
    }
 }