@scalar/api-client 2.0.20 → 2.0.22

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @scalar/api-client
 
+## 2.0.22
+
+### Patch Changes
+
+- 45b956f: fix: only add body data if body data is not null
+
+## 2.0.21
+
+### Patch Changes
+
+- d48e4ac: fix: update active body when content type changes
+
 ## 2.0.20
 
 ### Patch Changes

package/README.md

@@ -57,31 +57,28 @@ await createApiClientApp(document.getElementById('scalar-client'), {
 Or you can mount a more compact version, which is living in a modal:
 
 ```ts
-import { createApiClientModal } from '@scalar/api-client'
-
-const targetElement = document.getElementById('root')
+// main.js
+import { createApiClientApp } from '@/App'
 
 // Initialize
-const { open } = await createApiClientModal(targetElement, {
-  spec: {
-    // Load a spec from URL
-    url: 'https://cdn.jsdelivr.net/npm/@scalar/galaxy/dist/latest.json',
-    // OR the spec directly
-    content: {
-      ...
-    }
+const { open } = await createApiClientApp(
+  document.getElementById('scalar-client'),
+  {
+    spec: {
+      url: 'https://cdn.jsdelivr.net/npm/@scalar/galaxy/dist/latest.json',
+    },
+    proxyUrl: 'https://proxy.scalar.com',
   },
-  proxyUrl: 'https://proxy.scalar.com',
-})
+)
 
 // Open the API client right-away
 open()
 
 // Or: Open a specific operation
-open({
-  method: 'GET',
-  path: '/me',
-})
+// open({
+//   method: 'GET',
+//   path: '/me',
+// })
 ```
 
 ## Configuration

package/dist/components/Search/SearchModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchModal.vue"],"names":[],"mappings":"AAgPA,OAAO,EACL,KAAK,UAAU,EAKhB,MAAM,oBAAoB,CAAA;;gBASb,UAAU;;gBAAV,UAAU;;AAsVxB,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"SearchModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchModal.vue"],"names":[],"mappings":"AAgPA,OAAO,EACL,KAAK,UAAU,EAKhB,MAAM,oBAAoB,CAAA;;gBASb,UAAU;;gBAAV,UAAU;;AA8VxB,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/libs/sendRequest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sendRequest.d.ts","sourceRoot":"","sources":["../../src/libs/sendRequest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,oBAAoB,EACrB,MAAM,+CAA+C,CAAA;AACtD,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EAEd,gBAAgB,EACjB,MAAM,2CAA2C,CAAA;AAkBlD;;;GAGG;AACH,eAAO,MAAM,WAAW,YACb,OAAO,WACP,cAAc,UACf,MAAM,mBACG;IACf,MAAM,EAAE,cAAc,CAAA;IACtB,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAA;CACpC,aACU,MAAM,KAChB,OAAO,CAAC;IACT,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAC5B,CA0LA,CAAA"}
+{"version":3,"file":"sendRequest.d.ts","sourceRoot":"","sources":["../../src/libs/sendRequest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,oBAAoB,EACrB,MAAM,+CAA+C,CAAA;AACtD,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EAEd,gBAAgB,EACjB,MAAM,2CAA2C,CAAA;AAkBlD;;;GAGG;AACH,eAAO,MAAM,WAAW,YACb,OAAO,WACP,cAAc,UACf,MAAM,mBACG;IACf,MAAM,EAAE,cAAc,CAAA;IACtB,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAA;CACpC,aACU,MAAM,KAChB,OAAO,CAAC;IACT,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAC5B,CA2LA,CAAA"}

package/dist/libs/sendRequest.js

@@ -1,23 +1,23 @@
 import { redirectToProxy as A, shouldUseProxy as C } from "@scalar/oas-utils/helpers";
 import E from "axios";
 import R from "js-cookie";
-const c = (d = []) => d.reduce(
+const u = (c = []) => c.reduce(
   (o, i) => (i.key && (o[i.key] = i.value), o),
   {}
-), g = async (d, o, i, s, y) => {
-  var w;
-  let n = i;
+), g = async (c, o, i, s, y) => {
+  var k;
+  let a = i;
   o.parameters.path.forEach((e) => {
-    !e.key || !e.value || (n = n.replace(`{${e.key}}`, e.value));
+    !e.key || !e.value || (a = a.replace(`{${e.key}}`, e.value));
   });
-  const r = c(
+  const r = u(
     o.parameters.headers.filter(({ enabled: e }) => e)
   );
-  let u = null;
+  let d = null;
   if (o.body.activeBody === "binary" && o.body.binary)
-    r["Content-Type"] = o.body.binary.type, r["Content-Disposition"] = `attachment; filename="${o.body.binary.name}"`, u = o.body.binary;
-  else if (o.body.activeBody === "raw")
-    u = o.body.raw.value;
+    r["Content-Type"] = o.body.binary.type, r["Content-Disposition"] = `attachment; filename="${o.body.binary.name}"`, d = o.body.binary;
+  else if (o.body.activeBody === "raw" && o.body.raw.value)
+    d = o.body.raw.value;
   else if (o.body.activeBody === "formData") {
     r["Content-Type"] = "multipart/form-data";
     const e = new FormData();
@@ -25,23 +25,23 @@ const c = (d = []) => d.reduce(
       (t) => {
         t.key && t.value ? e.append(t.key, t.value) : t.file && e.append(t.file.name, t.file);
       }
-    ), u = e);
+    ), d = e);
   }
-  const f = [], [k, p] = n.split("?");
-  new URLSearchParams(p ?? "").forEach((e, t) => {
+  const f = [], [p, D] = a.split("?");
+  new URLSearchParams(D ?? "").forEach((e, t) => {
     f.push({
       key: t,
       value: e,
       enabled: !0
     });
   });
-  const h = {
-    ...c(
+  const b = {
+    ...u(
       o.parameters.query.filter(({ enabled: e }) => e).filter(({ value: e }) => e !== "")
     ),
-    ...c(f)
+    ...u(f)
   }, l = {
-    ...c(
+    ...u(
       (o.parameters.cookies ?? []).filter(({ enabled: e }) => e)
     )
   };
@@ -53,13 +53,13 @@ const c = (d = []) => d.reduce(
           l[e.name] = e.value;
           break;
         case "query":
-          h[e.name] = e.value;
+          b[e.name] = e.value;
           break;
         case "header":
           r[e.name] = e.value;
           break;
       }
-    else e.type === "http" && e.value ? e.scheme === "basic" && e.secondValue ? r.Authorization = `Basic ${btoa(`${e.value}:${e.secondValue}`)}` : r.Authorization = `Bearer ${e.value}` : e.type === "oauth2" && ((w = s.flow) != null && w.token) && (r.Authorization = `Bearer ${s.flow.token}`);
+    else e.type === "http" && e.value ? e.scheme === "basic" && e.secondValue ? r.Authorization = `Basic ${btoa(`${e.value}:${e.secondValue}`)}` : r.Authorization = `Bearer ${e.value}` : e.type === "oauth2" && ((k = s.flow) != null && k.token) && (r.Authorization = `Bearer ${s.flow.token}`);
   }
   Object.keys(l).forEach((e) => {
     R.set(e, l[e], {
@@ -69,37 +69,38 @@ const c = (d = []) => d.reduce(
       secure: !0
     });
   });
-  const b = new URLSearchParams(h).toString();
-  n = `${k}${b ? "?" + b : ""}`;
-  const D = {
-    url: A(y, n),
-    method: d.method,
-    headers: r,
-    data: u
-  }, v = Date.now();
+  const h = new URLSearchParams(b).toString();
+  a = `${p}${h ? "?" + h : ""}`;
+  const v = {
+    url: A(y, a),
+    method: c.method,
+    headers: r
+  };
+  d && (v.data = d);
+  const w = Date.now();
   try {
-    const e = await E(D);
-    return C(y, n) && [
+    const e = await E(v);
+    return C(y, a) && [
       "Access-Control-Allow-Headers",
       "Access-Control-Allow-Origin",
       "Access-Control-Allow-Methods",
       "Access-Control-Expose-Headers"
-    ].map((a) => a.toLowerCase()).forEach((a) => delete e.headers[a]), {
+    ].map((n) => n.toLowerCase()).forEach((n) => delete e.headers[n]), {
       sentTime: Date.now(),
       request: o,
       response: {
         ...e,
-        duration: Date.now() - v
+        duration: Date.now() - w
       }
     };
   } catch (e) {
-    const a = e.response;
+    const n = e.response;
     return console.error("ERROR", e), {
       sentTime: Date.now(),
       request: o,
-      response: a ? {
-        ...a,
-        duration: Date.now() - v
+      response: n ? {
+        ...n,
+        duration: Date.now() - w
       } : void 0
     };
   }

package/dist/views/Request/RequestSection/RequestBody.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestBody.vue"],"names":[],"mappings":";WAobS,MAAM;WACN,MAAM;eACF,GAAG,EAAE;;WAFT,MAAM;WACN,MAAM;eACF,GAAG,EAAE;;AAkwBlB,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestBody.vue"],"names":[],"mappings":";WAucS,MAAM;WACN,MAAM;eACF,GAAG,EAAE;;WAFT,MAAM;WACN,MAAM;eACF,GAAG,EAAE;;AAqxBlB,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/views/Request/RequestSection/RequestBody.vue.js

@@ -1,36 +1,36 @@
-import { defineComponent as Y, ref as T, computed as _, watch as N, openBlock as r, createBlock as f, withCtx as u, createTextVNode as V, toDisplayString as w, createElementBlock as v, Fragment as j, createVNode as i, unref as s, createElementVNode as y, nextTick as G } from "vue";
-import H from "../../../components/CodeInput/CodeInput.vue.js";
-import K from "../../../components/DataTable/DataTable.vue.js";
-import Q from "../../../components/DataTable/DataTableHeader.vue.js";
-import R from "../../../components/DataTable/DataTableRow.vue.js";
-import Z from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useWorkspace as I } from "../../../store/workspace.js";
-import { ScalarListbox as ee, ScalarButton as D, ScalarIcon as q } from "@scalar/components";
+import { defineComponent as G, ref as T, computed as _, watch as N, openBlock as r, createBlock as f, withCtx as u, createTextVNode as V, toDisplayString as k, createElementBlock as v, Fragment as j, createVNode as d, unref as i, createElementVNode as y, nextTick as H } from "vue";
+import K from "../../../components/CodeInput/CodeInput.vue.js";
+import Q from "../../../components/DataTable/DataTable.vue.js";
+import Z from "../../../components/DataTable/DataTableHeader.vue.js";
+import D from "../../../components/DataTable/DataTableRow.vue.js";
+import I from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useWorkspace as ee } from "../../../store/workspace.js";
+import { ScalarListbox as te, ScalarButton as F, ScalarIcon as q } from "@scalar/components";
 import { createRequestExampleParameter as S } from "@scalar/oas-utils/entities/workspace/spec";
 import L from "./RequestTable.vue.js";
 import { useFileDialog as W } from "../../../hooks/useFileDialog.js";
-const te = {
+const ae = {
   key: 0,
   class: "text-c-3 flex min-h-14 w-full items-center justify-center rounded border border-dashed text-center text-base"
-}, ae = /* @__PURE__ */ y("span", null, "No Body", -1), oe = [
-  ae
-], le = {
+}, oe = /* @__PURE__ */ y("span", null, "No Body", -1), le = [
+  oe
+], ne = {
   key: 0,
   class: "text-c-3 flex min-h-10 w-full items-center justify-center p-2 text-sm"
-}, ne = /* @__PURE__ */ y("span", null, "No Body", -1), re = [
-  ne
-], ue = {
+}, re = /* @__PURE__ */ y("span", null, "No Body", -1), ue = [
+  re
+], ie = {
   key: 1,
   class: "flex items-center justify-center p-1.5 overflow-hidden"
-}, se = { class: "text-c-2 text-xs w-full border rounded p-1 max-w-full overflow-hidden whitespace-nowrap" }, ie = /* @__PURE__ */ y("span", null, "Upload File", -1), we = /* @__PURE__ */ Y({
+}, se = { class: "text-c-2 text-xs w-full border rounded p-1 max-w-full overflow-hidden whitespace-nowrap" }, de = /* @__PURE__ */ y("span", null, "Upload File", -1), De = /* @__PURE__ */ G({
   __name: "RequestBody",
   props: {
     title: {},
     body: {},
     formData: {}
   },
-  setup(de) {
-    const M = {
+  setup(ce) {
+    const A = {
       multipartForm: "Multipart Form",
       formUrlEncoded: "Form URL Encoded",
       binaryFile: "Binary File",
@@ -40,39 +40,39 @@ const te = {
       edn: "EDN",
       other: "Other",
       none: "None"
-    }, { activeRequest: m, activeExample: t, requestExampleMutators: d } = I(), n = T("none"), b = T(null), O = {
+    }, { activeRequest: m, activeExample: t, requestExampleMutators: s } = ee(), n = T("none"), b = T(null), M = {
       json: "json",
       xml: "xml",
       yaml: "yaml",
       edn: "edn",
       other: "html"
-    }, z = _(() => {
+    }, O = _(() => {
       const e = n.value;
-      return O[e] ?? "plaintext";
+      return M[e] ?? "plaintext";
     });
-    function F() {
+    function R() {
       console.log("deleteRow");
     }
-    const U = (e, o, a) => {
+    const U = (e, a, o) => {
       if (!m.value || !t.value) return;
       const c = p.value;
       if (c.length > e) {
         const l = [...c];
-        l[e] = { ...l[e], [o]: a }, (l[e].key !== "" || l[e].value !== "") && (l[e].enabled = !0), l[e].key === "" && l[e].value === "" && l.splice(e, 1), d.edit(
+        l[e] = { ...l[e], [a]: o }, (l[e].key !== "" || l[e].value !== "") && (l[e].enabled = !0), l[e].key === "" && l[e].value === "" && l.splice(e, 1), s.edit(
           t.value.uid,
           "body.formData.value",
           l
         );
       } else {
-        const l = [S({ [o]: a })];
-        d.edit(
+        const l = [S({ [a]: o })];
+        s.edit(
           t.value.uid,
           "body.formData.value",
           l
-        ), G(() => {
-          var E;
+        ), H(() => {
+          var C;
           if (!b.value) return;
-          (E = b.value.querySelectorAll("input")[o === "key" ? 0 : 1]) == null || E.focus();
+          (C = b.value.querySelectorAll("input")[a === "key" ? 0 : 1]) == null || C.focus();
         });
       }
     }, p = _(
@@ -81,35 +81,42 @@ const te = {
         return ((e = t.value) == null ? void 0 : e.body.formData.value) ?? [];
       }
     );
-    function A() {
+    function z() {
       p.value.length === 0 && x();
     }
     const x = () => {
       if (!m.value || !t.value) return;
       const e = S({
         enabled: !1
-      }), o = [...p.value, e];
-      d.edit(
+      }), a = [...p.value, e];
+      s.edit(
         t.value.uid,
         "body.formData.value",
-        o
+        a
       );
     }, $ = (e) => {
-      !m.value || !t.value || d.edit(
+      !m.value || !t.value || s.edit(
         t.value.uid,
         "body.raw.value",
         e
       );
+    }, J = (e) => {
+      let a = "raw";
+      e === "multipartForm" || e === "formUrlEncoded" ? a = "formData" : e === "binaryFile" ? a = "binary" : a = "raw", s.edit(
+        t.value.uid,
+        "body.activeBody",
+        a
+      );
     }, B = async (e) => {
-      const { open: o } = W({
-        onChange: async (a) => {
-          const c = a == null ? void 0 : a[0];
+      const { open: a } = W({
+        onChange: async (o) => {
+          const c = o == null ? void 0 : o[0];
           if (c && m.value && t.value) {
             const h = [...p.value];
             h[e] = {
               ...h[e],
               file: c
-            }, d.edit(
+            }, s.edit(
               t.value.uid,
               "body.formData.value",
               h
@@ -119,31 +126,31 @@ const te = {
         multiple: !1,
         accept: "*/*"
       });
-      o();
+      a();
     };
-    function J() {
-      !m.value || !t.value || d.edit(t.value.uid, "body.binary", void 0);
+    function X() {
+      !m.value || !t.value || s.edit(t.value.uid, "body.binary", void 0);
     }
-    function P(e) {
+    function E(e) {
       if (!m.value || !t.value) return;
-      const a = [...p.value];
-      a[e] = {
-        ...a[e],
+      const o = [...p.value];
+      o[e] = {
+        ...o[e],
         file: void 0
-      }, d.edit(
+      }, s.edit(
         t.value.uid,
         "body.formData.value",
-        a
+        o
       );
     }
-    function X() {
+    function Y() {
       const { open: e } = W({
-        onChange: async (o) => {
-          const a = o == null ? void 0 : o[0];
-          a && m.value && t.value && d.edit(
+        onChange: async (a) => {
+          const o = a == null ? void 0 : a[0];
+          o && m.value && t.value && s.edit(
             t.value.uid,
             "body.binary",
-            a
+            o
           );
         },
         multiple: !1,
@@ -151,20 +158,20 @@ const te = {
       });
       e();
     }
-    const C = Object.entries(M).map(
-      ([e, o]) => ({
+    const P = Object.entries(A).map(
+      ([e, a]) => ({
         id: e,
-        label: o,
+        label: a,
         value: e
       })
     ), g = _({
-      get: () => C.find((e) => e.id === n.value),
+      get: () => P.find((e) => e.id === n.value),
       set: (e) => {
         e != null && e.id && (n.value = e.id);
       }
-    }), k = _(() => t.value ? t.value.body.formData && t.value.body.formData.value.length > 0 ? "multipartForm" : t.value.body.raw && t.value.body.raw.value.trim() !== "" ? t.value.body.raw.encoding : n.value : "none");
-    return k.value !== "none" && (n.value = k.value), N(
-      k,
+    }), w = _(() => t.value ? t.value.body.formData && t.value.body.formData.value.length > 0 ? "multipartForm" : t.value.body.raw && t.value.body.raw.value.trim() !== "" ? t.value.body.raw.encoding : n.value : "none");
+    return w.value !== "none" && (n.value = w.value), N(
+      w,
       (e) => {
         e && (n.value = e);
       },
@@ -172,42 +179,42 @@ const te = {
     ), N(
       n,
       (e) => {
-        (e === "multipartForm" || e === "formUrlEncoded") && A();
+        (e === "multipartForm" || e === "formUrlEncoded") && z(), J(e);
       },
       { immediate: !0 }
-    ), (e, o) => (r(), f(Z, null, {
+    ), (e, a) => (r(), f(I, null, {
       title: u(() => [
-        V(w(e.title), 1)
+        V(k(e.title), 1)
       ]),
       default: u(() => [
-        e.body && e.body.length === 0 && e.formData && e.formData.length === 0 ? (r(), v("div", te, oe)) : e.formData && e.formData.length > 0 ? (r(), v(j, { key: 1 }, [], 64)) : (r(), f(K, {
+        e.body && e.body.length === 0 && e.formData && e.formData.length === 0 ? (r(), v("div", ae, le)) : e.formData && e.formData.length > 0 ? (r(), v(j, { key: 1 }, [], 64)) : (r(), f(Q, {
           key: 2,
           columns: [""]
         }, {
           default: u(() => [
-            i(R, null, {
+            d(D, null, {
               default: u(() => [
-                i(Q, { class: "relative col-span-full flex h-8 cursor-pointer items-center px-[2.25px] py-[2.25px]" }, {
+                d(Z, { class: "relative col-span-full flex h-8 cursor-pointer items-center px-[2.25px] py-[2.25px]" }, {
                   default: u(() => [
-                    i(s(ee), {
+                    d(i(te), {
                       modelValue: g.value,
-                      "onUpdate:modelValue": o[0] || (o[0] = (a) => g.value = a),
+                      "onUpdate:modelValue": a[0] || (a[0] = (o) => g.value = o),
                       class: "text-xxs w-full",
                       fullWidth: "",
-                      options: s(C),
+                      options: i(P),
                       teleport: ""
                     }, {
                       default: u(() => [
-                        i(s(D), {
+                        d(i(F), {
                           class: "flex gap-1.5 h-auto px-1.5 text-c-2 font-normal hover:text-c-1",
                           fullWidth: "",
                           variant: "ghost"
                         }, {
                           default: u(() => {
-                            var a;
+                            var o;
                             return [
-                              y("span", null, w((a = g.value) == null ? void 0 : a.label), 1),
-                              i(s(q), {
+                              y("span", null, k((o = g.value) == null ? void 0 : o.label), 1),
+                              d(i(q), {
                                 class: "stroke-[1]",
                                 icon: "ChevronDown",
                                 size: "xs"
@@ -225,34 +232,34 @@ const te = {
               ]),
               _: 1
             }),
-            i(R, null, {
+            d(D, null, {
               default: u(() => {
-                var a, c, l;
+                var o, c, l;
                 return [
-                  n.value === "none" ? (r(), v("div", le, re)) : n.value === "binaryFile" ? (r(), v("div", ue, [
-                    (a = s(t)) != null && a.body.binary ? (r(), v(j, { key: 0 }, [
-                      y("span", se, w((c = s(t)) == null ? void 0 : c.body.binary.name), 1),
-                      i(s(D), {
+                  n.value === "none" ? (r(), v("div", ne, ue)) : n.value === "binaryFile" ? (r(), v("div", ie, [
+                    (o = i(t)) != null && o.body.binary ? (r(), v(j, { key: 0 }, [
+                      y("span", se, k((c = i(t)) == null ? void 0 : c.body.binary.name), 1),
+                      d(i(F), {
                         class: "bg-b-2 hover:bg-b-3 border-0 text-c-2 ml-1",
                         size: "sm",
                         variant: "outlined",
-                        onClick: J
+                        onClick: X
                       }, {
                         default: u(() => [
                           V(" Delete ")
                         ]),
                         _: 1
                       })
-                    ], 64)) : (r(), f(s(D), {
+                    ], 64)) : (r(), f(i(F), {
                       key: 1,
                       class: "bg-b-2 hover:bg-b-3 border-0 text-c-2",
                       size: "sm",
                       variant: "outlined",
-                      onClick: X
+                      onClick: Y
                     }, {
                       default: u(() => [
-                        ie,
-                        i(s(q), {
+                        de,
+                        d(i(q), {
                           class: "ml-1 stroke-[2.5]",
                           icon: "UploadSimple",
                           size: "xs"
@@ -269,8 +276,8 @@ const te = {
                     items: p.value,
                     showUploadButton: "",
                     onAddRow: x,
-                    onDeleteRow: F,
-                    onRemoveFile: P,
+                    onDeleteRow: R,
+                    onRemoveFile: E,
                     onUpdateRow: U,
                     onUploadFile: B
                   }, null, 8, ["items"])) : n.value == "formUrlEncoded" ? (r(), f(L, {
@@ -282,24 +289,24 @@ const te = {
                     items: p.value,
                     showUploadButton: "",
                     onAddRow: x,
-                    onDeleteRow: F,
-                    onRemoveFile: P,
+                    onDeleteRow: R,
+                    onRemoveFile: E,
                     onUpdateRow: U,
                     onUploadFile: B
-                  }, null, 8, ["items"])) : (r(), f(H, {
+                  }, null, 8, ["items"])) : (r(), f(K, {
                     key: 4,
                     content: "",
-                    language: z.value,
+                    language: O.value,
                     lineNumbers: "",
                     lint: "",
-                    modelValue: ((l = s(t)) == null ? void 0 : l.body.raw.value) ?? "",
+                    modelValue: ((l = i(t)) == null ? void 0 : l.body.raw.value) ?? "",
                     "onUpdate:modelValue": $
                   }, null, 8, ["language", "modelValue"]))
                 ];
               }),
               _: 1
             }),
-            i(R)
+            d(D)
           ]),
           _: 1
         }))
@@ -309,5 +316,5 @@ const te = {
   }
 });
 export {
-  we as default
+  De as default
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.0.20",
+  "version": "2.0.22",
   "engines": {
     "node": ">=18"
   },
@@ -111,13 +111,13 @@
     "nanoid": "^5.0.7",
     "pretty-bytes": "^6.1.1",
     "pretty-ms": "^8.0.0",
-    "vue": "^3.4.22",
+    "vue": "^3.4.29",
     "vue-router": "^4.3.0",
     "zod": "^3.22.4",
     "@scalar/components": "0.12.14",
     "@scalar/draggable": "0.1.3",
-    "@scalar/oas-utils": "0.2.13",
     "@scalar/themes": "0.9.13",
+    "@scalar/oas-utils": "0.2.13",
     "@scalar/object-utils": "1.1.4",
     "@scalar/use-codemirror": "0.11.6",
     "@scalar/use-toasts": "0.7.4",