@scalar/api-reference
Version:
Generate beautiful API references from OpenAPI documents
71 lines (70 loc) • 8.24 kB
JavaScript
import { Fragment, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
import { ScalarButton } from "@scalar/components";
import { themeLabels } from "@scalar/themes";
//#region src/components/GettingStarted.vue?vue&type=script&setup=true&lang.ts
var _hoisted_1 = { class: "custom-scroll start" };
var _hoisted_2 = { class: "start-copy" };
var _hoisted_3 = { class: "start-cta" };
var _hoisted_4 = { class: "start-row" };
var _hoisted_5 = { class: "start-section start-section-colors" };
var _hoisted_6 = ["onClick"];
var GettingStarted_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
__name: "GettingStarted",
props: { theme: {} },
emits: [
"changeTheme",
"loadSwaggerFile",
"linkSwaggerFile",
"updateContent"
],
setup(__props, { emit: __emit }) {
const emits = __emit;
const themeIds = [
"default",
"alternate",
"moon",
"purple",
"solarized",
"bluePlanet",
"saturn",
"kepler",
"mars",
"deepSpace"
];
async function fetchExampleSpecification() {
emits("updateContent", await (await fetch("https://registry.scalar.com/@scalar/apis/galaxy?format=yaml")).text());
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1, [
createElementVNode("div", _hoisted_2, [_cache[3] || (_cache[3] = createStaticVNode("<div class=\"start-logo\" data-v-8ab3de01><svg height=\"36\" viewBox=\"0 0 36 36\" width=\"36\" xmlns=\"http://www.w3.org/2000/svg\" data-v-8ab3de01><path d=\"M18 0a18 18 0 1 1 0 36 18 18 0 0 1 0-36Zm11.2 6.5c-3.3-3.3-11.1-1-17.4 5.3-6.2 6.3-8.6 14-5.3 17.4 3.3 3.3 11 .9 17.3-5.4 6.3-6.2 8.7-14 5.4-17.3ZM17.6 12a6.3 6.3 0 1 1 0 12.7 6.3 6.3 0 0 1 0-12.7Z\" fill=\"currentColor\" fill-rule=\"evenodd\" data-v-8ab3de01></path></svg></div><h1 class=\"start-h1\" data-v-8ab3de01>Swagger Editor</h1><p class=\"start-p\" data-v-8ab3de01> Welcome to the Scalar API References + Swagger Editor, a Free & Open-Source tool that takes your Swagger/OAS file and generates Beautiful API references. </p>", 3)), createElementVNode("div", _hoisted_3, [createVNode(unref(ScalarButton), {
class: "w-full",
onClick: fetchExampleSpecification
}, {
default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Show Example ", -1)])]),
_: 1
}), createVNode(unref(ScalarButton), {
class: "w-full",
variant: "outlined",
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("loadSwaggerFile"))
}, {
default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Upload File ", -1)])]),
_: 1
})])]),
createElementVNode("div", _hoisted_4, [_cache[5] || (_cache[5] = createStaticVNode("<div class=\"start-section start-section-integrations\" data-v-8ab3de01><div class=\"start-h2\" data-v-8ab3de01>INTEGRATIONS</div><a class=\"start-item\" href=\"https://github.com/scalar/scalar/tree/main/integrations/fastify#readme\" target=\"_blank\" data-v-8ab3de01><svg fill=\"currentColor\" height=\"16\" viewBox=\"0 0 19 16\" width=\"19\" xmlns=\"http://www.w3.org/2000/svg\" data-v-8ab3de01><path d=\"m18.2 3.1.8-2V.9l-4.7 1.3C15.2 1 15 0 15 0s-2.5 1.6-4.3 1.5c-2 0-3.6.8-4 1-1.8 1.2-2.5 3.3-3.2 3.8L0 8.9 2.3 8l-2 2.5c.2.3 1.2 1.6 2.1 1.3l.4-.1 1.6.5-.7-1 .2-.2.9.3-.1-.8.9.3-.1-.8.3-.1 1-3.5 3.7-2.6-.3.7A4 4 0 0 1 8 7l-.6.2c-.5.5-.7.7-.8 2.5a2 2 0 0 1 1 0c1.6.4 2.2 2.3 1.7 2.9l-.7.6H8v.6h-.7v.5l-.2.2c-.7 0-1.4-.6-1.4-.6 0 .5.4 1.3.4 1.3s1.7 1.1 2.7.7c1-.4.7-2.3 2.8-3.2l3.3-.9.8-2.2-1.7.5v-2l2.5-.6.9-2.2-3.4.9v-2l4.2-1.1Z\" fill=\"currentColor\" fill-rule=\"nonzero\" data-v-8ab3de01></path></svg><span data-v-8ab3de01>Fastify</span></a><a class=\"start-item\" href=\"https://github.com/scalar/scalar/blob/main/documentation/integrations/html-js.md#html\" target=\"_blank\" data-v-8ab3de01><svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" data-v-8ab3de01><g data-v-8ab3de01><path d=\"M22.5 1.5h-21A1.5 1.5 0 0 0 0 3v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 6V3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3A1.25 1.25 0 1 1 4.5 5.75 1.25 1.25 0 0 1 3.25 4.5ZM8.5 5.75A1.25 1.25 0 1 1 9.75 4.5 1.25 1.25 0 0 1 8.5 5.75Z\" fill=\"currentColor\" data-v-8ab3de01></path><path d=\"M22.5 9h-21A1.5 1.5 0 0 0 0 10.5v3A1.5 1.5 0 0 0 1.5 15h21a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 22.5 9ZM3.25 12a1.25 1.25 0 1 1 1.25 1.25A1.25 1.25 0 0 1 3.25 12Zm5.25 1.25A1.25 1.25 0 1 1 9.75 12a1.25 1.25 0 0 1-1.25 1.25Z\" fill=\"currentColor\" data-v-8ab3de01></path><path d=\"M22.5 16.5h-21A1.5 1.5 0 0 0 0 18v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 21v-3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3a1.25 1.25 0 1 1 1.25 1.25 1.25 1.25 0 0 1-1.25-1.25Zm5.25 1.25a1.25 1.25 0 1 1 1.25-1.25 1.25 1.25 0 0 1-1.25 1.25Z\" fill=\"currentColor\" data-v-8ab3de01></path></g></svg><span data-v-8ab3de01>CDN</span></a><a class=\"start-item\" href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference/README.md#vuejs\" target=\"_blank\" data-v-8ab3de01><svg height=\"170\" viewBox=\"0 0 196.3 170\" width=\"196.3\" xmlns=\"http://www.w3.org/2000/svg\" data-v-8ab3de01><g fill=\"currentColor\" fill-rule=\"nonzero\" data-v-8ab3de01><polygon points=\"39.23 0 0 0 2.9450761 5.1010782 98.16 170.02 196.32 0 157.06 0 98.16 102.01 42.175701 5.0991171\" data-v-8ab3de01></polygon><polygon points=\"75.5 2.009956e-14 0 2.009956e-14 2.94 5.1 78.44871 5.1 98.16 39.26 117.87937 5.1 193.38 5.1 196.325 0 120.82 7.8065636e-15 114.97322 2.009956e-14 98.16 29.037153 81.35 2.009956e-14\" data-v-8ab3de01></polygon></g></svg><span data-v-8ab3de01>Vue</span></a><a class=\"start-item\" href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference-react/README.md#usage\" target=\"_blank\" data-v-8ab3de01><svg height=\"23.3\" viewBox=\"0 0 22 23.3\" width=\"22\" xmlns=\"http://www.w3.org/2000/svg\" data-v-8ab3de01><g fill=\"none\" fill-rule=\"evenodd\" data-v-8ab3de01><circle cx=\"11\" cy=\"11.6\" fill=\"currentColor\" fill-rule=\"nonzero\" r=\"2\" data-v-8ab3de01></circle><g stroke=\"currentColor\" data-v-8ab3de01><ellipse cx=\"11\" cy=\"11.6\" rx=\"11\" ry=\"4.2\" data-v-8ab3de01></ellipse><ellipse cx=\"11\" cy=\"11.6\" rx=\"11\" ry=\"4.2\" transform=\"rotate(60 11 11.6)\" data-v-8ab3de01></ellipse><ellipse cx=\"11\" cy=\"11.6\" rx=\"11\" ry=\"4.2\" transform=\"rotate(120 11 11.6)\" data-v-8ab3de01></ellipse></g></g></svg><span data-v-8ab3de01>React</span></a></div>", 1)), createElementVNode("div", _hoisted_5, [_cache[4] || (_cache[4] = createElementVNode("p", { class: "start-h2" }, "THEMING", -1)), (openBlock(), createElementBlock(Fragment, null, renderList(themeIds, (themeId) => {
return createElementVNode("div", {
key: themeId,
class: normalizeClass(["start-item", { "start-item-active": themeId === __props.theme }]),
onClick: ($event) => _ctx.$emit("changeTheme", {
id: themeId,
label: unref(themeLabels)[themeId]
})
}, toDisplayString(unref(themeLabels)[themeId]), 11, _hoisted_6);
}), 64))])]),
_cache[6] || (_cache[6] = createStaticVNode("<p class=\"start-h1\" data-v-8ab3de01>Features</p><ul class=\"start-ul\" data-v-8ab3de01><li data-v-8ab3de01><p class=\"start-h3\" data-v-8ab3de01>Customize</p> Bring your typography & color palettes, or use our themes! </li><li data-v-8ab3de01><p class=\"start-h3\" data-v-8ab3de01>Testing</p> A deeply integrated Rest API Client (Also Free & Open-Source) </li><li data-v-8ab3de01><p class=\"start-h3\" data-v-8ab3de01>Search</p> Fully integrated Search (Using fuse.js) </li><li data-v-8ab3de01><p class=\"start-h3\" data-v-8ab3de01>Hosting</p> Free subdomain hosting on https://apidocumentation.com </li><li data-v-8ab3de01><p class=\"start-h3\" data-v-8ab3de01>OpenAPI & Swagger</p> Support for OpenAPI 3.1, OpenAPI 3.0, and Swagger 2.0 </li><li data-v-8ab3de01><p class=\"start-h3\" data-v-8ab3de01>Code Samples</p> Code samples to show off your API in most popular languages </li></ul>", 2))
]);
};
}
});
//#endregion
export { GettingStarted_vue_vue_type_script_setup_true_lang_default as default };
//# sourceMappingURL=GettingStarted.vue.script.js.map