UNPKG

@scalar/api-client

Version:

the open source API testing client

80 lines (79 loc) 2.84 kB
import { defineComponent as f, createElementBlock as s, openBlock as a, createElementVNode as o, normalizeClass as c, createCommentVNode as m, createVNode as l, createTextVNode as r, toDisplayString as y, unref as n } from "vue"; import { ScalarHotkey as d } from "@scalar/components"; import x from "../../../../assets/computer.ascii.js"; import k from "../../../../components/ScalarAsciiArt.vue.js"; const b = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitalize" }, g = { key: 0, class: "scalar-version-number" }, v = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, V = /* @__PURE__ */ f({ __name: "ResponseEmpty", props: { layout: {}, totalPerformedRequests: {}, appVersion: {} }, emits: ["addRequest", "sendRequest", "openCommandPalette"], setup(t, { emit: p }) { const i = p; return (R, e) => (a(), s("div", b, [ o("div", { class: c(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", { "hidden opacity-0": t.totalPerformedRequests > 0 && t.layout !== "modal" }]) }, [ t.layout !== "modal" ? (a(), s("div", g, [ r(" Scalar App V" + y(t.appVersion) + " Beta ", 1), e[3] || (e[3] = o("div", { class: "mt-2" }, [ o("a", { href: "https://github.com/scalar/scalar/issues/2669", target: "_blank" }, " Roadmap ") ], -1)) ])) : m("", !0), e[4] || (e[4] = o("a", { class: "gitbook-show scalar-version-number", href: "https://www.scalar.com", target: "_blank" }, " Powered By Scalar.com ", -1)), l(k, { art: n(x), class: "text-c-3" }, null, 8, ["art"]) ], 2), o("div", v, [ t.layout !== "modal" ? (a(), s("button", { key: 0, class: "flex items-center gap-1.5", type: "button", onClick: e[0] || (e[0] = (u) => i("openCommandPalette")) }, [ e[5] || (e[5] = r(" Get Started ", -1)), l(n(d), { hotkey: "k", modifier: ["default"] }) ])) : m("", !0), t.layout === "desktop" ? (a(), s("button", { key: 1, class: "flex items-center gap-1.5", type: "button", onClick: e[1] || (e[1] = (u) => i("addRequest")) }, [ e[6] || (e[6] = r(" New Request ", -1)), l(n(d), { hotkey: "N" }) ])) : m("", !0), o("button", { class: "flex items-center gap-1.5", type: "button", onClick: e[2] || (e[2] = (u) => i("sendRequest")) }, [ e[7] || (e[7] = r(" Send Request ", -1)), l(n(d), { hotkey: "↵" }) ]) ]) ])); } }); export { V as default };