47 lines
992 B
Vue
47 lines
992 B
Vue
<template>
|
|
<SmartTabs
|
|
class="h-full overflow-hidden"
|
|
styles="sticky top-0 z-10 !overflow-visible"
|
|
>
|
|
<SmartTab
|
|
id="websocket"
|
|
:label="$t('tab.websocket')"
|
|
:selected="true"
|
|
style="height: calc(100% - var(--sidebar-primary-sticky-fold))"
|
|
>
|
|
<RealtimeWebsocket />
|
|
</SmartTab>
|
|
<SmartTab
|
|
id="sse"
|
|
:label="$t('sse')"
|
|
style="height: calc(100% - var(--sidebar-primary-sticky-fold))"
|
|
>
|
|
<RealtimeSse />
|
|
</SmartTab>
|
|
<SmartTab
|
|
id="socketio"
|
|
:label="$t('socketio')"
|
|
style="height: calc(100% - var(--sidebar-primary-sticky-fold))"
|
|
>
|
|
<RealtimeSocketio />
|
|
</SmartTab>
|
|
<SmartTab
|
|
id="mqtt"
|
|
:label="$t('tab.mqtt')"
|
|
style="height: calc(100% - var(--sidebar-primary-sticky-fold))"
|
|
>
|
|
<RealtimeMqtt />
|
|
</SmartTab>
|
|
</SmartTabs>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
head() {
|
|
return {
|
|
title: `Realtime • Hoppscotch`,
|
|
}
|
|
},
|
|
}
|
|
</script>
|