* feat: codegen body added * feat: new ui added for response interface * feat: generate code component added * chore: default collection tab * feat: generate data schema * chore: clean up * chore: minor code refactor * fix: only render if `isDrawerOpen` is true * chore: clean up * chore: clean up --------- Co-authored-by: nivedin <nivedinp@gmail.com>
37 lines
973 B
Vue
37 lines
973 B
Vue
<template>
|
|
<AppShortcuts :show="showShortcuts" @close="showShortcuts = false" />
|
|
<AppShare :show="showShare" @hide-modal="showShare = false" />
|
|
<FirebaseLogin v-if="showLogin" @hide-modal="showLogin = false" />
|
|
<HttpResponseInterface
|
|
v-if="isDrawerOpen"
|
|
:show="isDrawerOpen"
|
|
@close="isDrawerOpen = false"
|
|
/>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from "vue"
|
|
import { defineActionHandler } from "~/helpers/actions"
|
|
|
|
const showShortcuts = ref(false)
|
|
const showShare = ref(false)
|
|
const showLogin = ref(false)
|
|
const isDrawerOpen = ref(false)
|
|
|
|
defineActionHandler("flyouts.keybinds.toggle", () => {
|
|
showShortcuts.value = !showShortcuts.value
|
|
})
|
|
|
|
defineActionHandler("modals.share.toggle", () => {
|
|
showShare.value = !showShare.value
|
|
})
|
|
|
|
defineActionHandler("modals.login.toggle", () => {
|
|
showLogin.value = !showLogin.value
|
|
})
|
|
|
|
defineActionHandler("response.schema.toggle", () => {
|
|
isDrawerOpen.value = !isDrawerOpen.value
|
|
})
|
|
</script>
|