@scalar/api-client 2.1.21 → 2.1.23

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @scalar/api-client
 
+## 2.1.23
+
+### Patch Changes
+
+- 5cb5cdf: fix: removes duplicated utility class in request header
+- 971c04c: feat(api-client): create custom workspace selector
+- 75f84f8: fix: sidebar indent lines + icon stroke thickness
+- 3800b54: fix: import curl query parameters
+- 59d3931: chore: remove unused dependencies
+- 2173073: feat: add links to http headers
+- c379e5a: feat: adds api client web playground
+- aebac4e: style: updates sidenav gap and sidehelp hover
+- 4738228: feat: make collection.info.version optional
+- Updated dependencies [971c04c]
+- Updated dependencies [6394a5d]
+- Updated dependencies [dbbe38f]
+- Updated dependencies [4b8b611]
+- Updated dependencies [4738228]
+  - @scalar/components@0.12.55
+  - @scalar/openapi-parser@0.8.7
+  - @scalar/types@0.0.16
+  - @scalar/themes@0.9.38
+  - @scalar/oas-utils@0.2.57
+  - @scalar/use-codemirror@0.11.22
+
+## 2.1.22
+
+### Patch Changes
+
+- b8f9a95: feat: lower syntax highlighting response threshold
+- 0c34a18: chore: updated vue package to 3.5
+- Updated dependencies [b8f9a95]
+- Updated dependencies [8759e7f]
+- Updated dependencies [0c34a18]
+  - @scalar/oas-utils@0.2.56
+  - @scalar/openapi-types@0.1.3
+  - @scalar/use-codemirror@0.11.21
+  - @scalar/use-tooltip@1.0.3
+  - @scalar/components@0.12.54
+  - @scalar/use-toasts@0.7.7
+  - @scalar/draggable@0.1.6
+  - @scalar/icons@0.1.1
+  - @scalar/openapi-parser@0.8.6
+  - @scalar/types@0.0.15
+  - @scalar/themes@0.9.37
+
 ## 2.1.21
 
 ### Patch Changes

package/README.md

