fixed real time rule updates

front/src/App.vue

@@ -109,12 +109,12 @@ export default {
       switch (event.type) {
         case "message":
           switch (event.message.subject) {
-            case "content":
-              this.$store.commit("addMessage", event.message);
-              break;
             case "rules":
               this.$store.commit("addRule", event.message);
               break;
+            default:
+              this.$store.commit("addMessage", event.message);
+              break;
           }
           break;
 

front/src/store/index.js

@@ -181,6 +181,7 @@ export default createStore({
         // }, state.currentStream)
 
         // vue will not update if i use rules.push(rule)  
+        state.rules.splice(state.rules.indexOf(rule), 1)      
         const newRules = [...state.rules, ...[toCSS({
           id: mid, content: content,
         }, state.currentStream)]]