refactor(ui): popovers

components/realtime/Sse.vue

@@ -21,8 +21,8 @@
               :disabled="!serverValid"
               name="start"
               class="button rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
-              :icon="!connectionSSEState ? $t('start') : $t('stop')"
-              :label="!connectionSSEState ? 'sync' : 'sync_disabled'"
+              :icon="!connectionSSEState ? 'sync' : 'sync_disabled'"
+              :label="!connectionSSEState ? $t('start') : $t('stop')"
               reverse
               @click.native="toggleSSEConnection"
             />

components/realtime/Websocket.vue

@@ -63,13 +63,13 @@
           <li>
             <ButtonSecondary
               v-tippy="{ theme: 'tooltip' }"
-              title="{
-                content: protocol.hasOwnProperty('active')
+              :title="
+                protocol.hasOwnProperty('active')
                   ? protocol.active
                     ? $t('turn_off')
                     : $t('turn_on')
-                  : $t('turn_off'),
-              }"
+                  : $t('turn_off')
+              "
               @click.native="
                 protocol.active = protocol.hasOwnProperty('active')
                   ? !protocol.active