Fixed conflicts

lang/en-US.js

@@ -276,6 +276,7 @@ export default {
   notes: "Notes",
   socketio: "Socket.IO",
   event_name: "Event Name",
+  mqtt: "MQTT",
   mqtt_topic: "Topic",
   mqtt_topic_title: "Publish / Subscribe topic",
   mqtt_publish: "Publish",

pages/realtime.vue

@@ -27,7 +27,9 @@
                   >
                     {{ !connectionState ? $t("connect") : $t("disconnect") }}
                     <span>
-                      <i class="material-icons">{{ !connectionState ? "sync" : "sync_disabled" }}</i>
+                      <i class="material-icons">{{
+                        !connectionState ? "sync" : "sync_disabled"
+                      }}</i>
                     </span>
                   </button>
                 </li>
@@ -92,7 +94,9 @@
                   >
                     {{ !connectionSSEState ? $t("start") : $t("stop") }}
                     <span>
-                      <i class="material-icons">{{ !connectionSSEState ? "sync" : "sync_disabled" }}</i>
+                      <i class="material-icons">{{
+                        !connectionSSEState ? "sync" : "sync_disabled"
+                      }}</i>
                     </span>
                   </button>
                 </li>
@@ -113,17 +117,10 @@
         <tab :id="'socketio'" :label="$t('socketio')">
           <socketio />
         </tab>
+        <tab :id="'mqtt'" :label="$t('mqtt')">
+          <mqtt />
+        </tab>
       </tabs>
-      <input id="tab-three" type="radio" name="options" />
-      <label for="tab-three">{{ $t("socketio") }}</label>
-      <div class="tab">
-        <socketio />
-      </div>
-      <input id="tab-four" type="radio" name="options" />
-      <label for="tab-four">{{ $t("mqtt") }}</label>
-      <div class="tab">
-        <mqtt />
-      </div>
     </section>
   </div>
 </template>