From 505fbc8a7ebb85c323860c71717fda19dac21199 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D9=83=D8=A7=D8=B1=D9=84=20=D9=85=D8=A8=D8=A7=D8=B1=D9=83?=
 <bonjour@mouabrak.eu>
Date: Fri, 2 Jul 2021 15:35:56 +0200
Subject: [PATCH] rules are displayed in their own styles (but by aapplying the
 styles in line, instead of getting the classnaem)

---
 front/src/components/Rules/Rule.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/front/src/components/Rules/Rule.vue b/front/src/components/Rules/Rule.vue
index c17bda3..544e1de 100644
--- a/front/src/components/Rules/Rule.vue
+++ b/front/src/components/Rules/Rule.vue
@@ -1,7 +1,7 @@
 <template>
   <code 
     class="rule"
-    :class="myClass"  
+    :style="rule.rules"  
   >
     <p :title="toEmojiCode(rule.className)">{{ rule.className }} {</p>
     <p v-for="dec in rule.rules" :key="dec">&nbsp; {{ dec }}</p>
@@ -17,12 +17,6 @@ export default {
   mixins: [emoji],
   props: ["rule"],
   computed: {
-    myClass() {
-      return (
-        this.containsEmoji(this.rule.className) ?
-        'u' + this.toEmojiCode(this.rule.className) : null
-      )
-    }
   },
 };
 </script>