🐛 Fixed connect icon

pages/realtime.vue

@@ -25,10 +25,10 @@
                   name="connect"
                   @click="toggleConnection"
                 >
-                  {{ toggleConnectionVerb }}
+                  {{ !connectionState ? "Connect" : "Disconnect" }}
                   <span>
                     <i class="material-icons">
-                      {{ connectionState ? "sync" : "sync_disabled" }}
+                      {{ !connectionState ? "sync" : "sync_disabled" }}
                     </i>
                   </span>
                 </button>
@@ -114,7 +114,7 @@
                   name="start"
                   @click="toggleSSEConnection"
                 >
-                  {{ toggleSSEConnectionVerb }}
+                  {{ !connectionSSEState ? "Start" : "Stop" }}
                   <span>
                     <i class="material-icons">
                       {{ !connectionSSEState ? "sync" : "sync_disabled" }}
@@ -205,9 +205,6 @@ export default {
     };
   },
   computed: {
-    toggleConnectionVerb() {
-      return !this.connectionState ? "Connect" : "Disconnect";
-    },
     urlValid() {
       const pattern = new RegExp(
         "^(wss?:\\/\\/)?" +
@@ -220,9 +217,6 @@ export default {
       );
       return pattern.test(this.url);
     },
-    toggleSSEConnectionVerb() {
-      return !this.connectionSSEState ? "Start" : "Stop";
-    },
     serverValid() {
       const pattern = new RegExp(
         "^(http(s)?:\\/\\/)?" +