@scalar/api-reference 1.38.0 → 1.39.0

package/dist/features/Search/helpers/create-search-index.js

@@ -1,111 +1,119 @@
-import { getResolvedRef as s } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { extractRequestBody as h, createParameterMap as a } from "../../../libs/openapi.js";
-function f(o, i) {
-  const t = [];
-  function e(p) {
-    p.forEach((d) => {
-      c(d, t, i), "children" in d && d.children && e(d.children);
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { extractRequestBody, createParameterMap } from "../../../helpers/openapi.js";
+function createSearchIndex(document) {
+  const index = [];
+  function processEntries(entriesToProcess) {
+    entriesToProcess.forEach((entry) => {
+      addEntryToIndex(entry, index, document);
+      if ("children" in entry && entry.children) {
+        processEntries(entry.children);
+      }
     });
   }
-  return e(o), t;
+  processEntries(document?.["x-scalar-navigation"]?.children ?? []);
+  return index;
 }
-function c(o, i, t) {
-  if (o.type === "operation") {
-    const e = s(t?.paths?.[o.path]?.[o.method]) ?? {}, p = h(e) || a(e), d = typeof p != "boolean" ? p : null;
-    i.push({
+function addEntryToIndex(entry, index, document) {
+  if (entry.type === "operation") {
+    const operation = getResolvedRef(document?.paths?.[entry.path]?.[entry.method]) ?? {};
+    const requestBodyOrParameterMap = extractRequestBody(operation) || createParameterMap(operation);
+    const body = typeof requestBodyOrParameterMap !== "boolean" ? requestBodyOrParameterMap : null;
+    index.push({
       type: "operation",
-      title: o.title,
-      href: `#${o.id}`,
-      id: e.operationId,
-      description: e.description || "",
-      method: o.method,
-      path: o.path,
-      body: d || "",
-      entry: o
+      title: entry.title,
+      id: entry.id,
+      description: operation.description || "",
+      method: entry.method,
+      path: entry.path,
+      body: body || "",
+      operationId: operation.operationId,
+      entry
     });
     return;
   }
-  if (o.type === "webhook") {
-    const e = s(t?.webhooks?.[o.name]?.[o.method]) ?? {};
-    i.push({
+  if (entry.type === "webhook") {
+    const webhook = getResolvedRef(document?.webhooks?.[entry.name]?.[entry.method]) ?? {};
+    index.push({
+      id: entry.id,
       type: "webhook",
-      title: o.title,
-      href: `#${o.id}`,
+      title: entry.title,
       description: "Webhook",
-      method: o.method,
-      body: e.description || "",
-      entry: o
+      method: entry.method,
+      body: webhook.description || "",
+      operationId: webhook.operationId,
+      entry
     });
     return;
   }
-  if (o.type === "model") {
-    const p = s(t?.components?.schemas?.[o.name])?.description ?? "";
-    i.push({
+  if (entry.type === "model") {
+    const schema = getResolvedRef(document?.components?.schemas?.[entry.name]);
+    const description = schema?.description ?? "";
+    index.push({
       type: "model",
-      title: o.title,
-      href: `#${o.id}`,
+      title: entry.title,
       description: "Model",
-      body: p,
-      entry: o
+      id: entry.id,
+      body: description,
+      entry
     });
     return;
   }
-  if (o.title === "Models") {
-    i.push({
+  if (entry.type === "models") {
+    index.push({
+      id: entry.id,
       type: "heading",
       title: "Models",
-      href: `#${o.id}`,
       description: "Heading",
       body: "",
-      entry: o
+      entry
     });
     return;
   }
-  if (o.type === "tag" && o.isWebhooks === !0) {
-    i.push({
+  if (entry.type === "tag" && entry.isWebhooks === true) {
+    index.push({
+      id: entry.id,
       type: "heading",
       title: "Webhooks",
-      href: `#${o.id}`,
       description: "Heading",
       body: "",
-      entry: o
+      entry
     });
     return;
   }
-  if (o.type === "tag" && o.isGroup === !1) {
-    i.push({
-      title: o.title,
-      href: `#${o.id}`,
-      description: o.description || "",
+  if (entry.type === "tag" && entry.isGroup === false) {
+    index.push({
+      id: entry.id,
+      title: entry.title,
+      description: entry.description || "",
       type: "tag",
       body: "",
-      entry: o
+      entry
     });
     return;
   }
-  if (o.type === "tag" && o.isGroup === !0) {
-    i.push({
-      title: o.title,
-      href: `#${o.id}`,
+  if (entry.type === "tag" && entry.isGroup === true) {
+    index.push({
+      id: entry.id,
+      title: entry.title,
       description: "Tag Group",
       type: "tag",
       body: "",
-      entry: o
+      entry
     });
     return;
   }
-  if (o.title) {
-    i.push({
+  if (entry.type === "text") {
+    index.push({
+      id: entry.id,
       type: "heading",
-      title: o.title ?? "",
-      description: "Description",
-      href: `#${o.id}`,
+      title: entry.title ?? "",
+      description: "Heading",
       body: "",
-      entry: o
+      entry
     });
     return;
   }
 }
 export {
-  f as createSearchIndex
+  createSearchIndex
 };

package/dist/features/Search/hooks/useSearchIndex.d.ts

@@ -1,15 +1,14 @@
 import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { FuseResult } from 'fuse.js';
-import type { useSidebar } from '../../../v2/blocks/scalar-sidebar-block';
+import { type MaybeRefOrGetter } from 'vue';
 import type { FuseData } from '../types';
 /**
  * Creates the search index from an OpenAPI document.
  */
-export declare function useSearchIndex(items: ReturnType<typeof useSidebar>['items'], document?: OpenApiDocument): {
-    resetSearch: () => void;
-    selectedIndex: import("vue").Ref<number | undefined, number | undefined>;
-    selectedSearchResult: import("vue").ComputedRef<FuseResult<FuseData> | undefined>;
-    searchResultsWithPlaceholderResults: import("vue").ComputedRef<FuseResult<FuseData>[]>;
+export declare function useSearchIndex(document: MaybeRefOrGetter<OpenApiDocument | undefined>): {
+    results: import("vue").ComputedRef<{
+        item: FuseData;
+        refIndex: number;
+    }[]>;
     query: import("vue").Ref<string, string>;
 };
 //# sourceMappingURL=useSearchIndex.d.ts.map

package/dist/features/Search/hooks/useSearchIndex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSearchIndex.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/hooks/useSearchIndex.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AACnG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAIlE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAIxC;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,EAAE,eAAe;uBAgC9E,IAAI;;;;;EA0D7B"}
+{"version":3,"file":"useSearchIndex.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/hooks/useSearchIndex.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAEnG,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,KAAK,CAAA;AAInE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAIxC;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,gBAAgB,CAAC,eAAe,GAAG,SAAS,CAAC;;;;;;EAkCrF"}

package/dist/features/Search/hooks/useSearchIndex.js

@@ -1,46 +1,33 @@
-import { ref as a, watch as i, toValue as p, computed as h } from "vue";
-import { createFuseInstance as x } from "../helpers/create-fuse-instance.js";
-import { createSearchIndex as I } from "../helpers/create-search-index.js";
-const d = 25;
-function g(l, v) {
-  const n = x(), e = a();
-  i(
-    l,
-    () => {
-      const { entries: r } = p(l), c = I(r, v);
-      n.setCollection(c);
-    },
-    { immediate: !0 }
-  );
-  const t = a("");
-  i(t, (r) => {
-    if (r.length) {
-      f();
-      return;
+import { computed, toValue, ref } from "vue";
+import { createFuseInstance } from "../helpers/create-fuse-instance.js";
+import { createSearchIndex } from "../helpers/create-search-index.js";
+const MAX_SEARCH_RESULTS = 25;
+function useSearchIndex(document) {
+  const fuse = computed(() => {
+    const instance = createFuseInstance();
+    instance.setCollection(createSearchIndex(toValue(document)));
+    return instance;
+  });
+  const query = ref("");
+  const results = computed(() => {
+    if (query.value.length !== 0) {
+      return fuse.value.search(query.value, {
+        limit: MAX_SEARCH_RESULTS
+      });
     }
-    o();
+    const allEntries = fuse.value._docs;
+    return allEntries.slice(0, MAX_SEARCH_RESULTS).map(
+      (item, index) => ({
+        item,
+        refIndex: index
+      })
+    );
   });
-  function o() {
-    t.value = "", e.value = void 0, s.value = [];
-  }
-  const s = a([]), f = () => {
-    e.value = 0, s.value = n.search(t.value, {
-      limit: d
-    });
-  }, u = h(() => t.value.length !== 0 ? s.value : n._docs.slice(0, d).map((c, S) => ({
-    item: c,
-    refIndex: S
-  }))), m = h(
-    () => typeof e.value == "number" ? u.value[e.value] : void 0
-  );
   return {
-    resetSearch: o,
-    selectedIndex: e,
-    selectedSearchResult: m,
-    searchResultsWithPlaceholderResults: u,
-    query: t
+    results,
+    query
   };
 }
 export {
-  g as useSearchIndex
+  useSearchIndex
 };

package/dist/features/Search/types.d.ts

@@ -1,15 +1,15 @@
 import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
-import type { ParameterMap } from '../../libs/openapi.js';
+import type { ParameterMap } from '../../helpers/openapi.js';
 export type EntryType = 'operation' | 'webhook' | 'model' | 'heading' | 'tag';
 export type FuseData = {
     type: EntryType;
-    id?: string;
+    id: string;
     title: string;
     description: string;
-    href: string;
     body?: string | string[] | ParameterMap;
     method?: string;
     path?: string;
+    operationId?: string;
     entry: TraversedEntry;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/features/Search/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/features/Search/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAEhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,CAAA;AAE7E,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,SAAS,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,YAAY,CAAA;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,cAAc,CAAA;CACtB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/features/Search/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAEhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,CAAA;AAE7E,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,SAAS,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,YAAY,CAAA;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,cAAc,CAAA;CACtB,CAAA"}

package/dist/features/example-responses/ExampleResponse.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponse.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponse.vue"],"names":[],"mappings":"AA+IA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAKrE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,eAAe,GAAG,SAAS,CAAA;IACrC,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;CACnC,CAAC;;AAoIF,wBAMG"}
+{"version":3,"file":"ExampleResponse.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponse.vue"],"names":[],"mappings":"AA2IA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAKrE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,eAAe,GAAG,SAAS,CAAA;IACrC,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;CACnC,CAAC;;AA+HF,wBAMG"}

package/dist/features/example-responses/ExampleResponse.vue.js

@@ -1,7 +1,7 @@
-import o from "./ExampleResponse.vue2.js";
+import _sfc_main from "./ExampleResponse.vue2.js";
 /* empty css                     */
-import e from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a32b75e5"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const ExampleResponse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fa97c76"]]);
 export {
-  m as default
+  ExampleResponse as default
 };

package/dist/features/example-responses/ExampleResponse.vue2.js

@@ -1,42 +1,60 @@
-import { defineComponent as c, computed as i, createBlock as s, createElementBlock as u, openBlock as n, unref as l } from "vue";
-import { ScalarCodeBlock as a, ScalarVirtualText as p } from "@scalar/components";
-import { prettyPrintJson as f } from "@scalar/oas-utils/helpers";
-import { getExampleFromSchema as d } from "@scalar/oas-utils/spec-getters";
-import { getResolvedRef as g } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { getResolvedRefDeep as h } from "./helpers/get-resolved-ref-deep.js";
-const v = {
+import { defineComponent, computed, createBlock, createElementBlock, openBlock, unref } from "vue";
+import { getExampleFromSchema } from "@scalar/api-client/v2/blocks/operation-code-sample";
+import { ScalarCodeBlock, ScalarVirtualText } from "@scalar/components";
+import { prettyPrintJson } from "@scalar/oas-utils/helpers";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { getResolvedRefDeep } from "./helpers/get-resolved-ref-deep.js";
+const _hoisted_1 = {
   key: 3,
   class: "empty-state"
-}, m = 3e4, C = /* @__PURE__ */ c({
+};
+const VIRTUALIZATION_THRESHOLD = 2e4;
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ExampleResponse",
   props: {
     response: {},
     example: {}
   },
-  setup(o) {
-    const r = (e) => typeof e == "string" ? e.length > m : typeof e == "object" && e !== null ? JSON.stringify(e).length > m : !1, t = i(() => o.example !== void 0 ? h(o.example)?.value ?? "" : o.response?.schema ? d(g(o.response.schema), {
-      emptyString: "string",
-      mode: "read"
-    }) : "");
-    return (e, x) => e.example !== void 0 && !r(t.value) ? (n(), s(l(a), {
-      key: 0,
-      class: "bg-b-2 -outline-offset-2",
-      content: t.value,
-      lang: "json"
-    }, null, 8, ["content"])) : e.response?.schema && !r(t.value) ? (n(), s(l(a), {
-      key: 1,
-      class: "bg-b-2 -outline-offset-2",
-      content: t.value,
-      lang: "json"
-    }, null, 8, ["content"])) : (e.example !== void 0 || e.response?.schema) && r(t.value) ? (n(), s(l(p), {
-      key: 2,
-      containerClass: "custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen",
-      contentClass: "language-plaintext whitespace-pre font-code text-base",
-      lineHeight: 20,
-      text: l(f)(t.value)
-    }, null, 8, ["text"])) : (n(), u("div", v, " No Body "));
+  setup(__props) {
+    const getContent = () => {
+      if (__props.example !== void 0) {
+        return getResolvedRefDeep(__props.example)?.value ?? "";
+      }
+      if (__props.response?.schema) {
+        return getExampleFromSchema(getResolvedRef(__props.response.schema), {
+          emptyString: "string",
+          mode: "read"
+        });
+      }
+      return "";
+    };
+    const shouldVirtualize = computed(
+      () => prettyPrintedContent.value.length > VIRTUALIZATION_THRESHOLD
+    );
+    const prettyPrintedContent = computed(
+      () => prettyPrintJson(getContent())
+    );
+    return (_ctx, _cache) => {
+      return _ctx.example !== void 0 && !shouldVirtualize.value ? (openBlock(), createBlock(unref(ScalarCodeBlock), {
+        key: 0,
+        class: "bg-b-2 -outline-offset-2",
+        lang: "json",
+        prettyPrintedContent: prettyPrintedContent.value
+      }, null, 8, ["prettyPrintedContent"])) : _ctx.response?.schema && !shouldVirtualize.value ? (openBlock(), createBlock(unref(ScalarCodeBlock), {
+        key: 1,
+        class: "bg-b-2 -outline-offset-2",
+        lang: "json",
+        prettyPrintedContent: prettyPrintedContent.value
+      }, null, 8, ["prettyPrintedContent"])) : (_ctx.example !== void 0 || _ctx.response?.schema) && shouldVirtualize.value ? (openBlock(), createBlock(unref(ScalarVirtualText), {
+        key: 2,
+        containerClass: "custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen",
+        contentClass: "language-plaintext whitespace-pre font-code text-base",
+        lineHeight: 20,
+        text: prettyPrintedContent.value
+      }, null, 8, ["text"])) : (openBlock(), createElementBlock("div", _hoisted_1, " No Body "));
+    };
   }
 });
 export {
-  C as default
+  _sfc_main as default
 };

package/dist/features/example-responses/ExampleResponseTab.vue.js

@@ -1,7 +1,7 @@
-import o from "./ExampleResponseTab.vue2.js";
+import _sfc_main from "./ExampleResponseTab.vue2.js";
 /* empty css                        */
-import e from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c8207e48"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const ExampleResponseTab = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8207e48"]]);
 export {
-  m as default
+  ExampleResponseTab as default
 };

package/dist/features/example-responses/ExampleResponseTab.vue2.js

@@ -1,23 +1,25 @@
-import { defineComponent as o, createBlock as n, openBlock as r, unref as l, withCtx as s, createElementVNode as e, normalizeClass as p, renderSlot as m } from "vue";
-import { Tab as u } from "@headlessui/vue";
-const i = /* @__PURE__ */ o({
+import { defineComponent, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, renderSlot } from "vue";
+import { Tab } from "@headlessui/vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ExampleResponseTab",
-  setup(c) {
-    return (t, d) => (r(), n(l(u), { as: "template" }, {
-      default: s(({ selected: a }) => [
-        e("button", {
-          class: p(["tab", { "tab-selected": a }]),
-          type: "button"
-        }, [
-          e("span", null, [
-            m(t.$slots, "default", {}, void 0, !0)
-          ])
-        ], 2)
-      ]),
-      _: 3
-    }));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Tab), { as: "template" }, {
+        default: withCtx(({ selected }) => [
+          createElementVNode("button", {
+            class: normalizeClass(["tab", { "tab-selected": selected }]),
+            type: "button"
+          }, [
+            createElementVNode("span", null, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ])
+          ], 2)
+        ]),
+        _: 3
+      });
+    };
   }
 });
 export {
-  i as default
+  _sfc_main as default
 };

package/dist/features/example-responses/ExampleResponseTabList.vue.js

@@ -1,7 +1,7 @@
-import o from "./ExampleResponseTabList.vue2.js";
+import _sfc_main from "./ExampleResponseTabList.vue2.js";
 /* empty css                            */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fec8fbbb"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const ExampleResponseTabList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fec8fbbb"]]);
 export {
-  a as default
+  ExampleResponseTabList as default
 };

package/dist/features/example-responses/ExampleResponseTabList.vue2.js

@@ -1,34 +1,37 @@
-import { defineComponent as l, createBlock as d, openBlock as i, unref as t, withCtx as a, createVNode as r, renderSlot as o } from "vue";
-import { TabGroup as m, TabList as u } from "@headlessui/vue";
-import { ScalarCardHeader as p } from "@scalar/components";
-const C = /* @__PURE__ */ l({
+import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, renderSlot } from "vue";
+import { TabGroup, TabList } from "@headlessui/vue";
+import { ScalarCardHeader } from "@scalar/components";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ExampleResponseTabList",
   emits: ["change"],
-  setup(f, { emit: s }) {
-    const c = s, n = (e) => {
-      c("change", e);
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const changeTab = (index) => {
+      emit("change", index);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ScalarCardHeader), { class: "scalar-card-header scalar-card-header-tabs" }, {
+        actions: withCtx(() => [
+          renderSlot(_ctx.$slots, "actions", {}, void 0, true)
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(TabGroup), { onChange: changeTab }, {
+            default: withCtx(() => [
+              createVNode(unref(TabList), { class: "tab-list custom-scroll" }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
     };
-    return (e, _) => (i(), d(t(p), { class: "scalar-card-header scalar-card-header-tabs" }, {
-      actions: a(() => [
-        o(e.$slots, "actions", {}, void 0, !0)
-      ]),
-      default: a(() => [
-        r(t(m), { onChange: n }, {
-          default: a(() => [
-            r(t(u), { class: "tab-list custom-scroll" }, {
-              default: a(() => [
-                o(e.$slots, "default", {}, void 0, !0)
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }));
   }
 });
 export {
-  C as default
+  _sfc_main as default
 };

package/dist/features/example-responses/ExampleResponses.vue.js

@@ -1,7 +1,7 @@
-import o from "./ExampleResponses.vue2.js";
+import _sfc_main from "./ExampleResponses.vue2.js";
 /* empty css                      */
-import p from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ p(o, [["__scopeId", "data-v-dc0ff14d"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const ExampleResponses = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bf753e60"]]);
 export {
-  f as default
+  ExampleResponses as default
 };