@@ -5,6 +5,20 @@
 [![License](https://img.shields.io/npm/l/%40scalar%2Fapi-client)](https://www.npmjs.com/package/@scalar/api-client)
 [![Discord](https://img.shields.io/discord/1135330207960678410?style=flat&color=5865F2)](https://discord.gg/scalar)
 
+The Scalar API Client is a powerful tool designed to simplify API testing and integration. This versatile package offers multiple usage options:
+
+- standalone application for quick and easy API testing
+- embeddable component in various frontend environments
+- customizable module that can be integrated into existing projects
+
+## Features
+
+- Intuitive interface for sending API requests and viewing responses
+- Support for multiple authentication methods
+- Real-time request/response logging
+- Customizable request headers and parameters
+- Response visualization and formatting options
+
 ## Installation
 
 ```bash
@@ -146,3 +160,11 @@ Allows you to update the config at any time, this will clear your current state
 ```ts
 updateConfig(newConfig: ClientConfiguration, mergeConfigs?: boolean): void
 ```
+
+## Community
+
+We are API nerds. You too? Let’s chat on Discord: <https://discord.gg/scalar>
+
+## License
+
+The source code in this repository is licensed under [MIT](https://github.com/scalar/scalar/blob/main/LICENSE).

package/dist/components/AddressBar/AddressBar.vue.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    importCurl: (value: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    importCurl: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
     onImportCurl?: ((value: string) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=AddressBar.vue.d.ts.map

package/dist/components/AddressBar/AddressBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AAmvBA,wBAMG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AAuvBA,wBAQG"}

package/dist/components/AddressBar/AddressBar.vue2.js

@@ -1,142 +1,142 @@
-import { defineComponent as K, ref as u, watch as O, onMounted as z, onBeforeUnmount as A, unref as l, openBlock as N, createElementBlock as T, createElementVNode as o, createVNode as n, withCtx as C, normalizeClass as y, normalizeStyle as $, createCommentVNode as D, pushScopeId as P, popScopeId as Q } from "vue";
-import W from "../CodeInput/CodeInput.vue.js";
-import { Listbox as j } from "@headlessui/vue";
-import { ScalarButton as F, ScalarIcon as G } from "@scalar/components";
-import { REQUEST_METHODS as J } from "@scalar/oas-utils/helpers";
-import { isMacOS as X } from "@scalar/use-tooltip";
-import { useMagicKeys as Y, whenever as Z } from "@vueuse/core";
-import ee from "../HttpMethod/HttpMethod.vue.js";
-import te from "./AddressBarHistory.vue.js";
-import le from "./AddressBarServer.vue.js";
-import { useWorkspace as oe } from "../../store/store.js";
-const v = (c) => (P("data-v-b2aad57d"), c = c(), Q(), c), ae = {
+import { defineComponent as H, ref as u, watch as L, onMounted as K, onBeforeUnmount as O, unref as o, openBlock as z, createElementBlock as A, createElementVNode as r, createVNode as n, withCtx as w, normalizeClass as C, normalizeStyle as N, createCommentVNode as T } from "vue";
+import $ from "../CodeInput/CodeInput.vue.js";
+import { Listbox as D } from "@headlessui/vue";
+import { ScalarButton as P, ScalarIcon as Q } from "@scalar/components";
+import { REQUEST_METHODS as W } from "@scalar/oas-utils/helpers";
+import { isMacOS as j } from "@scalar/use-tooltip";
+import { useMagicKeys as F, whenever as G } from "@vueuse/core";
+import J from "../HttpMethod/HttpMethod.vue.js";
+import X from "./AddressBarHistory.vue.js";
+import Y from "./AddressBarServer.vue.js";
+import { useWorkspace as Z } from "../../store/store.js";
+const ee = {
   key: 0,
   class: "order-last lg:order-none lg:w-auto w-full"
-}, re = { class: "m-auto flex flex-row items-center" }, se = { class: "pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden" }, ne = { class: "flex gap-1" }, ie = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, ue = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), de = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), ce = /* @__PURE__ */ v(() => /* @__PURE__ */ o("span", { class: "text-xxs relative lg:flex hidden" }, "Send", -1)), ye = /* @__PURE__ */ K({
+}, te = { class: "m-auto flex flex-row items-center" }, le = { class: "pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden" }, oe = { class: "flex gap-1" }, re = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, xe = /* @__PURE__ */ H({
   __name: "AddressBar",
   emits: ["importCurl"],
-  setup(c) {
+  setup(ae) {
     const {
       activeRequest: t,
-      activeExample: S,
-      activeServer: k,
-      isReadOnly: p,
+      activeExample: _,
+      activeServer: y,
+      isReadOnly: v,
       requestMutators: m,
-      requestHistory: R,
+      requestHistory: k,
       events: d
-    } = oe(), h = u(R[0]), x = u(null), b = Y();
-    Z(
-      X() ? b.meta_enter : b.ctrl_enter,
+    } = Z(), c = u(k[0]), p = u(null), h = F();
+    G(
+      j() ? h.meta_enter : h.ctrl_enter,
       () => d.executeRequest.emit()
     );
-    const q = (e) => {
+    const R = (e) => {
       !t.value || t.value.path === e || m.edit(t.value.uid, "path", e);
     };
-    O(
+    L(
       () => {
         var e;
         return (e = t.value) == null ? void 0 : e.path;
       },
       (e) => {
-        !t.value || !e || q(e);
+        !t.value || !e || R(e);
       }
     );
-    const a = u(100), _ = u(0), r = u(!1), i = u();
+    const a = u(100), x = u(0), s = u(!1), i = u();
+    function q() {
+      s.value ? a.value -= (a.value - 15) / 60 : a.value -= x.value / 20, a.value <= 0 && (clearInterval(i.value), i.value = void 0, a.value = 100, s.value = !1);
+    }
     function B() {
-      r.value ? a.value -= (a.value - 15) / 60 : a.value -= _.value / 20, a.value <= 0 && (clearInterval(i.value), i.value = void 0, a.value = 100, r.value = !1);
+      i.value || (s.value = !0, i.value = setInterval(q, 20));
     }
     function E() {
-      i.value || (r.value = !0, i.value = setInterval(B, 20));
-    }
-    function I() {
-      _.value = a.value, r.value = !1;
+      x.value = a.value, s.value = !1;
     }
-    function V() {
-      clearInterval(i.value), i.value = void 0, a.value = 100, r.value = !1;
+    function S() {
+      clearInterval(i.value), i.value = void 0, a.value = 100, s.value = !1;
     }
     d.requestStatus.on((e) => {
-      e === "start" && E(), e === "stop" && I(), e === "abort" && V();
+      e === "start" && B(), e === "stop" && E(), e === "abort" && S();
     });
-    function M(e) {
+    function V(e) {
       t.value && m.edit(t.value.uid, "method", e);
     }
-    function U() {
+    function M() {
       if (!t.value) return;
       const { method: e } = t.value;
-      return J[e].backgroundColor;
+      return W[e].backgroundColor;
     }
-    function g() {
-      r.value || (r.value = !0, d.executeRequest.emit());
+    function b() {
+      s.value || (s.value = !0, d.executeRequest.emit());
     }
-    function H(e) {
+    function I(e) {
       t.value && m.edit(t.value.uid, "path", e);
     }
-    function w(e) {
-      var s;
-      e != null && e.focusAddressBar && ((s = x.value) == null || s.focus());
+    function g(e) {
+      var l;
+      e != null && e.focusAddressBar && ((l = p.value) == null || l.focus());
     }
-    return z(() => d.hotKeys.on(w)), A(() => d.hotKeys.off(w)), (e, s) => l(t) && l(S) ? (N(), T("div", ae, [
-      o("div", re, [
-        n(l(j), {
-          modelValue: h.value,
-          "onUpdate:modelValue": s[1] || (s[1] = (f) => h.value = f)
+    return K(() => d.hotKeys.on(g)), O(() => d.hotKeys.off(g)), (e, l) => o(t) && o(_) ? (z(), A("div", ee, [
+      r("div", te, [
+        n(o(D), {
+          modelValue: c.value,
+          "onUpdate:modelValue": l[1] || (l[1] = (f) => c.value = f)
         }, {
-          default: C(({ open: f }) => [
-            o("div", {
-              class: y([
+          default: w(({ open: f }) => [
+            r("div", {
+              class: C([
                 "addressbar-bg-states text-xxs relative flex w-full lg:min-w-[720px] lg:max-w-[720px] order-last overflow-hidden lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
                 { "border-transparent overflow-visible rounded-b-none": f }
               ])
             }, [
-              o("div", se, [
-                o("div", {
-                  class: y(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", U()]),
-                  style: $({ transform: `translate3d(-${a.value}%,0,0)` })
+              r("div", le, [
+                r("div", {
+                  class: C(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", M()]),
+                  style: N({ transform: `translate3d(-${a.value}%,0,0)` })
                 }, null, 6)
               ]),
-              o("div", ne, [
-                n(ee, {
-                  isEditable: !l(p),
+              r("div", oe, [
+                n(J, {
+                  isEditable: !o(v),
                   isSquare: "",
-                  method: l(t).method,
+                  method: o(t).method,
                   teleport: ".scalar-client",
-                  onChange: M
+                  onChange: V
                 }, null, 8, ["isEditable", "method"])
               ]),
-              o("div", ie, [
-                ue,
-                n(le),
-                n(W, {
+              r("div", re, [
+                l[2] || (l[2] = r("div", { class: "fade-left" }, null, -1)),
+                n(Y),
+                n($, {
                   ref_key: "addressBarRef",
-                  ref: x,
+                  ref: p,
                   disableCloseBrackets: "",
-                  disabled: l(p),
+                  disabled: o(v),
                   disableEnter: "",
                   disableTabIndent: "",
                   emitOnBlur: !1,
                   importCurl: "",
-                  modelValue: l(t).path,
-                  placeholder: l(k) ? "" : "Enter a URL or cURL command",
+                  modelValue: o(t).path,
+                  placeholder: o(y) ? "" : "Enter a URL or cURL command",
                   server: "",
-                  onCurl: s[0] || (s[0] = (L) => e.$emit("importCurl", L)),
-                  onSubmit: g,
-                  "onUpdate:modelValue": H
+                  onCurl: l[0] || (l[0] = (U) => e.$emit("importCurl", U)),
+                  onSubmit: b,
+                  "onUpdate:modelValue": I
                 }, null, 8, ["disabled", "modelValue", "placeholder"]),
-                de
+                l[3] || (l[3] = r("div", { class: "fade-right" }, null, -1))
               ]),
-              n(te, { open: f }, null, 8, ["open"]),
-              n(l(F), {
+              n(X, { open: f }, null, 8, ["open"]),
+              n(o(P), {
                 class: "relative h-auto shrink-0 gap-1 overflow-hidden pl-2 pr-2.5 py-1 font-bold",
-                disabled: r.value,
-                onClick: g
+                disabled: s.value,
+                onClick: b
               }, {
-                default: C(() => [
-                  n(l(G), {
+                default: w(() => [
+                  n(o(Q), {
                     class: "relative shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
                   }),
-                  ce
+                  l[4] || (l[4] = r("span", { class: "text-xxs relative lg:flex hidden" }, "Send", -1))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -145,9 +145,9 @@ const v = (c) => (P("data-v-b2aad57d"), c = c(), Q(), c), ae = {
           _: 1
         }, 8, ["modelValue"])
       ])
-    ])) : D("", !0);
+    ])) : T("", !0);
   }
 });
 export {
-  ye as default
+  xe as default
 };

package/dist/components/AddressBar/AddressBarHistory.vue.d.ts

@@ -1,16 +1,7 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: import("vue").DefineComponent<{
     open: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     open: boolean;
-}>>>, {}, {}>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 //# sourceMappingURL=AddressBarHistory.vue.d.ts.map

package/dist/components/AddressBar/AddressBarHistory.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UAiIQ,OAAO;;UAAP,OAAO;;AA6Of,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":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UAiIQ,OAAO;;UAAP,OAAO;;AA6Of,wBAMG"}

package/dist/components/AddressBar/AddressBarServer.vue.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=AddressBarServer.vue.d.ts.map

package/dist/components/AddressBar/AddressBarServer.vue.js

@@ -1,53 +1,53 @@
-import { defineComponent as O, computed as u, watch as R, openBlock as l, createBlock as h, unref as o, withCtx as _, createElementBlock as n, createCommentVNode as v, Fragment as m, renderList as g, createVNode as p, createElementVNode as c, withModifiers as V, toDisplayString as b } from "vue";
+import { defineComponent as O, computed as c, watch as R, openBlock as l, createBlock as S, unref as n, withCtx as k, createElementBlock as o, createCommentVNode as v, Fragment as m, renderList as g, createVNode as p, createElementVNode as i, withModifiers as V, toDisplayString as b } from "vue";
 import { ScalarDropdown as W, ScalarDropdownDivider as C, ScalarDropdownItem as E, ScalarIcon as I } from "@scalar/components";
 import D from "./AddressBarServerItem.vue.js";
 import { useWorkspace as L } from "../../store/store.js";
 const M = {
   key: 0,
   class: "text-xxs text-c-2 ml-8"
-}, j = /* @__PURE__ */ c("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1), F = { class: "flex items-center justify-center h-4 w-4" }, P = /* @__PURE__ */ c("span", null, "Add Server", -1), T = {
+}, j = { class: "flex items-center justify-center h-4 w-4" }, F = {
   key: 1,
   class: "flex whitespace-nowrap items-center font-code lg:text-sm text-xs"
-}, J = /* @__PURE__ */ O({
+}, G = /* @__PURE__ */ O({
   __name: "AddressBarServer",
-  setup($) {
+  setup(P) {
     const {
-      activeRequest: S,
-      activeCollection: k,
+      activeRequest: w,
+      activeCollection: h,
       activeServer: x,
       isReadOnly: A,
-      servers: w,
+      servers: y,
       collectionMutators: B,
       events: N
-    } = L(), i = u(
+    } = L(), d = c(
       () => {
         var t, e;
-        return (e = (t = S.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
+        return (e = (t = w.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
           var s;
           return {
             id: r,
-            label: ((s = w[r]) == null ? void 0 : s.url) ?? "Unknown server"
+            label: ((s = y[r]) == null ? void 0 : s.url) ?? "Unknown server"
           };
         });
       }
-    ), d = u(
+    ), u = c(
       () => {
         var t, e;
-        return (e = (t = k.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
+        return (e = (t = h.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
           var s;
           return {
             id: r,
-            label: ((s = w[r]) == null ? void 0 : s.url) ?? "Unknown server"
+            label: ((s = y[r]) == null ? void 0 : s.url) ?? "Unknown server"
           };
         });
       }
-    ), y = u(
+    ), _ = c(
       () => {
         var t, e;
-        return ((t = i.value) == null ? void 0 : t.length) && ((e = d.value) == null ? void 0 : e.length);
+        return ((t = d.value) == null ? void 0 : t.length) && ((e = u.value) == null ? void 0 : e.length);
       }
     );
-    R([k, S], ([t, e]) => {
+    R([h, w], ([t, e]) => {
       !t || t.selectedServerUid || e != null && e.selectedServerUid || B.edit(
         t.uid,
         "selectedServerUid",
@@ -56,55 +56,55 @@ const M = {
     });
     const U = () => N.commandPalette.emit({
       commandName: "Add Server"
-    }), f = u(() => {
+    }), f = c(() => {
       var t, e, r;
       return (e = (t = x.value) == null ? void 0 : t.url) != null && e.endsWith("/") ? x.value.url.slice(0, -1) : ((r = x.value) == null ? void 0 : r.url) || "";
     });
     return (t, e) => {
       var r, s;
-      return i.value && ((r = i.value) == null ? void 0 : r.length) > 1 || d.value && ((s = d.value) == null ? void 0 : s.length) > 1 ? (l(), h(o(W), {
+      return d.value && ((r = d.value) == null ? void 0 : r.length) > 1 || u.value && ((s = u.value) == null ? void 0 : s.length) > 1 ? (l(), S(n(W), {
         key: 0,
         teleport: ".scalar-client"
       }, {
-        items: _(() => [
-          y.value ? (l(), n("div", M, " Request Servers ")) : v("", !0),
-          (l(!0), n(m, null, g(i.value, (a) => (l(), h(D, {
+        items: k(() => [
+          _.value ? (l(), o("div", M, " Request Servers ")) : v("", !0),
+          (l(!0), o(m, null, g(d.value, (a) => (l(), S(D, {
             key: a.id,
             serverOption: a,
             type: "request"
           }, null, 8, ["serverOption"]))), 128)),
-          y.value ? (l(), n(m, { key: 1 }, [
-            p(o(C)),
-            j
+          _.value ? (l(), o(m, { key: 1 }, [
+            p(n(C)),
+            e[1] || (e[1] = i("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1))
           ], 64)) : v("", !0),
-          (l(!0), n(m, null, g(d.value, (a) => (l(), h(D, {
+          (l(!0), o(m, null, g(u.value, (a) => (l(), S(D, {
             key: a.id,
             serverOption: a,
             type: "collection"
           }, null, 8, ["serverOption"]))), 128)),
-          o(A) ? v("", !0) : (l(), n(m, { key: 2 }, [
-            p(o(C)),
-            p(o(E), null, {
-              default: _(() => [
-                c("div", {
+          n(A) ? v("", !0) : (l(), o(m, { key: 2 }, [
+            p(n(C)),
+            p(n(E), null, {
+              default: k(() => [
+                i("div", {
                   class: "font-code text-xxs flex items-center gap-1.5",
                   onClick: U
                 }, [
-                  c("div", F, [
-                    p(o(I), {
+                  i("div", j, [
+                    p(n(I), {
                       class: "h-2.5",
                       icon: "Add"
                     })
                   ]),
-                  P
+                  e[2] || (e[2] = i("span", null, "Add Server", -1))
                 ])
               ]),
               _: 1
             })
           ], 64))
         ]),
-        default: _(() => [
-          c("button", {
+        default: k(() => [
+          i("button", {
             class: "font-code lg:text-sm text-xs whitespace-nowrap border border-b-3 border-solid rounded px-1.5 py-0.5 text-c-2",
             type: "button",
             onClick: e[0] || (e[0] = V(() => {
@@ -112,10 +112,10 @@ const M = {
           }, b(f.value), 1)
         ]),
         _: 1
-      })) : f.value ? (l(), n("div", T, b(f.value), 1)) : v("", !0);
+      })) : f.value ? (l(), o("div", F, b(f.value), 1)) : v("", !0);
     };
   }
 });
 export {
-  J as default
+  G as default
 };

package/dist/components/AddressBar/AddressBarServerItem.vue.d.ts

@@ -2,21 +2,12 @@ export type ServerOption = {
     id: string;
     label: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: import("vue").DefineComponent<{
     serverOption: ServerOption;
     type: "collection" | "request";
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     serverOption: ServerOption;
     type: "collection" | "request";
-}>>>, {}, {}>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 //# sourceMappingURL=AddressBarServerItem.vue.d.ts.map

package/dist/components/AddressBar/AddressBarServerItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarServerItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServerItem.vue"],"names":[],"mappings":"AAuEA,MAAM,MAAM,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;;kBAIxC,YAAY;UACpB,YAAY,GAAG,SAAS;;kBADhB,YAAY;UACpB,YAAY,GAAG,SAAS;;AAJhC,wBAkKK;AAML,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":"AddressBarServerItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServerItem.vue"],"names":[],"mappings":"AAuEA,MAAM,MAAM,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;;kBAIxC,YAAY;UACpB,YAAY,GAAG,SAAS;;kBADhB,YAAY;UACpB,YAAY,GAAG,SAAS;;AAJhC,wBAkKK"}