instaui 0.1.16__py2.py3-none-any.whl → 0.1.18__py2.py3-none-any.whl

instaui/static/insta-ui.esm-browser.prod.js

@@ -1,14 +1,14 @@
-var Wn = Object.defineProperty;
-var Un = (e, t, n) => t in e ? Wn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var B = (e, t, n) => Un(e, typeof t != "symbol" ? t + "" : t, n);
-import * as Kn from "vue";
-import { toRaw as Gn, customRef as Ce, toValue as q, unref as W, watch as G, nextTick as Te, isRef as qt, ref as Z, shallowRef as J, watchEffect as Ht, computed as U, readonly as qn, provide as Ie, inject as ee, shallowReactive as Hn, defineComponent as F, reactive as zn, h as A, getCurrentInstance as zt, normalizeStyle as Jn, normalizeClass as Ye, toDisplayString as Jt, onUnmounted as xe, Fragment as De, vModelDynamic as Qn, vShow as Yn, resolveDynamicComponent as ft, normalizeProps as Xn, withDirectives as Zn, onErrorCaptured as er, openBlock as he, createElementBlock as Ve, createElementVNode as tr, createVNode as nr, withCtx as rr, renderList as or, createBlock as sr, TransitionGroup as Qt, KeepAlive as ir } from "vue";
-let Yt;
-function ar(e) {
-  Yt = e;
+var Un = Object.defineProperty;
+var Kn = (e, t, n) => t in e ? Un(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var B = (e, t, n) => Kn(e, typeof t != "symbol" ? t + "" : t, n);
+import * as Gn from "vue";
+import { toRaw as qn, customRef as je, toValue as q, unref as L, watch as G, nextTick as Ie, isRef as Ht, ref as Z, shallowRef as J, watchEffect as zt, computed as K, readonly as Hn, provide as Ne, inject as ee, shallowReactive as zn, defineComponent as F, reactive as Jn, h as A, getCurrentInstance as Jt, normalizeStyle as Qn, normalizeClass as Ye, toDisplayString as Qt, onUnmounted as Ce, Fragment as xe, vModelDynamic as Yn, vShow as Xn, resolveDynamicComponent as ft, normalizeProps as Zn, withDirectives as er, onErrorCaptured as tr, openBlock as he, createElementBlock as ke, createElementVNode as nr, createVNode as rr, withCtx as or, renderList as sr, createBlock as ir, TransitionGroup as Yt, KeepAlive as ar } from "vue";
+let Xt;
+function cr(e) {
+  Xt = e;
 }
 function Xe() {
-  return Yt;
+  return Xt;
 }
 function ye() {
   const { queryPath: e, pathParams: t, queryParams: n } = Xe();
@@ -18,7 +18,7 @@ function ye() {
     ...n === void 0 ? {} : { queryParams: n }
   };
 }
-class cr extends Map {
+class ur extends Map {
   constructor(t) {
     super(), this.factory = t;
   }
@@ -31,17 +31,17 @@ class cr extends Map {
   }
 }
 function _e(e) {
-  return new cr(e);
+  return new ur(e);
 }
-function Ot(e, t) {
+function St(e, t) {
   Object.entries(e).forEach(([n, r]) => t(r, n));
 }
-function Oe(e, t) {
-  return Xt(e, {
+function De(e, t) {
+  return Zt(e, {
     valueFn: t
   });
 }
-function Xt(e, t) {
+function Zt(e, t) {
   const { valueFn: n, keyFn: r } = t;
   return Object.fromEntries(
     Object.entries(e).map(([o, s], i) => [
@@ -50,7 +50,7 @@ function Xt(e, t) {
     ])
   );
 }
-function Zt(e, t, n) {
+function en(e, t, n) {
   if (Array.isArray(t)) {
     const [o, ...s] = t;
     switch (o) {
@@ -62,10 +62,10 @@ function Zt(e, t, n) {
         return s[0] + e;
     }
   }
-  const r = en(t, n);
+  const r = tn(t, n);
   return e[r];
 }
-function en(e, t) {
+function tn(e, t) {
   if (typeof e == "string" || typeof e == "number")
     return e;
   if (!Array.isArray(e))
@@ -82,33 +82,33 @@ function en(e, t) {
 }
 function be(e, t, n) {
   return t.reduce(
-    (r, o) => Zt(r, o, n),
+    (r, o) => en(r, o, n),
     e
   );
 }
 function Ze(e, t, n, r) {
   t.reduce((o, s, i) => {
     if (i === t.length - 1)
-      o[en(s, r)] = n;
+      o[tn(s, r)] = n;
     else
-      return Zt(o, s, r);
+      return en(o, s, r);
   }, e);
 }
-function tn(e) {
+function nn(e) {
   return JSON.parse(JSON.stringify(e));
 }
-class ur {
+class lr {
   toString() {
     return "";
   }
 }
-const we = new ur();
+const we = new lr();
 function Ee(e) {
-  return Gn(e) === we;
+  return qn(e) === we;
 }
-function bt(e, t, n) {
+function Ot(e, t, n) {
   const { paths: r, getBindableValueFn: o } = t, { paths: s, getBindableValueFn: i } = t;
-  return r === void 0 || r.length === 0 ? e : Ce(() => ({
+  return r === void 0 || r.length === 0 ? e : je(() => ({
     get() {
       try {
         return be(
@@ -120,18 +120,18 @@ function bt(e, t, n) {
         return;
       }
     },
-    set(c) {
+    set(u) {
       Ze(
         q(e),
         s || r,
-        c,
+        u,
         i
       );
     }
   }));
 }
-function nn(e) {
-  return Ce((t, n) => ({
+function ht(e) {
+  return je((t, n) => ({
     get() {
       return t(), e;
     },
@@ -141,7 +141,7 @@ function nn(e) {
   }));
 }
 function de(e) {
-  return typeof e == "function" ? e() : W(e);
+  return typeof e == "function" ? e() : L(e);
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const et = () => {
@@ -152,13 +152,13 @@ function tt(e, t = !1, n = "Timeout") {
   });
 }
 function nt(e, t = !1) {
-  function n(u, { flush: f = "sync", deep: d = !1, timeout: v, throwOnTimeout: p } = {}) {
+  function n(a, { flush: f = "sync", deep: d = !1, timeout: v, throwOnTimeout: p } = {}) {
     let g = null;
-    const _ = [new Promise((O) => {
+    const _ = [new Promise((S) => {
       g = G(
         e,
         (R) => {
-          u(R) !== t && (g ? g() : Te(() => g == null ? void 0 : g()), O(R));
+          a(R) !== t && (g ? g() : Ie(() => g == null ? void 0 : g()), S(R));
         },
         {
           flush: f,
@@ -171,16 +171,16 @@ function nt(e, t = !1) {
       tt(v, p).then(() => de(e)).finally(() => g == null ? void 0 : g())
     ), Promise.race(_);
   }
-  function r(u, f) {
-    if (!qt(u))
-      return n((R) => R === u, f);
+  function r(a, f) {
+    if (!Ht(a))
+      return n((R) => R === a, f);
     const { flush: d = "sync", deep: v = !1, timeout: p, throwOnTimeout: g } = f ?? {};
     let y = null;
-    const O = [new Promise((R) => {
+    const S = [new Promise((R) => {
       y = G(
-        [e, u],
+        [e, a],
         ([D, C]) => {
-          t !== (D === C) && (y ? y() : Te(() => y == null ? void 0 : y()), R(D));
+          t !== (D === C) && (y ? y() : Ie(() => y == null ? void 0 : y()), R(D));
         },
         {
           flush: d,
@@ -189,40 +189,40 @@ function nt(e, t = !1) {
         }
       );
     })];
-    return p != null && O.push(
+    return p != null && S.push(
       tt(p, g).then(() => de(e)).finally(() => (y == null || y(), de(e)))
-    ), Promise.race(O);
+    ), Promise.race(S);
   }
-  function o(u) {
-    return n((f) => !!f, u);
+  function o(a) {
+    return n((f) => !!f, a);
   }
-  function s(u) {
-    return r(null, u);
+  function s(a) {
+    return r(null, a);
   }
-  function i(u) {
-    return r(void 0, u);
+  function i(a) {
+    return r(void 0, a);
   }
-  function c(u) {
-    return n(Number.isNaN, u);
+  function u(a) {
+    return n(Number.isNaN, a);
   }
-  function l(u, f) {
+  function l(a, f) {
     return n((d) => {
       const v = Array.from(d);
-      return v.includes(u) || v.includes(de(u));
+      return v.includes(a) || v.includes(de(a));
     }, f);
   }
-  function h(u) {
-    return a(1, u);
+  function h(a) {
+    return c(1, a);
   }
-  function a(u = 1, f) {
+  function c(a = 1, f) {
     let d = -1;
-    return n(() => (d += 1, d >= u), f);
+    return n(() => (d += 1, d >= a), f);
   }
   return Array.isArray(de(e)) ? {
     toMatch: n,
     toContains: l,
     changed: h,
-    changedTimes: a,
+    changedTimes: c,
     get not() {
       return nt(e, !t);
     }
@@ -231,88 +231,88 @@ function nt(e, t = !1) {
     toBe: r,
     toBeTruthy: o,
     toBeNull: s,
-    toBeNaN: c,
+    toBeNaN: u,
     toBeUndefined: i,
     changed: h,
-    changedTimes: a,
+    changedTimes: c,
     get not() {
       return nt(e, !t);
     }
   };
 }
-function lr(e) {
+function fr(e) {
   return nt(e);
 }
-function fr(e, t, n) {
+function hr(e, t, n) {
   let r;
-  qt(n) ? r = {
+  Ht(n) ? r = {
     evaluating: n
   } : r = n || {};
   const {
     lazy: o = !1,
     evaluating: s = void 0,
     shallow: i = !0,
-    onError: c = et
+    onError: u = et
   } = r, l = Z(!o), h = i ? J(t) : Z(t);
-  let a = 0;
-  return Ht(async (u) => {
+  let c = 0;
+  return zt(async (a) => {
     if (!l.value)
       return;
-    a++;
-    const f = a;
+    c++;
+    const f = c;
     let d = !1;
     s && Promise.resolve().then(() => {
       s.value = !0;
     });
     try {
       const v = await e((p) => {
-        u(() => {
+        a(() => {
           s && (s.value = !1), d || p();
         });
       });
-      f === a && (h.value = v);
+      f === c && (h.value = v);
     } catch (v) {
-      c(v);
+      u(v);
     } finally {
-      s && f === a && (s.value = !1), d = !0;
+      s && f === c && (s.value = !1), d = !0;
     }
-  }), o ? U(() => (l.value = !0, h.value)) : h;
+  }), o ? K(() => (l.value = !0, h.value)) : h;
 }
-function hr(e, t, n) {
+function dr(e, t, n) {
   const {
     immediate: r = !0,
     delay: o = 0,
     onError: s = et,
     onSuccess: i = et,
-    resetOnExecute: c = !0,
+    resetOnExecute: u = !0,
     shallow: l = !0,
     throwError: h
-  } = {}, a = l ? J(t) : Z(t), u = Z(!1), f = Z(!1), d = J(void 0);
+  } = {}, c = l ? J(t) : Z(t), a = Z(!1), f = Z(!1), d = J(void 0);
   async function v(y = 0, ..._) {
-    c && (a.value = t), d.value = void 0, u.value = !1, f.value = !0, y > 0 && await tt(y);
-    const O = typeof e == "function" ? e(..._) : e;
+    u && (c.value = t), d.value = void 0, a.value = !1, f.value = !0, y > 0 && await tt(y);
+    const S = typeof e == "function" ? e(..._) : e;
     try {
-      const R = await O;
-      a.value = R, u.value = !0, i(R);
+      const R = await S;
+      c.value = R, a.value = !0, i(R);
     } catch (R) {
       if (d.value = R, s(R), h)
         throw R;
     } finally {
       f.value = !1;
     }
-    return a.value;
+    return c.value;
   }
   r && v(o);
   const p = {
-    state: a,
-    isReady: u,
+    state: c,
+    isReady: a,
     isLoading: f,
     error: d,
     execute: v
   };
   function g() {
     return new Promise((y, _) => {
-      lr(f).toBe(!1).then(() => y(p)).catch(_);
+      fr(f).toBe(!1).then(() => y(p)).catch(_);
     });
   }
   return {
@@ -322,20 +322,20 @@ function hr(e, t, n) {
     }
   };
 }
-function L(e, t) {
+function W(e, t) {
   t = t || {};
-  const n = [...Object.keys(t), "__Vue"], r = [...Object.values(t), Kn];
+  const n = [...Object.keys(t), "__Vue"], r = [...Object.values(t), Gn];
   try {
     return new Function(...n, `return (${e})`)(...r);
   } catch (o) {
     throw new Error(o + " in function code: " + e);
   }
 }
-function dr(e) {
+function pr(e) {
   if (e.startsWith(":")) {
     e = e.slice(1);
     try {
-      return L(e);
+      return W(e);
     } catch (t) {
       throw new Error(t + " in function code: " + e);
     }
@@ -344,87 +344,88 @@ function dr(e) {
 function rn(e) {
   return e.constructor.name === "AsyncFunction";
 }
-function pr(e, t) {
-  return Z(e.value);
+function mr(e, t) {
+  const { deepCompare: n = !1 } = e;
+  return n ? ht(e.value) : Z(e.value);
 }
-function mr(e, t, n) {
-  const { bind: r = {}, code: o, const: s = [] } = e, i = Object.values(r).map((a, u) => s[u] === 1 ? a : t.getVueRefObjectOrValue(a));
+function gr(e, t, n) {
+  const { bind: r = {}, code: o, const: s = [] } = e, i = Object.values(r).map((c, a) => s[a] === 1 ? c : t.getVueRefObjectOrValue(c));
   if (rn(new Function(o)))
-    return fr(
+    return hr(
       async () => {
-        const a = Object.fromEntries(
-          Object.keys(r).map((u, f) => [u, i[f]])
+        const c = Object.fromEntries(
+          Object.keys(r).map((a, f) => [a, i[f]])
         );
-        return await L(o, a)();
+        return await W(o, c)();
       },
       null,
       { lazy: !0 }
     );
-  const c = Object.fromEntries(
-    Object.keys(r).map((a, u) => [a, i[u]])
-  ), l = L(o, c);
-  return U(l);
+  const u = Object.fromEntries(
+    Object.keys(r).map((c, a) => [c, i[a]])
+  ), l = W(o, u);
+  return K(l);
 }
-function gr(e, t, n) {
+function vr(e, t, n) {
   const {
     inputs: r = [],
     code: o,
     slient: s,
     data: i,
-    asyncInit: c = null,
+    asyncInit: u = null,
     deepEqOnInput: l = 0
-  } = e, h = s || Array(r.length).fill(0), a = i || Array(r.length).fill(0), u = r.filter((g, y) => h[y] === 0 && a[y] === 0).map((g) => t.getVueRefObject(g));
+  } = e, h = s || Array(r.length).fill(0), c = i || Array(r.length).fill(0), a = r.filter((g, y) => h[y] === 0 && c[y] === 0).map((g) => t.getVueRefObject(g));
   function f() {
     return r.map(
-      (g, y) => a[y] === 1 ? g : t.getObjectToValue(g)
+      (g, y) => c[y] === 1 ? g : t.getObjectToValue(g)
     );
   }
-  const d = L(o), v = l === 0 ? J(we) : nn(we), p = { immediate: !0, deep: !0 };
-  return rn(d) ? (v.value = c, G(
-    u,
+  const d = W(o), v = l === 0 ? J(we) : ht(we), p = { immediate: !0, deep: !0 };
+  return rn(d) ? (v.value = u, G(
+    a,
     async () => {
       f().some(Ee) || (v.value = await d(...f()));
     },
     p
   )) : G(
-    u,
+    a,
     () => {
       const g = f();
       g.some(Ee) || (v.value = d(...g));
     },
     p
-  ), qn(v);
+  ), Hn(v);
 }
-function vr() {
+function yr() {
   return [];
 }
-const Se = _e(vr);
+const Se = _e(yr);
 function on(e, t) {
-  var s, i, c, l, h;
+  var s, i, u, l, h;
   const n = Se.getOrDefault(e.id), r = /* @__PURE__ */ new Map();
   n.push(r), t.replaceSnapshot({
     scopeSnapshot: sn()
   });
-  const o = (a, u) => {
-    r.set(a.id, u);
+  const o = (c, a) => {
+    r.set(c.id, a);
   };
-  return (s = e.refs) == null || s.forEach((a) => {
-    o(a, pr(a));
-  }), (i = e.web_computed) == null || i.forEach((a) => {
-    const { init: u } = a, f = a.deepEqOnInput === void 0 ? J(u ?? we) : nn(u ?? we);
-    o(a, f);
-  }), (c = e.vue_computed) == null || c.forEach((a) => {
+  return (s = e.refs) == null || s.forEach((c) => {
+    o(c, mr(c));
+  }), (i = e.web_computed) == null || i.forEach((c) => {
+    const { init: a } = c, f = c.deepEqOnInput === void 0 ? J(a ?? we) : ht(a ?? we);
+    o(c, f);
+  }), (u = e.vue_computed) == null || u.forEach((c) => {
     o(
-      a,
-      mr(a, t)
+      c,
+      gr(c, t)
     );
-  }), (l = e.js_computed) == null || l.forEach((a) => {
+  }), (l = e.js_computed) == null || l.forEach((c) => {
     o(
-      a,
-      gr(a, t)
+      c,
+      vr(c, t)
     );
-  }), (h = e.data) == null || h.forEach((a) => {
-    o(a, a.value);
+  }), (h = e.data) == null || h.forEach((c) => {
+    o(c, c.value);
   }), n.length - 1;
 }
 function sn() {
@@ -440,7 +441,7 @@ function sn() {
     getVueRef: t
   };
 }
-function yr(e) {
+function wr(e) {
   return an(e, Se);
 }
 function an(e, t) {
@@ -452,29 +453,29 @@ function an(e, t) {
     throw new Error(`Var ${e.id} not found in scope ${e.sid}`);
   return o;
 }
-function wr(e) {
+function Er(e) {
   Se.delete(e);
 }
 function cn(e, t) {
   const n = Se.get(e);
   n && n.splice(t, 1);
 }
-const ht = _e(() => []);
-function Er(e) {
+const dt = _e(() => []);
+function _r(e) {
   var r;
-  const t = /* @__PURE__ */ new Map(), n = ht.getOrDefault(e.id).push(t);
+  const t = /* @__PURE__ */ new Map(), n = dt.getOrDefault(e.id).push(t);
   return (r = e.eRefs) == null || r.forEach((o) => {
     const s = J();
     t.set(o.id, s);
   }), n;
 }
-function _r(e, t) {
-  const n = ht.get(e);
+function br(e, t) {
+  const n = dt.get(e);
   n && n.splice(t, 1);
 }
 function un() {
   const e = new Map(
-    Array.from(ht.entries()).map(([n, r]) => [
+    Array.from(dt.entries()).map(([n, r]) => [
       n,
       r[r.length - 1]
     ])
@@ -488,63 +489,59 @@ function un() {
 }
 var N;
 ((e) => {
-  function t(f) {
-    return f.type === "var";
+  function t(a) {
+    return a.type === "var";
   }
   e.isVar = t;
-  function n(f) {
-    return f.type === "routePar";
+  function n(a) {
+    return a.type === "routePar";
   }
   e.isRouterParams = n;
-  function r(f) {
-    return f.type === "routeAct";
+  function r(a) {
+    return a.type === "routeAct";
   }
   e.isRouterAction = r;
-  function o(f) {
-    return f.type === "js";
+  function o(a) {
+    return a.type === "jsFn";
   }
-  e.isJs = o;
-  function s(f) {
-    return f.type === "jsOutput";
+  e.isJsFn = o;
+  function s(a) {
+    return a.type === "vf";
   }
-  e.isJsOutput = s;
-  function i(f) {
-    return f.type === "vf";
+  e.isVForItem = s;
+  function i(a) {
+    return a.type === "vf-i";
   }
-  e.isVForItem = i;
-  function c(f) {
-    return f.type === "vf-i";
+  e.isVForIndex = i;
+  function u(a) {
+    return a.type === "sp";
   }
-  e.isVForIndex = c;
-  function l(f) {
-    return f.type === "sp";
+  e.isSlotProp = u;
+  function l(a) {
+    return a.type === "event";
   }
-  e.isSlotProp = l;
-  function h(f) {
-    return f.type === "event";
+  e.isEventContext = l;
+  function h(a) {
+    return a.type === "ele_ref";
   }
-  e.isEventContext = h;
-  function a(f) {
-    return f.type === "ele_ref";
+  e.isElementRef = h;
+  function c(a) {
+    return a.type !== void 0;
   }
-  e.isElementRef = a;
-  function u(f) {
-    return f.type !== void 0;
-  }
-  e.IsBinding = u;
+  e.IsBinding = c;
 })(N || (N = {}));
 const Me = _e(() => []);
-function Or(e) {
+function Sr(e) {
   const t = Me.getOrDefault(e);
   return t.push(J({})), t.length - 1;
 }
-function br(e, t, n) {
+function Or(e, t, n) {
   Me.get(e)[t].value = n;
 }
-function Sr(e) {
+function Rr(e) {
   Me.delete(e);
 }
-function Rr() {
+function Pr() {
   const e = /* @__PURE__ */ new Map();
   for (const [n, r] of Me) {
     const o = r[r.length - 1];
@@ -557,45 +554,45 @@ function Rr() {
     getPropsValue: t
   };
 }
-const ln = /* @__PURE__ */ new Map(), dt = _e(() => /* @__PURE__ */ new Map()), fn = /* @__PURE__ */ new Set(), hn = Symbol("vfor");
-function Pr(e) {
+const ln = /* @__PURE__ */ new Map(), pt = _e(() => /* @__PURE__ */ new Map()), fn = /* @__PURE__ */ new Set(), hn = Symbol("vfor");
+function kr(e) {
   const t = dn() ?? {};
-  Ie(hn, { ...t, [e.fid]: e.key });
+  Ne(hn, { ...t, [e.fid]: e.key });
 }
 function dn() {
   return ee(hn, void 0);
 }
-function kr() {
+function Vr() {
   const e = dn(), t = /* @__PURE__ */ new Map();
   return e === void 0 || Object.keys(e).forEach((n) => {
     t.set(n, e[n]);
   }), t;
 }
-function Vr(e, t, n, r) {
+function Nr(e, t, n, r) {
   if (r) {
     fn.add(e);
     return;
   }
   let o;
   if (n)
-    o = new Cr(t);
+    o = new xr(t);
   else {
-    const s = Array.isArray(t) ? t : Object.entries(t).map(([i, c], l) => [c, i, l]);
-    o = new jr(s);
+    const s = Array.isArray(t) ? t : Object.entries(t).map(([i, u], l) => [u, i, l]);
+    o = new Cr(s);
   }
   ln.set(e, o);
 }
-function Nr(e, t, n) {
-  const r = dt.getOrDefault(e);
+function Ir(e, t, n) {
+  const r = pt.getOrDefault(e);
   r.has(t) || r.set(t, Z(n)), r.get(t).value = n;
 }
-function Ir(e) {
+function Tr(e) {
   const t = /* @__PURE__ */ new Set();
   function n(o) {
     t.add(o);
   }
   function r() {
-    const o = dt.get(e);
+    const o = pt.get(e);
     o !== void 0 && o.forEach((s, i) => {
       t.has(i) || o.delete(i);
     });
@@ -605,29 +602,29 @@ function Ir(e) {
     removeUnusedKeys: r
   };
 }
-function Tr(e) {
-  const t = e, n = kr();
+function Ar(e) {
+  const t = e, n = Vr();
   function r(o) {
     const s = n.get(o) ?? t;
-    return dt.get(o).get(s).value;
+    return pt.get(o).get(s).value;
   }
   return {
     getVForIndex: r
   };
 }
-function Ar(e) {
+function $r(e) {
   return ln.get(e.binding.fid).createRefObjectWithPaths(e);
 }
-function $r(e) {
+function jr(e) {
   return fn.has(e);
 }
-class jr {
+class Cr {
   constructor(t) {
     this.array = t;
   }
   createRefObjectWithPaths(t) {
     const { binding: n } = t, { snapshot: r } = t, { path: o = [] } = n, s = [...o], i = r.getVForIndex(n.fid);
-    return s.unshift(i), Ce(() => ({
+    return s.unshift(i), je(() => ({
       get: () => be(
         this.array,
         s,
@@ -639,7 +636,7 @@ class jr {
     }));
   }
 }
-class Cr {
+class xr {
   constructor(t) {
     B(this, "_isDictSource");
     this.binding = t;
@@ -652,17 +649,17 @@ class Cr {
     return this._isDictSource;
   }
   createRefObjectWithPaths(t) {
-    const { binding: n } = t, { path: r = [] } = n, o = [...r], { snapshot: s } = t, i = s.getVueRefObject(this.binding), c = this.isDictSource(i), l = s.getVForIndex(n.fid), h = c && o.length === 0 ? [0] : [];
-    return o.unshift(l, ...h), Ce(() => ({
+    const { binding: n } = t, { path: r = [] } = n, o = [...r], { snapshot: s } = t, i = s.getVueRefObject(this.binding), u = this.isDictSource(i), l = s.getVForIndex(n.fid), h = u && o.length === 0 ? [0] : [];
+    return o.unshift(l, ...h), je(() => ({
       get: () => {
-        const a = q(i), u = c ? Object.entries(a).map(([f, d], v) => [
+        const c = q(i), a = u ? Object.entries(c).map(([f, d], v) => [
           d,
           f,
           v
-        ]) : a;
+        ]) : c;
         try {
           return be(
-            q(u),
+            q(a),
             o,
             s.getObjectToValue
           );
@@ -670,35 +667,32 @@ class Cr {
           return;
         }
       },
-      set: (a) => {
-        const u = q(i);
-        if (c) {
-          const f = Object.keys(u);
+      set: (c) => {
+        const a = q(i);
+        if (u) {
+          const f = Object.keys(a);
           if (l >= f.length)
             throw new Error("Cannot set value to a non-existent key");
           const d = f[l];
           Ze(
-            u,
-            [d],
             a,
+            [d],
+            c,
             s.getObjectToValue
           );
           return;
         }
         Ze(
-          u,
-          o,
           a,
+          o,
+          c,
           s.getObjectToValue
         );
       }
     }));
   }
 }
-function xr(e, t, n = !1) {
-  return n && (e = `$computed(${e})`, t = { ...t, $computed: U }), L(e, t);
-}
-function St(e) {
+function Rt(e) {
   return e == null;
 }
 function Dr() {
@@ -722,14 +716,14 @@ class Ur {
     const r = {};
     if (t.settings)
       for (const i in t.settings) {
-        const c = t.settings[i];
-        r[i] = c.defaultValue;
+        const u = t.settings[i];
+        r[i] = u.defaultValue;
       }
     const o = `__vue-devtools-plugin-settings__${t.id}`;
     let s = Object.assign({}, r);
     try {
-      const i = localStorage.getItem(o), c = JSON.parse(i);
-      Object.assign(s, c);
+      const i = localStorage.getItem(o), u = JSON.parse(i);
+      Object.assign(s, u);
     } catch {
     }
     this.fallbacks = {
@@ -746,24 +740,24 @@ class Ur {
       now() {
         return Wr();
       }
-    }, n && n.on(Br, (i, c) => {
-      i === this.plugin.id && this.fallbacks.setSettings(c);
+    }, n && n.on(Br, (i, u) => {
+      i === this.plugin.id && this.fallbacks.setSettings(u);
     }), this.proxiedOn = new Proxy({}, {
-      get: (i, c) => this.target ? this.target.on[c] : (...l) => {
+      get: (i, u) => this.target ? this.target.on[u] : (...l) => {
         this.onQueue.push({
-          method: c,
+          method: u,
           args: l
         });
       }
     }), this.proxiedTarget = new Proxy({}, {
-      get: (i, c) => this.target ? this.target[c] : c === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(c) ? (...l) => (this.targetQueue.push({
-        method: c,
+      get: (i, u) => this.target ? this.target[u] : u === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(u) ? (...l) => (this.targetQueue.push({
+        method: u,
         args: l,
         resolve: () => {
         }
-      }), this.fallbacks[c](...l)) : (...l) => new Promise((h) => {
+      }), this.fallbacks[u](...l)) : (...l) => new Promise((h) => {
         this.targetQueue.push({
-          method: c,
+          method: u,
           args: l,
           resolve: h
         });
@@ -791,7 +785,7 @@ function Kr(e, t) {
     }), i && t(i.proxiedTarget);
   }
 }
-var S = {};
+var O = {};
 const z = typeof document < "u";
 function mn(e) {
   return typeof e == "object" || "displayName" in e || "props" in e || "__vccOpts" in e;
@@ -806,31 +800,31 @@ function He(e, t) {
   const n = {};
   for (const r in t) {
     const o = t[r];
-    n[r] = K(o) ? o.map(e) : e(o);
+    n[r] = U(o) ? o.map(e) : e(o);
   }
   return n;
 }
 const ve = () => {
-}, K = Array.isArray;
+}, U = Array.isArray;
 function P(e) {
   const t = Array.from(arguments).slice(1);
   console.warn.apply(console, ["[Vue Router warn]: " + e].concat(t));
 }
 const gn = /#/g, qr = /&/g, Hr = /\//g, zr = /=/g, Jr = /\?/g, vn = /\+/g, Qr = /%5B/g, Yr = /%5D/g, yn = /%5E/g, Xr = /%60/g, wn = /%7B/g, Zr = /%7C/g, En = /%7D/g, eo = /%20/g;
-function pt(e) {
+function mt(e) {
   return encodeURI("" + e).replace(Zr, "|").replace(Qr, "[").replace(Yr, "]");
 }
 function to(e) {
-  return pt(e).replace(wn, "{").replace(En, "}").replace(yn, "^");
+  return mt(e).replace(wn, "{").replace(En, "}").replace(yn, "^");
 }
 function ot(e) {
-  return pt(e).replace(vn, "%2B").replace(eo, "+").replace(gn, "%23").replace(qr, "%26").replace(Xr, "`").replace(wn, "{").replace(En, "}").replace(yn, "^");
+  return mt(e).replace(vn, "%2B").replace(eo, "+").replace(gn, "%23").replace(qr, "%26").replace(Xr, "`").replace(wn, "{").replace(En, "}").replace(yn, "^");
 }
 function no(e) {
   return ot(e).replace(zr, "%3D");
 }
 function ro(e) {
-  return pt(e).replace(gn, "%23").replace(Jr, "%3F");
+  return mt(e).replace(gn, "%23").replace(Jr, "%3F");
 }
 function oo(e) {
   return e == null ? "" : ro(e).replace(Hr, "%2F");
@@ -839,16 +833,16 @@ function ae(e) {
   try {
     return decodeURIComponent("" + e);
   } catch {
-    S.NODE_ENV !== "production" && P(`Error decoding "${e}". Using original value`);
+    O.NODE_ENV !== "production" && P(`Error decoding "${e}". Using original value`);
   }
   return "" + e;
 }
 const so = /\/$/, io = (e) => e.replace(so, "");
 function ze(e, t, n = "/") {
   let r, o = {}, s = "", i = "";
-  const c = t.indexOf("#");
+  const u = t.indexOf("#");
   let l = t.indexOf("?");
-  return c < l && c >= 0 && (l = -1), l > -1 && (r = t.slice(0, l), s = t.slice(l + 1, c > -1 ? c : t.length), o = e(s)), c > -1 && (r = r || t.slice(0, c), i = t.slice(c, t.length)), r = uo(r ?? t, n), {
+  return u < l && u >= 0 && (l = -1), l > -1 && (r = t.slice(0, l), s = t.slice(l + 1, u > -1 ? u : t.length), o = e(s)), u > -1 && (r = r || t.slice(0, u), i = t.slice(u, t.length)), r = uo(r ?? t, n), {
     fullPath: r + (s && "?") + s + i,
     path: r,
     query: o,
@@ -859,10 +853,10 @@ function ao(e, t) {
   const n = t.query ? e(t.query) : "";
   return t.path + (n && "?") + n + (t.hash || "");
 }
-function Rt(e, t) {
+function Pt(e, t) {
   return !t || !e.toLowerCase().startsWith(t.toLowerCase()) ? e : e.slice(t.length) || "/";
 }
-function Pt(e, t, n) {
+function kt(e, t, n) {
   const r = t.matched.length - 1, o = n.matched.length - 1;
   return r > -1 && r === o && te(t.matched[r], n.matched[o]) && _n(t.params, n.params) && e(t.query) === e(n.query) && t.hash === n.hash;
 }
@@ -878,24 +872,24 @@ function _n(e, t) {
   return !0;
 }
 function co(e, t) {
-  return K(e) ? kt(e, t) : K(t) ? kt(t, e) : e === t;
+  return U(e) ? Vt(e, t) : U(t) ? Vt(t, e) : e === t;
 }
-function kt(e, t) {
-  return K(t) ? e.length === t.length && e.every((n, r) => n === t[r]) : e.length === 1 && e[0] === t;
+function Vt(e, t) {
+  return U(t) ? e.length === t.length && e.every((n, r) => n === t[r]) : e.length === 1 && e[0] === t;
 }
 function uo(e, t) {
   if (e.startsWith("/"))
     return e;
-  if (S.NODE_ENV !== "production" && !t.startsWith("/"))
+  if (O.NODE_ENV !== "production" && !t.startsWith("/"))
     return P(`Cannot resolve a relative location without an absolute path. Trying to resolve "${e}" from "${t}". It should look like "/${t}".`), e;
   if (!e)
     return t;
   const n = t.split("/"), r = e.split("/"), o = r[r.length - 1];
   (o === ".." || o === ".") && r.push("");
-  let s = n.length - 1, i, c;
+  let s = n.length - 1, i, u;
   for (i = 0; i < r.length; i++)
-    if (c = r[i], c !== ".")
-      if (c === "..")
+    if (u = r[i], u !== ".")
+      if (u === "..")
         s > 1 && s--;
       else
         break;
@@ -922,7 +916,7 @@ var oe;
   e.back = "back", e.forward = "forward", e.unknown = "";
 })(oe || (oe = {}));
 const Je = "";
-function On(e) {
+function bn(e) {
   if (!e)
     if (z) {
       const t = document.querySelector("base");
@@ -932,7 +926,7 @@ function On(e) {
   return e[0] !== "/" && e[0] !== "#" && (e = "/" + e), io(e);
 }
 const lo = /^[^#]+#/;
-function bn(e, t) {
+function Sn(e, t) {
   return e.replace(lo, "#") + t;
 }
 function fo(e, t) {
@@ -951,7 +945,7 @@ function ho(e) {
   let t;
   if ("el" in e) {
     const n = e.el, r = typeof n == "string" && n.startsWith("#");
-    if (S.NODE_ENV !== "production" && typeof e.el == "string" && (!r || !document.getElementById(e.el.slice(1))))
+    if (O.NODE_ENV !== "production" && typeof e.el == "string" && (!r || !document.getElementById(e.el.slice(1))))
       try {
         const s = document.querySelector(e.el);
         if (r && s) {
@@ -964,7 +958,7 @@ function ho(e) {
       }
     const o = typeof n == "string" ? r ? document.getElementById(n.slice(1)) : document.querySelector(n) : n;
     if (!o) {
-      S.NODE_ENV !== "production" && P(`Couldn't find element using selector "${e.el}" returned by scrollBehavior.`);
+      O.NODE_ENV !== "production" && P(`Couldn't find element using selector "${e.el}" returned by scrollBehavior.`);
       return;
     }
     t = fo(o, e);
@@ -972,7 +966,7 @@ function ho(e) {
     t = e;
   "scrollBehavior" in document.documentElement.style ? window.scrollTo(t) : window.scrollTo(t.left != null ? t.left : window.scrollX, t.top != null ? t.top : window.scrollY);
 }
-function Vt(e, t) {
+function Nt(e, t) {
   return (history.state ? history.state.position - t : -1) + e;
 }
 const st = /* @__PURE__ */ new Map();
@@ -984,18 +978,18 @@ function mo(e) {
   return st.delete(e), t;
 }
 let go = () => location.protocol + "//" + location.host;
-function Sn(e, t) {
+function On(e, t) {
   const { pathname: n, search: r, hash: o } = t, s = e.indexOf("#");
   if (s > -1) {
-    let c = o.includes(e.slice(s)) ? e.slice(s).length : 1, l = o.slice(c);
-    return l[0] !== "/" && (l = "/" + l), Rt(l, "");
+    let u = o.includes(e.slice(s)) ? e.slice(s).length : 1, l = o.slice(u);
+    return l[0] !== "/" && (l = "/" + l), Pt(l, "");
   }
-  return Rt(n, e) + r + o;
+  return Pt(n, e) + r + o;
 }
 function vo(e, t, n, r) {
   let o = [], s = [], i = null;
-  const c = ({ state: f }) => {
-    const d = Sn(e, location), v = n.value, p = t.value;
+  const u = ({ state: f }) => {
+    const d = On(e, location), v = n.value, p = t.value;
     let g = 0;
     if (f) {
       if (n.value = d, t.value = f, i && i === v) {
@@ -1024,24 +1018,24 @@ function vo(e, t, n, r) {
     };
     return s.push(d), d;
   }
-  function a() {
+  function c() {
     const { history: f } = window;
     f.state && f.replaceState(I({}, f.state, { scroll: Fe() }), "");
   }
-  function u() {
+  function a() {
     for (const f of s)
       f();
-    s = [], window.removeEventListener("popstate", c), window.removeEventListener("beforeunload", a);
+    s = [], window.removeEventListener("popstate", u), window.removeEventListener("beforeunload", c);
   }
-  return window.addEventListener("popstate", c), window.addEventListener("beforeunload", a, {
+  return window.addEventListener("popstate", u), window.addEventListener("beforeunload", c, {
     passive: !0
   }), {
     pauseListeners: l,
     listen: h,
-    destroy: u
+    destroy: a
   };
 }
-function Nt(e, t, n, r = !1, o = !1) {
+function It(e, t, n, r = !1, o = !1) {
   return {
     back: e,
     current: t,
@@ -1053,7 +1047,7 @@ function Nt(e, t, n, r = !1, o = !1) {
 }
 function yo(e) {
   const { history: t, location: n } = window, r = {
-    value: Sn(e, n)
+    value: On(e, n)
   }, o = { value: t.state };
   o.value || s(r.value, {
     back: null,
@@ -1066,26 +1060,26 @@ function yo(e) {
     // scrollBehavior to be triggered without a saved position
     scroll: null
   }, !0);
-  function s(l, h, a) {
-    const u = e.indexOf("#"), f = u > -1 ? (n.host && document.querySelector("base") ? e : e.slice(u)) + l : go() + e + l;
+  function s(l, h, c) {
+    const a = e.indexOf("#"), f = a > -1 ? (n.host && document.querySelector("base") ? e : e.slice(a)) + l : go() + e + l;
     try {
-      t[a ? "replaceState" : "pushState"](h, "", f), o.value = h;
+      t[c ? "replaceState" : "pushState"](h, "", f), o.value = h;
     } catch (d) {
-      S.NODE_ENV !== "production" ? P("Error with push/replace State", d) : console.error(d), n[a ? "replace" : "assign"](f);
+      O.NODE_ENV !== "production" ? P("Error with push/replace State", d) : console.error(d), n[c ? "replace" : "assign"](f);
     }
   }
   function i(l, h) {
-    const a = I({}, t.state, Nt(
+    const c = I({}, t.state, It(
       o.value.back,
       // keep back and forward entries but override current position
       l,
       o.value.forward,
       !0
     ), h, { position: o.value.position });
-    s(l, a, !0), r.value = l;
+    s(l, c, !0), r.value = l;
   }
-  function c(l, h) {
-    const a = I(
+  function u(l, h) {
+    const c = I(
       {},
       // use current history state to gracefully handle a wrong call to
       // history.replaceState
@@ -1097,23 +1091,23 @@ function yo(e) {
         scroll: Fe()
       }
     );
-    S.NODE_ENV !== "production" && !t.state && P(`history.state seems to have been manually replaced without preserving the necessary values. Make sure to preserve existing history state if you are manually calling history.replaceState:
+    O.NODE_ENV !== "production" && !t.state && P(`history.state seems to have been manually replaced without preserving the necessary values. Make sure to preserve existing history state if you are manually calling history.replaceState:
 
 history.replaceState(history.state, '', url)
 
-You can find more information at https://router.vuejs.org/guide/migration/#Usage-of-history-state`), s(a.current, a, !0);
-    const u = I({}, Nt(r.value, l, null), { position: a.position + 1 }, h);
-    s(l, u, !1), r.value = l;
+You can find more information at https://router.vuejs.org/guide/migration/#Usage-of-history-state`), s(c.current, c, !0);
+    const a = I({}, It(r.value, l, null), { position: c.position + 1 }, h);
+    s(l, a, !1), r.value = l;
   }
   return {
     location: r,
     state: o,
-    push: c,
+    push: u,
     replace: i
   };
 }
 function Rn(e) {
-  e = On(e);
+  e = bn(e);
   const t = yo(e), n = vo(e, t.state, t.location, t.replace);
   function r(s, i = !0) {
     i || n.pauseListeners(), history.go(s);
@@ -1123,7 +1117,7 @@ function Rn(e) {
     location: "",
     base: e,
     go: r,
-    createHref: bn.bind(null, e)
+    createHref: Sn.bind(null, e)
   }, t, n);
   return Object.defineProperty(o, "location", {
     enumerable: !0,
@@ -1135,18 +1129,18 @@ function Rn(e) {
 }
 function wo(e = "") {
   let t = [], n = [Je], r = 0;
-  e = On(e);
-  function o(c) {
-    r++, r !== n.length && n.splice(r), n.push(c);
+  e = bn(e);
+  function o(u) {
+    r++, r !== n.length && n.splice(r), n.push(u);
   }
-  function s(c, l, { direction: h, delta: a }) {
-    const u = {
+  function s(u, l, { direction: h, delta: c }) {
+    const a = {
       direction: h,
-      delta: a,
+      delta: c,
       type: ce.pop
     };
     for (const f of t)
-      f(c, l, u);
+      f(u, l, a);
   }
   const i = {
     // rewritten by Object.defineProperty
@@ -1154,32 +1148,32 @@ function wo(e = "") {
     // TODO: should be kept in queue
     state: {},
     base: e,
-    createHref: bn.bind(null, e),
-    replace(c) {
-      n.splice(r--, 1), o(c);
+    createHref: Sn.bind(null, e),
+    replace(u) {
+      n.splice(r--, 1), o(u);
     },
-    push(c, l) {
-      o(c);
+    push(u, l) {
+      o(u);
     },
-    listen(c) {
-      return t.push(c), () => {
-        const l = t.indexOf(c);
+    listen(u) {
+      return t.push(u), () => {
+        const l = t.indexOf(u);
         l > -1 && t.splice(l, 1);
       };
     },
     destroy() {
       t = [], n = [Je], r = 0;
     },
-    go(c, l = !0) {
-      const h = this.location, a = (
+    go(u, l = !0) {
+      const h = this.location, c = (
         // we are considering delta === 0 going forward, but in abstract mode
         // using 0 for the delta doesn't make sense like it does in html5 where
         // it reloads the page
-        c < 0 ? oe.back : oe.forward
+        u < 0 ? oe.back : oe.forward
       );
-      r = Math.max(0, Math.min(r + c, n.length - 1)), l && s(this.location, h, {
-        direction: a,
-        delta: c
+      r = Math.max(0, Math.min(r + u, n.length - 1)), l && s(this.location, h, {
+        direction: c,
+        delta: u
       });
     }
   };
@@ -1189,20 +1183,20 @@ function wo(e = "") {
   }), i;
 }
 function Eo(e) {
-  return e = location.host ? e || location.pathname + location.search : "", e.includes("#") || (e += "#"), S.NODE_ENV !== "production" && !e.endsWith("#/") && !e.endsWith("#") && P(`A hash base must end with a "#":
+  return e = location.host ? e || location.pathname + location.search : "", e.includes("#") || (e += "#"), O.NODE_ENV !== "production" && !e.endsWith("#/") && !e.endsWith("#") && P(`A hash base must end with a "#":
 "${e}" should be "${e.replace(/#.*$/, "#")}".`), Rn(e);
 }
-function Ae(e) {
+function Te(e) {
   return typeof e == "string" || e && typeof e == "object";
 }
 function Pn(e) {
   return typeof e == "string" || typeof e == "symbol";
 }
-const it = Symbol(S.NODE_ENV !== "production" ? "navigation failure" : "");
-var It;
+const it = Symbol(O.NODE_ENV !== "production" ? "navigation failure" : "");
+var Tt;
 (function(e) {
   e[e.aborted = 4] = "aborted", e[e.cancelled = 8] = "cancelled", e[e.duplicated = 16] = "duplicated";
-})(It || (It = {}));
+})(Tt || (Tt = {}));
 const _o = {
   1({ location: e, currentLocation: t }) {
     return `No match for
@@ -1211,7 +1205,7 @@ while being at
 ` + JSON.stringify(t) : ""}`;
   },
   2({ from: e, to: t }) {
-    return `Redirected from "${e.fullPath}" to "${bo(t)}" via a navigation guard.`;
+    return `Redirected from "${e.fullPath}" to "${So(t)}" via a navigation guard.`;
   },
   4({ from: e, to: t }) {
     return `Navigation aborted from "${e.fullPath}" to "${t.fullPath}" via a navigation guard.`;
@@ -1224,7 +1218,7 @@ while being at
   }
 };
 function ue(e, t) {
-  return S.NODE_ENV !== "production" ? I(new Error(_o[e](t)), {
+  return O.NODE_ENV !== "production" ? I(new Error(_o[e](t)), {
     type: e,
     [it]: !0
   }, t) : I(new Error(), {
@@ -1235,38 +1229,38 @@ function ue(e, t) {
 function H(e, t) {
   return e instanceof Error && it in e && (t == null || !!(e.type & t));
 }
-const Oo = ["params", "query", "hash"];
-function bo(e) {
+const bo = ["params", "query", "hash"];
+function So(e) {
   if (typeof e == "string")
     return e;
   if (e.path != null)
     return e.path;
   const t = {};
-  for (const n of Oo)
+  for (const n of bo)
     n in e && (t[n] = e[n]);
   return JSON.stringify(t, null, 2);
 }
-const Tt = "[^/]+?", So = {
+const At = "[^/]+?", Oo = {
   sensitive: !1,
   strict: !1,
   start: !0,
   end: !0
 }, Ro = /[.+*?^${}()[\]/\\]/g;
 function Po(e, t) {
-  const n = I({}, So, t), r = [];
+  const n = I({}, Oo, t), r = [];
   let o = n.start ? "^" : "";
   const s = [];
   for (const h of e) {
-    const a = h.length ? [] : [
+    const c = h.length ? [] : [
       90
       /* PathScore.Root */
     ];
     n.strict && !h.length && (o += "/");
-    for (let u = 0; u < h.length; u++) {
-      const f = h[u];
+    for (let a = 0; a < h.length; a++) {
+      const f = h[a];
       let d = 40 + (n.sensitive ? 0.25 : 0);
       if (f.type === 0)
-        u || (o += "/"), o += f.value.replace(Ro, "\\$&"), d += 40;
+        a || (o += "/"), o += f.value.replace(Ro, "\\$&"), d += 40;
       else if (f.type === 1) {
         const { value: v, repeatable: p, optional: g, regexp: y } = f;
         s.push({
@@ -1274,8 +1268,8 @@ function Po(e, t) {
           repeatable: p,
           optional: g
         });
-        const _ = y || Tt;
-        if (_ !== Tt) {
+        const _ = y || At;
+        if (_ !== At) {
           d += 10;
           try {
             new RegExp(`(${_})`);
@@ -1283,14 +1277,14 @@ function Po(e, t) {
             throw new Error(`Invalid custom RegExp for param "${v}" (${_}): ` + R.message);
           }
         }
-        let O = p ? `((?:${_})(?:/(?:${_}))*)` : `(${_})`;
-        u || (O = // avoid an optional / if there are more segments e.g. /:p?-static
+        let S = p ? `((?:${_})(?:/(?:${_}))*)` : `(${_})`;
+        a || (S = // avoid an optional / if there are more segments e.g. /:p?-static
         // or /:p?-:p2
-        g && h.length < 2 ? `(?:/${O})` : "/" + O), g && (O += "?"), o += O, d += 20, g && (d += -8), p && (d += -20), _ === ".*" && (d += -50);
+        g && h.length < 2 ? `(?:/${S})` : "/" + S), g && (S += "?"), o += S, d += 20, g && (d += -8), p && (d += -20), _ === ".*" && (d += -50);
       }
-      a.push(d);
+      c.push(d);
     }
-    r.push(a);
+    r.push(c);
   }
   if (n.strict && n.end) {
     const h = r.length - 1;
@@ -1298,43 +1292,43 @@ function Po(e, t) {
   }
   n.strict || (o += "/?"), n.end ? o += "$" : n.strict && !o.endsWith("/") && (o += "(?:/|$)");
   const i = new RegExp(o, n.sensitive ? "" : "i");
-  function c(h) {
-    const a = h.match(i), u = {};
-    if (!a)
+  function u(h) {
+    const c = h.match(i), a = {};
+    if (!c)
       return null;
-    for (let f = 1; f < a.length; f++) {
-      const d = a[f] || "", v = s[f - 1];
-      u[v.name] = d && v.repeatable ? d.split("/") : d;
+    for (let f = 1; f < c.length; f++) {
+      const d = c[f] || "", v = s[f - 1];
+      a[v.name] = d && v.repeatable ? d.split("/") : d;
     }
-    return u;
+    return a;
   }
   function l(h) {
-    let a = "", u = !1;
+    let c = "", a = !1;
     for (const f of e) {
-      (!u || !a.endsWith("/")) && (a += "/"), u = !1;
+      (!a || !c.endsWith("/")) && (c += "/"), a = !1;
       for (const d of f)
         if (d.type === 0)
-          a += d.value;
+          c += d.value;
         else if (d.type === 1) {
           const { value: v, repeatable: p, optional: g } = d, y = v in h ? h[v] : "";
-          if (K(y) && !p)
+          if (U(y) && !p)
             throw new Error(`Provided param "${v}" is an array but it is not repeatable (* or + modifiers)`);
-          const _ = K(y) ? y.join("/") : y;
+          const _ = U(y) ? y.join("/") : y;
           if (!_)
             if (g)
-              f.length < 2 && (a.endsWith("/") ? a = a.slice(0, -1) : u = !0);
+              f.length < 2 && (c.endsWith("/") ? c = c.slice(0, -1) : a = !0);
             else
               throw new Error(`Missing required param "${v}"`);
-          a += _;
+          c += _;
         }
     }
-    return a || "/";
+    return c || "/";
   }
   return {
     re: i,
     score: r,
     keys: s,
-    parse: c,
+    parse: u,
     stringify: l
   };
 }
@@ -1358,14 +1352,14 @@ function kn(e, t) {
     n++;
   }
   if (Math.abs(o.length - r.length) === 1) {
-    if (At(r))
+    if ($t(r))
       return 1;
-    if (At(o))
+    if ($t(o))
       return -1;
   }
   return o.length - r.length;
 }
-function At(e) {
+function $t(e) {
   const t = e[e.length - 1];
   return e.length > 0 && t[t.length - 1] < 0;
 }
@@ -1379,7 +1373,7 @@ function Io(e) {
   if (e === "/")
     return [[Vo]];
   if (!e.startsWith("/"))
-    throw new Error(S.NODE_ENV !== "production" ? `Route paths should start with a "/": "${e}" should be "/${e}".` : `Invalid path "${e}"`);
+    throw new Error(O.NODE_ENV !== "production" ? `Route paths should start with a "/": "${e}" should be "/${e}".` : `Invalid path "${e}"`);
   function t(d) {
     throw new Error(`ERR (${n})/"${h}": ${d}`);
   }
@@ -1389,15 +1383,15 @@ function Io(e) {
   function i() {
     s && o.push(s), s = [];
   }
-  let c = 0, l, h = "", a = "";
-  function u() {
+  let u = 0, l, h = "", c = "";
+  function a() {
     h && (n === 0 ? s.push({
       type: 0,
       value: h
     }) : n === 1 || n === 2 || n === 3 ? (s.length > 1 && (l === "*" || l === "+") && t(`A repeatable param (${h}) must be alone in its segment. eg: '/:ids+.`), s.push({
       type: 1,
       value: h,
-      regexp: a,
+      regexp: c,
       repeatable: l === "*" || l === "+",
       optional: l === "*" || l === "?"
     })) : t("Invalid state to consume buffer"), h = "");
@@ -1405,37 +1399,37 @@ function Io(e) {
   function f() {
     h += l;
   }
-  for (; c < e.length; ) {
-    if (l = e[c++], l === "\\" && n !== 2) {
+  for (; u < e.length; ) {
+    if (l = e[u++], l === "\\" && n !== 2) {
       r = n, n = 4;
       continue;
     }
     switch (n) {
       case 0:
-        l === "/" ? (h && u(), i()) : l === ":" ? (u(), n = 1) : f();
+        l === "/" ? (h && a(), i()) : l === ":" ? (a(), n = 1) : f();
         break;
       case 4:
         f(), n = r;
         break;
       case 1:
-        l === "(" ? n = 2 : No.test(l) ? f() : (u(), n = 0, l !== "*" && l !== "?" && l !== "+" && c--);
+        l === "(" ? n = 2 : No.test(l) ? f() : (a(), n = 0, l !== "*" && l !== "?" && l !== "+" && u--);
         break;
       case 2:
-        l === ")" ? a[a.length - 1] == "\\" ? a = a.slice(0, -1) + l : n = 3 : a += l;
+        l === ")" ? c[c.length - 1] == "\\" ? c = c.slice(0, -1) + l : n = 3 : c += l;
         break;
       case 3:
-        u(), n = 0, l !== "*" && l !== "?" && l !== "+" && c--, a = "";
+        a(), n = 0, l !== "*" && l !== "?" && l !== "+" && u--, c = "";
         break;
       default:
         t("Unknown state");
         break;
     }
   }
-  return n === 2 && t(`Unfinished custom RegExp for param "${h}"`), u(), i(), o;
+  return n === 2 && t(`Unfinished custom RegExp for param "${h}"`), a(), i(), o;
 }
 function To(e, t, n) {
   const r = Po(Io(e.path), n);
-  if (S.NODE_ENV !== "production") {
+  if (O.NODE_ENV !== "production") {
     const s = /* @__PURE__ */ new Set();
     for (const i of r.keys)
       s.has(i.name) && P(`Found duplicated params with name "${i.name}" for path "${e.path}". Only the last one will be available on "$route.params".`), s.add(i.name);
@@ -1451,21 +1445,21 @@ function To(e, t, n) {
 }
 function Ao(e, t) {
   const n = [], r = /* @__PURE__ */ new Map();
-  t = xt({ strict: !1, end: !0, sensitive: !1 }, t);
-  function o(u) {
-    return r.get(u);
-  }
-  function s(u, f, d) {
-    const v = !d, p = jt(u);
-    S.NODE_ENV !== "production" && xo(p, f), p.aliasOf = d && d.record;
-    const g = xt(t, u), y = [p];
-    if ("alias" in u) {
-      const R = typeof u.alias == "string" ? [u.alias] : u.alias;
+  t = Dt({ strict: !1, end: !0, sensitive: !1 }, t);
+  function o(a) {
+    return r.get(a);
+  }
+  function s(a, f, d) {
+    const v = !d, p = Ct(a);
+    O.NODE_ENV !== "production" && xo(p, f), p.aliasOf = d && d.record;
+    const g = Dt(t, a), y = [p];
+    if ("alias" in a) {
+      const R = typeof a.alias == "string" ? [a.alias] : a.alias;
       for (const D of R)
         y.push(
           // we need to normalize again to ensure the `mods` property
           // being non enumerable
-          jt(I({}, p, {
+          Ct(I({}, p, {
             // this allows us to hold a copy of the `components` option
             // so that async components cache is hold on the original record
             components: d ? d.record.components : p.components,
@@ -1477,75 +1471,75 @@ function Ao(e, t) {
           }))
         );
     }
-    let _, O;
+    let _, S;
     for (const R of y) {
       const { path: D } = R;
       if (f && D[0] !== "/") {
         const C = f.record.path, x = C[C.length - 1] === "/" ? "" : "/";
         R.path = f.record.path + (D && x + D);
       }
-      if (S.NODE_ENV !== "production" && R.path === "*")
+      if (O.NODE_ENV !== "production" && R.path === "*")
         throw new Error(`Catch all routes ("*") must now be defined using a param with a custom regexp.
 See more at https://router.vuejs.org/guide/migration/#Removed-star-or-catch-all-routes.`);
-      if (_ = To(R, f, g), S.NODE_ENV !== "production" && f && D[0] === "/" && Mo(_, f), d ? (d.alias.push(_), S.NODE_ENV !== "production" && Co(d, _)) : (O = O || _, O !== _ && O.alias.push(_), v && u.name && !Ct(_) && (S.NODE_ENV !== "production" && Do(u, f), i(u.name))), Vn(_) && l(_), p.children) {
+      if (_ = To(R, f, g), O.NODE_ENV !== "production" && f && D[0] === "/" && Mo(_, f), d ? (d.alias.push(_), O.NODE_ENV !== "production" && Co(d, _)) : (S = S || _, S !== _ && S.alias.push(_), v && a.name && !xt(_) && (O.NODE_ENV !== "production" && Do(a, f), i(a.name))), Vn(_) && l(_), p.children) {
         const C = p.children;
         for (let x = 0; x < C.length; x++)
           s(C[x], _, d && d.children[x]);
       }
       d = d || _;
     }
-    return O ? () => {
-      i(O);
+    return S ? () => {
+      i(S);
     } : ve;
   }
-  function i(u) {
-    if (Pn(u)) {
-      const f = r.get(u);
-      f && (r.delete(u), n.splice(n.indexOf(f), 1), f.children.forEach(i), f.alias.forEach(i));
+  function i(a) {
+    if (Pn(a)) {
+      const f = r.get(a);
+      f && (r.delete(a), n.splice(n.indexOf(f), 1), f.children.forEach(i), f.alias.forEach(i));
     } else {
-      const f = n.indexOf(u);
-      f > -1 && (n.splice(f, 1), u.record.name && r.delete(u.record.name), u.children.forEach(i), u.alias.forEach(i));
+      const f = n.indexOf(a);
+      f > -1 && (n.splice(f, 1), a.record.name && r.delete(a.record.name), a.children.forEach(i), a.alias.forEach(i));
     }
   }
-  function c() {
+  function u() {
     return n;
   }
-  function l(u) {
-    const f = Fo(u, n);
-    n.splice(f, 0, u), u.record.name && !Ct(u) && r.set(u.record.name, u);
+  function l(a) {
+    const f = Fo(a, n);
+    n.splice(f, 0, a), a.record.name && !xt(a) && r.set(a.record.name, a);
   }
-  function h(u, f) {
+  function h(a, f) {
     let d, v = {}, p, g;
-    if ("name" in u && u.name) {
-      if (d = r.get(u.name), !d)
+    if ("name" in a && a.name) {
+      if (d = r.get(a.name), !d)
         throw ue(1, {
-          location: u
+          location: a
         });
-      if (S.NODE_ENV !== "production") {
-        const O = Object.keys(u.params || {}).filter((R) => !d.keys.find((D) => D.name === R));
-        O.length && P(`Discarded invalid param(s) "${O.join('", "')}" when navigating. See https://github.com/vuejs/router/blob/main/packages/router/CHANGELOG.md#414-2022-08-22 for more details.`);
+      if (O.NODE_ENV !== "production") {
+        const S = Object.keys(a.params || {}).filter((R) => !d.keys.find((D) => D.name === R));
+        S.length && P(`Discarded invalid param(s) "${S.join('", "')}" when navigating. See https://github.com/vuejs/router/blob/main/packages/router/CHANGELOG.md#414-2022-08-22 for more details.`);
       }
       g = d.record.name, v = I(
         // paramsFromLocation is a new object
-        $t(
+        jt(
           f.params,
           // only keep params that exist in the resolved location
           // only keep optional params coming from a parent record
-          d.keys.filter((O) => !O.optional).concat(d.parent ? d.parent.keys.filter((O) => O.optional) : []).map((O) => O.name)
+          d.keys.filter((S) => !S.optional).concat(d.parent ? d.parent.keys.filter((S) => S.optional) : []).map((S) => S.name)
         ),
         // discard any existing params in the current location that do not exist here
         // #1497 this ensures better active/exact matching
-        u.params && $t(u.params, d.keys.map((O) => O.name))
+        a.params && jt(a.params, d.keys.map((S) => S.name))
       ), p = d.stringify(v);
-    } else if (u.path != null)
-      p = u.path, S.NODE_ENV !== "production" && !p.startsWith("/") && P(`The Matcher cannot resolve relative paths but received "${p}". Unless you directly called \`matcher.resolve("${p}")\`, this is probably a bug in vue-router. Please open an issue at https://github.com/vuejs/router/issues/new/choose.`), d = n.find((O) => O.re.test(p)), d && (v = d.parse(p), g = d.record.name);
+    } else if (a.path != null)
+      p = a.path, O.NODE_ENV !== "production" && !p.startsWith("/") && P(`The Matcher cannot resolve relative paths but received "${p}". Unless you directly called \`matcher.resolve("${p}")\`, this is probably a bug in vue-router. Please open an issue at https://github.com/vuejs/router/issues/new/choose.`), d = n.find((S) => S.re.test(p)), d && (v = d.parse(p), g = d.record.name);
     else {
-      if (d = f.name ? r.get(f.name) : n.find((O) => O.re.test(f.path)), !d)
+      if (d = f.name ? r.get(f.name) : n.find((S) => S.re.test(f.path)), !d)
         throw ue(1, {
-          location: u,
+          location: a,
           currentLocation: f
         });
-      g = d.record.name, v = I({}, f.params, u.params), p = d.stringify(v);
+      g = d.record.name, v = I({}, f.params, a.params), p = d.stringify(v);
     }
     const y = [];
     let _ = d;
@@ -1559,26 +1553,26 @@ See more at https://router.vuejs.org/guide/migration/#Removed-star-or-catch-all-
       meta: jo(y)
     };
   }
-  e.forEach((u) => s(u));
-  function a() {
+  e.forEach((a) => s(a));
+  function c() {
     n.length = 0, r.clear();
   }
   return {
     addRoute: s,
     resolve: h,
     removeRoute: i,
-    clearRoutes: a,
-    getRoutes: c,
+    clearRoutes: c,
+    getRoutes: u,
     getRecordMatcher: o
   };
 }
-function $t(e, t) {
+function jt(e, t) {
   const n = {};
   for (const r of t)
     r in e && (n[r] = e[r]);
   return n;
 }
-function jt(e) {
+function Ct(e) {
   const t = {
     path: e.path,
     redirect: e.redirect,
@@ -1609,7 +1603,7 @@ function $o(e) {
       t[r] = typeof n == "object" ? n[r] : n;
   return t;
 }
-function Ct(e) {
+function xt(e) {
   for (; e; ) {
     if (e.record.aliasOf)
       return !0;
@@ -1620,7 +1614,7 @@ function Ct(e) {
 function jo(e) {
   return e.reduce((t, n) => I(t, n.meta), {});
 }
-function xt(e, t) {
+function Dt(e, t) {
   const n = {};
   for (const r in e)
     n[r] = r in t ? t[r] : e[r];
@@ -1657,7 +1651,7 @@ function Fo(e, t) {
     kn(e, t[s]) < 0 ? r = s : n = s + 1;
   }
   const o = Bo(e);
-  return o && (r = t.lastIndexOf(o, r - 1), S.NODE_ENV !== "production" && r < 0 && P(`Finding ancestor route "${o.record.path}" failed for "${e.record.path}"`)), r;
+  return o && (r = t.lastIndexOf(o, r - 1), O.NODE_ENV !== "production" && r < 0 && P(`Finding ancestor route "${o.record.path}" failed for "${e.record.path}"`)), r;
 }
 function Bo(e) {
   let t = e;
@@ -1674,16 +1668,16 @@ function Lo(e) {
     return t;
   const r = (e[0] === "?" ? e.slice(1) : e).split("&");
   for (let o = 0; o < r.length; ++o) {
-    const s = r[o].replace(vn, " "), i = s.indexOf("="), c = ae(i < 0 ? s : s.slice(0, i)), l = i < 0 ? null : ae(s.slice(i + 1));
-    if (c in t) {
-      let h = t[c];
-      K(h) || (h = t[c] = [h]), h.push(l);
+    const s = r[o].replace(vn, " "), i = s.indexOf("="), u = ae(i < 0 ? s : s.slice(0, i)), l = i < 0 ? null : ae(s.slice(i + 1));
+    if (u in t) {
+      let h = t[u];
+      U(h) || (h = t[u] = [h]), h.push(l);
     } else
-      t[c] = l;
+      t[u] = l;
   }
   return t;
 }
-function Dt(e) {
+function Mt(e) {
   let t = "";
   for (let n in e) {
     const r = e[n];
@@ -1691,7 +1685,7 @@ function Dt(e) {
       r !== void 0 && (t += (t.length ? "&" : "") + n);
       continue;
     }
-    (K(r) ? r.map((s) => s && ot(s)) : [r && ot(r)]).forEach((s) => {
+    (U(r) ? r.map((s) => s && ot(s)) : [r && ot(r)]).forEach((s) => {
       s !== void 0 && (t += (t.length ? "&" : "") + n, s != null && (t += "=" + s));
     });
   }
@@ -1701,11 +1695,11 @@ function Wo(e) {
   const t = {};
   for (const n in e) {
     const r = e[n];
-    r !== void 0 && (t[n] = K(r) ? r.map((o) => o == null ? null : "" + o) : r == null ? r : "" + r);
+    r !== void 0 && (t[n] = U(r) ? r.map((o) => o == null ? null : "" + o) : r == null ? r : "" + r);
   }
   return t;
 }
-const Uo = Symbol(S.NODE_ENV !== "production" ? "router view location matched" : ""), Mt = Symbol(S.NODE_ENV !== "production" ? "router view depth" : ""), Be = Symbol(S.NODE_ENV !== "production" ? "router" : ""), mt = Symbol(S.NODE_ENV !== "production" ? "route location" : ""), ct = Symbol(S.NODE_ENV !== "production" ? "router view location" : "");
+const Uo = Symbol(O.NODE_ENV !== "production" ? "router view location matched" : ""), Ft = Symbol(O.NODE_ENV !== "production" ? "router view depth" : ""), Be = Symbol(O.NODE_ENV !== "production" ? "router" : ""), gt = Symbol(O.NODE_ENV !== "production" ? "route location" : ""), ct = Symbol(O.NODE_ENV !== "production" ? "router view location" : "");
 function pe() {
   let e = [];
   function t(r) {
@@ -1726,30 +1720,30 @@ function pe() {
 function X(e, t, n, r, o, s = (i) => i()) {
   const i = r && // name is defined if record is because of the function overload
   (r.enterCallbacks[o] = r.enterCallbacks[o] || []);
-  return () => new Promise((c, l) => {
+  return () => new Promise((u, l) => {
     const h = (f) => {
       f === !1 ? l(ue(4, {
         from: n,
         to: t
-      })) : f instanceof Error ? l(f) : Ae(f) ? l(ue(2, {
+      })) : f instanceof Error ? l(f) : Te(f) ? l(ue(2, {
         from: t,
         to: f
       })) : (i && // since enterCallbackArray is truthy, both record and name also are
-      r.enterCallbacks[o] === i && typeof f == "function" && i.push(f), c());
-    }, a = s(() => e.call(r && r.instances[o], t, n, S.NODE_ENV !== "production" ? Ko(h, t, n) : h));
-    let u = Promise.resolve(a);
-    if (e.length < 3 && (u = u.then(h)), S.NODE_ENV !== "production" && e.length > 2) {
+      r.enterCallbacks[o] === i && typeof f == "function" && i.push(f), u());
+    }, c = s(() => e.call(r && r.instances[o], t, n, O.NODE_ENV !== "production" ? Ko(h, t, n) : h));
+    let a = Promise.resolve(c);
+    if (e.length < 3 && (a = a.then(h)), O.NODE_ENV !== "production" && e.length > 2) {
       const f = `The "next" callback was never called inside of ${e.name ? '"' + e.name + '"' : ""}:
 ${e.toString()}
 . If you are returning a value instead of calling "next", make sure to remove the "next" parameter from your function.`;
-      if (typeof a == "object" && "then" in a)
-        u = u.then((d) => h._called ? d : (P(f), Promise.reject(new Error("Invalid navigation guard"))));
-      else if (a !== void 0 && !h._called) {
+      if (typeof c == "object" && "then" in c)
+        a = a.then((d) => h._called ? d : (P(f), Promise.reject(new Error("Invalid navigation guard"))));
+      else if (c !== void 0 && !h._called) {
         P(f), l(new Error("Invalid navigation guard"));
         return;
       }
     }
-    u.catch((f) => l(f));
+    a.catch((f) => l(f));
   });
 }
 function Ko(e, t, n) {
@@ -1761,94 +1755,94 @@ function Ko(e, t, n) {
 function Qe(e, t, n, r, o = (s) => s()) {
   const s = [];
   for (const i of e) {
-    S.NODE_ENV !== "production" && !i.components && !i.children.length && P(`Record with path "${i.path}" is either missing a "component(s)" or "children" property.`);
-    for (const c in i.components) {
-      let l = i.components[c];
-      if (S.NODE_ENV !== "production") {
+    O.NODE_ENV !== "production" && !i.components && !i.children.length && P(`Record with path "${i.path}" is either missing a "component(s)" or "children" property.`);
+    for (const u in i.components) {
+      let l = i.components[u];
+      if (O.NODE_ENV !== "production") {
         if (!l || typeof l != "object" && typeof l != "function")
-          throw P(`Component "${c}" in record with path "${i.path}" is not a valid component. Received "${String(l)}".`), new Error("Invalid route component");
+          throw P(`Component "${u}" in record with path "${i.path}" is not a valid component. Received "${String(l)}".`), new Error("Invalid route component");
         if ("then" in l) {
-          P(`Component "${c}" in record with path "${i.path}" is a Promise instead of a function that returns a Promise. Did you write "import('./MyPage.vue')" instead of "() => import('./MyPage.vue')" ? This will break in production if not fixed.`);
+          P(`Component "${u}" in record with path "${i.path}" is a Promise instead of a function that returns a Promise. Did you write "import('./MyPage.vue')" instead of "() => import('./MyPage.vue')" ? This will break in production if not fixed.`);
           const h = l;
           l = () => h;
         } else l.__asyncLoader && // warn only once per component
-        !l.__warnedDefineAsync && (l.__warnedDefineAsync = !0, P(`Component "${c}" in record with path "${i.path}" is defined using "defineAsyncComponent()". Write "() => import('./MyPage.vue')" instead of "defineAsyncComponent(() => import('./MyPage.vue'))".`));
+        !l.__warnedDefineAsync && (l.__warnedDefineAsync = !0, P(`Component "${u}" in record with path "${i.path}" is defined using "defineAsyncComponent()". Write "() => import('./MyPage.vue')" instead of "defineAsyncComponent(() => import('./MyPage.vue'))".`));
       }
-      if (!(t !== "beforeRouteEnter" && !i.instances[c]))
+      if (!(t !== "beforeRouteEnter" && !i.instances[u]))
         if (mn(l)) {
-          const a = (l.__vccOpts || l)[t];
-          a && s.push(X(a, n, r, i, c, o));
+          const c = (l.__vccOpts || l)[t];
+          c && s.push(X(c, n, r, i, u, o));
         } else {
           let h = l();
-          S.NODE_ENV !== "production" && !("catch" in h) && (P(`Component "${c}" in record with path "${i.path}" is a function that does not return a Promise. If you were passing a functional component, make sure to add a "displayName" to the component. This will break in production if not fixed.`), h = Promise.resolve(h)), s.push(() => h.then((a) => {
-            if (!a)
-              throw new Error(`Couldn't resolve component "${c}" at "${i.path}"`);
-            const u = Gr(a) ? a.default : a;
-            i.mods[c] = a, i.components[c] = u;
-            const d = (u.__vccOpts || u)[t];
-            return d && X(d, n, r, i, c, o)();
+          O.NODE_ENV !== "production" && !("catch" in h) && (P(`Component "${u}" in record with path "${i.path}" is a function that does not return a Promise. If you were passing a functional component, make sure to add a "displayName" to the component. This will break in production if not fixed.`), h = Promise.resolve(h)), s.push(() => h.then((c) => {
+            if (!c)
+              throw new Error(`Couldn't resolve component "${u}" at "${i.path}"`);
+            const a = Gr(c) ? c.default : c;
+            i.mods[u] = c, i.components[u] = a;
+            const d = (a.__vccOpts || a)[t];
+            return d && X(d, n, r, i, u, o)();
           }));
         }
     }
   }
   return s;
 }
-function Ft(e) {
-  const t = ee(Be), n = ee(mt);
+function Bt(e) {
+  const t = ee(Be), n = ee(gt);
   let r = !1, o = null;
-  const s = U(() => {
-    const a = W(e.to);
-    return S.NODE_ENV !== "production" && (!r || a !== o) && (Ae(a) || (r ? P(`Invalid value for prop "to" in useLink()
-- to:`, a, `
+  const s = K(() => {
+    const c = L(e.to);
+    return O.NODE_ENV !== "production" && (!r || c !== o) && (Te(c) || (r ? P(`Invalid value for prop "to" in useLink()
+- to:`, c, `
 - previous to:`, o, `
 - props:`, e) : P(`Invalid value for prop "to" in useLink()
-- to:`, a, `
-- props:`, e)), o = a, r = !0), t.resolve(a);
-  }), i = U(() => {
-    const { matched: a } = s.value, { length: u } = a, f = a[u - 1], d = n.matched;
+- to:`, c, `
+- props:`, e)), o = c, r = !0), t.resolve(c);
+  }), i = K(() => {
+    const { matched: c } = s.value, { length: a } = c, f = c[a - 1], d = n.matched;
     if (!f || !d.length)
       return -1;
     const v = d.findIndex(te.bind(null, f));
     if (v > -1)
       return v;
-    const p = Bt(a[u - 2]);
+    const p = Lt(c[a - 2]);
     return (
       // we are dealing with nested routes
-      u > 1 && // if the parent and matched route have the same path, this link is
+      a > 1 && // if the parent and matched route have the same path, this link is
       // referring to the empty child. Or we currently are on a different
       // child of the same parent
-      Bt(f) === p && // avoid comparing the child with its parent
-      d[d.length - 1].path !== p ? d.findIndex(te.bind(null, a[u - 2])) : v
+      Lt(f) === p && // avoid comparing the child with its parent
+      d[d.length - 1].path !== p ? d.findIndex(te.bind(null, c[a - 2])) : v
     );
-  }), c = U(() => i.value > -1 && Jo(n.params, s.value.params)), l = U(() => i.value > -1 && i.value === n.matched.length - 1 && _n(n.params, s.value.params));
-  function h(a = {}) {
-    if (zo(a)) {
-      const u = t[W(e.replace) ? "replace" : "push"](
-        W(e.to)
+  }), u = K(() => i.value > -1 && Jo(n.params, s.value.params)), l = K(() => i.value > -1 && i.value === n.matched.length - 1 && _n(n.params, s.value.params));
+  function h(c = {}) {
+    if (zo(c)) {
+      const a = t[L(e.replace) ? "replace" : "push"](
+        L(e.to)
         // avoid uncaught errors are they are logged anyway
       ).catch(ve);
-      return e.viewTransition && typeof document < "u" && "startViewTransition" in document && document.startViewTransition(() => u), u;
+      return e.viewTransition && typeof document < "u" && "startViewTransition" in document && document.startViewTransition(() => a), a;
     }
     return Promise.resolve();
   }
-  if (S.NODE_ENV !== "production" && z) {
-    const a = zt();
-    if (a) {
-      const u = {
+  if (O.NODE_ENV !== "production" && z) {
+    const c = Jt();
+    if (c) {
+      const a = {
         route: s.value,
-        isActive: c.value,
+        isActive: u.value,
         isExactActive: l.value,
         error: null
       };
-      a.__vrl_devtools = a.__vrl_devtools || [], a.__vrl_devtools.push(u), Ht(() => {
-        u.route = s.value, u.isActive = c.value, u.isExactActive = l.value, u.error = Ae(W(e.to)) ? null : 'Invalid "to" value';
+      c.__vrl_devtools = c.__vrl_devtools || [], c.__vrl_devtools.push(a), zt(() => {
+        a.route = s.value, a.isActive = u.value, a.isExactActive = l.value, a.error = Te(L(e.to)) ? null : 'Invalid "to" value';
       }, { flush: "post" });
     }
   }
   return {
     route: s,
-    href: U(() => s.value.href),
-    isActive: c,
+    href: K(() => s.value.href),
+    isActive: u,
     isExactActive: l,
     navigate: h
   };
@@ -1874,16 +1868,16 @@ const qo = /* @__PURE__ */ F({
       default: "page"
     }
   },
-  useLink: Ft,
+  useLink: Bt,
   setup(e, { slots: t }) {
-    const n = zn(Ft(e)), { options: r } = ee(Be), o = U(() => ({
-      [Lt(e.activeClass, r.linkActiveClass, "router-link-active")]: n.isActive,
+    const n = Jn(Bt(e)), { options: r } = ee(Be), o = K(() => ({
+      [Wt(e.activeClass, r.linkActiveClass, "router-link-active")]: n.isActive,
       // [getLinkClass(
       //   props.inactiveClass,
       //   options.linkInactiveClass,
       //   'router-link-inactive'
       // )]: !link.isExactActive,
-      [Lt(e.exactActiveClass, r.linkExactActiveClass, "router-link-exact-active")]: n.isExactActive
+      [Wt(e.exactActiveClass, r.linkExactActiveClass, "router-link-exact-active")]: n.isExactActive
     }));
     return () => {
       const s = t.default && Go(t.default(n));
@@ -1914,15 +1908,15 @@ function Jo(e, t) {
     if (typeof r == "string") {
       if (r !== o)
         return !1;
-    } else if (!K(o) || o.length !== r.length || r.some((s, i) => s !== o[i]))
+    } else if (!U(o) || o.length !== r.length || r.some((s, i) => s !== o[i]))
       return !1;
   }
   return !0;
 }
-function Bt(e) {
+function Lt(e) {
   return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
 }
-const Lt = (e, t, n) => e ?? t ?? n, Qo = /* @__PURE__ */ F({
+const Wt = (e, t, n) => e ?? t ?? n, Qo = /* @__PURE__ */ F({
   name: "RouterView",
   // #674 we manually inherit them
   inheritAttrs: !1,
@@ -1937,51 +1931,51 @@ const Lt = (e, t, n) => e ?? t ?? n, Qo = /* @__PURE__ */ F({
   // https://github.com/vuejs/router/issues/1315
   compatConfig: { MODE: 3 },
   setup(e, { attrs: t, slots: n }) {
-    S.NODE_ENV !== "production" && Xo();
-    const r = ee(ct), o = U(() => e.route || r.value), s = ee(Mt, 0), i = U(() => {
-      let h = W(s);
-      const { matched: a } = o.value;
-      let u;
-      for (; (u = a[h]) && !u.components; )
+    O.NODE_ENV !== "production" && Xo();
+    const r = ee(ct), o = K(() => e.route || r.value), s = ee(Ft, 0), i = K(() => {
+      let h = L(s);
+      const { matched: c } = o.value;
+      let a;
+      for (; (a = c[h]) && !a.components; )
         h++;
       return h;
-    }), c = U(() => o.value.matched[i.value]);
-    Ie(Mt, U(() => i.value + 1)), Ie(Uo, c), Ie(ct, o);
+    }), u = K(() => o.value.matched[i.value]);
+    Ne(Ft, K(() => i.value + 1)), Ne(Uo, u), Ne(ct, o);
     const l = Z();
-    return G(() => [l.value, c.value, e.name], ([h, a, u], [f, d, v]) => {
-      a && (a.instances[u] = h, d && d !== a && h && h === f && (a.leaveGuards.size || (a.leaveGuards = d.leaveGuards), a.updateGuards.size || (a.updateGuards = d.updateGuards))), h && a && // if there is no instance but to and from are the same this might be
+    return G(() => [l.value, u.value, e.name], ([h, c, a], [f, d, v]) => {
+      c && (c.instances[a] = h, d && d !== c && h && h === f && (c.leaveGuards.size || (c.leaveGuards = d.leaveGuards), c.updateGuards.size || (c.updateGuards = d.updateGuards))), h && c && // if there is no instance but to and from are the same this might be
       // the first visit
-      (!d || !te(a, d) || !f) && (a.enterCallbacks[u] || []).forEach((p) => p(h));
+      (!d || !te(c, d) || !f) && (c.enterCallbacks[a] || []).forEach((p) => p(h));
     }, { flush: "post" }), () => {
-      const h = o.value, a = e.name, u = c.value, f = u && u.components[a];
+      const h = o.value, c = e.name, a = u.value, f = a && a.components[c];
       if (!f)
-        return Wt(n.default, { Component: f, route: h });
-      const d = u.props[a], v = d ? d === !0 ? h.params : typeof d == "function" ? d(h) : d : null, g = A(f, I({}, v, t, {
+        return Ut(n.default, { Component: f, route: h });
+      const d = a.props[c], v = d ? d === !0 ? h.params : typeof d == "function" ? d(h) : d : null, g = A(f, I({}, v, t, {
         onVnodeUnmounted: (y) => {
-          y.component.isUnmounted && (u.instances[a] = null);
+          y.component.isUnmounted && (a.instances[c] = null);
         },
         ref: l
       }));
-      if (S.NODE_ENV !== "production" && z && g.ref) {
+      if (O.NODE_ENV !== "production" && z && g.ref) {
         const y = {
           depth: i.value,
-          name: u.name,
-          path: u.path,
-          meta: u.meta
+          name: a.name,
+          path: a.path,
+          meta: a.meta
         };
-        (K(g.ref) ? g.ref.map((O) => O.i) : [g.ref.i]).forEach((O) => {
-          O.__vrv_devtools = y;
+        (U(g.ref) ? g.ref.map((S) => S.i) : [g.ref.i]).forEach((S) => {
+          S.__vrv_devtools = y;
         });
       }
       return (
         // pass the vnode to the slot as a prop.
         // h and <component :is="..."> both accept vnodes
-        Wt(n.default, { Component: g, route: h }) || g
+        Ut(n.default, { Component: g, route: h }) || g
       );
     };
   }
 });
-function Wt(e, t) {
+function Ut(e, t) {
   if (!e)
     return null;
   const n = e(t);
@@ -1989,7 +1983,7 @@ function Wt(e, t) {
 }
 const Yo = Qo;
 function Xo() {
-  const e = zt(), t = e.parent && e.parent.type.name, n = e.parent && e.parent.subTree && e.parent.subTree.type;
+  const e = Jt(), t = e.parent && e.parent.type.name, n = e.parent && e.parent.subTree && e.parent.subTree.type;
   if (t && (t === "KeepAlive" || t.includes("Transition")) && typeof n == "object" && n.name === "RouterView") {
     const r = t === "KeepAlive" ? "keep-alive" : "transition";
     P(`<router-view> can no longer be used directly inside <transition> or <keep-alive>.
@@ -2017,7 +2011,7 @@ function me(e, t) {
     }
   };
 }
-function Ne(e) {
+function Ve(e) {
   return {
     _custom: {
       display: e
@@ -2039,26 +2033,26 @@ function es(e, t, n) {
     componentStateTypes: ["Routing"],
     app: e
   }, (o) => {
-    typeof o.now != "function" && console.warn("[Vue Router]: You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), o.on.inspectComponent((a, u) => {
-      a.instanceData && a.instanceData.state.push({
+    typeof o.now != "function" && console.warn("[Vue Router]: You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), o.on.inspectComponent((c, a) => {
+      c.instanceData && c.instanceData.state.push({
         type: "Routing",
         key: "$route",
         editable: !1,
         value: me(t.currentRoute.value, "Current Route")
       });
-    }), o.on.visitComponentTree(({ treeNode: a, componentInstance: u }) => {
-      if (u.__vrv_devtools) {
-        const f = u.__vrv_devtools;
-        a.tags.push({
+    }), o.on.visitComponentTree(({ treeNode: c, componentInstance: a }) => {
+      if (a.__vrv_devtools) {
+        const f = a.__vrv_devtools;
+        c.tags.push({
           label: (f.name ? `${f.name.toString()}: ` : "") + f.path,
           textColor: 0,
           tooltip: "This component is rendered by &lt;router-view&gt;",
           backgroundColor: Nn
         });
       }
-      K(u.__vrl_devtools) && (u.__devtoolsApi = o, u.__vrl_devtools.forEach((f) => {
+      U(a.__vrl_devtools) && (a.__devtoolsApi = o, a.__vrl_devtools.forEach((f) => {
         let d = f.route.path, v = An, p = "", g = 0;
-        f.error ? (d = f.error, v = ss, g = is) : f.isExactActive ? (v = Tn, p = "This is exactly active") : f.isActive && (v = In, p = "This link is active"), a.tags.push({
+        f.error ? (d = f.error, v = ss, g = is) : f.isExactActive ? (v = Tn, p = "This is exactly active") : f.isActive && (v = In, p = "This link is active"), c.tags.push({
           label: d,
           textColor: g,
           tooltip: p,
@@ -2066,48 +2060,48 @@ function es(e, t, n) {
         });
       }));
     }), G(t.currentRoute, () => {
-      l(), o.notifyComponentUpdate(), o.sendInspectorTree(c), o.sendInspectorState(c);
+      l(), o.notifyComponentUpdate(), o.sendInspectorTree(u), o.sendInspectorState(u);
     });
     const s = "router:navigations:" + r;
     o.addTimelineLayer({
       id: s,
       label: `Router${r ? " " + r : ""} Navigations`,
       color: 4237508
-    }), t.onError((a, u) => {
+    }), t.onError((c, a) => {
       o.addTimelineEvent({
         layerId: s,
         event: {
           title: "Error during Navigation",
-          subtitle: u.fullPath,
+          subtitle: a.fullPath,
           logType: "error",
           time: o.now(),
-          data: { error: a },
-          groupId: u.meta.__navigationId
+          data: { error: c },
+          groupId: a.meta.__navigationId
         }
       });
     });
     let i = 0;
-    t.beforeEach((a, u) => {
+    t.beforeEach((c, a) => {
       const f = {
-        guard: Ne("beforeEach"),
-        from: me(u, "Current Location during this navigation"),
-        to: me(a, "Target location")
+        guard: Ve("beforeEach"),
+        from: me(a, "Current Location during this navigation"),
+        to: me(c, "Target location")
       };
-      Object.defineProperty(a.meta, "__navigationId", {
+      Object.defineProperty(c.meta, "__navigationId", {
         value: i++
       }), o.addTimelineEvent({
         layerId: s,
         event: {
           time: o.now(),
           title: "Start of navigation",
-          subtitle: a.fullPath,
+          subtitle: c.fullPath,
           data: f,
-          groupId: a.meta.__navigationId
+          groupId: c.meta.__navigationId
         }
       });
-    }), t.afterEach((a, u, f) => {
+    }), t.afterEach((c, a, f) => {
       const d = {
-        guard: Ne("afterEach")
+        guard: Ve("afterEach")
       };
       f ? (d.failure = {
         _custom: {
@@ -2117,21 +2111,21 @@ function es(e, t, n) {
           tooltip: "Navigation Failure",
           value: f
         }
-      }, d.status = Ne("❌")) : d.status = Ne("✅"), d.from = me(u, "Current Location during this navigation"), d.to = me(a, "Target location"), o.addTimelineEvent({
+      }, d.status = Ve("❌")) : d.status = Ve("✅"), d.from = me(a, "Current Location during this navigation"), d.to = me(c, "Target location"), o.addTimelineEvent({
         layerId: s,
         event: {
           title: "End of navigation",
-          subtitle: a.fullPath,
+          subtitle: c.fullPath,
           time: o.now(),
           data: d,
           logType: f ? "warning" : "default",
-          groupId: a.meta.__navigationId
+          groupId: c.meta.__navigationId
         }
       });
     });
-    const c = "router-inspector:" + r;
+    const u = "router-inspector:" + r;
     o.addInspector({
-      id: c,
+      id: u,
       label: "Routes" + (r ? " " + r : ""),
       icon: "book",
       treeFilterPlaceholder: "Search routes"
@@ -2139,26 +2133,26 @@ function es(e, t, n) {
     function l() {
       if (!h)
         return;
-      const a = h;
-      let u = n.getRoutes().filter((f) => !f.parent || // these routes have a parent with no component which will not appear in the view
+      const c = h;
+      let a = n.getRoutes().filter((f) => !f.parent || // these routes have a parent with no component which will not appear in the view
       // therefore we still need to include them
       !f.parent.record.components);
-      u.forEach(Cn), a.filter && (u = u.filter((f) => (
+      a.forEach(Cn), c.filter && (a = a.filter((f) => (
         // save matches state based on the payload
-        ut(f, a.filter.toLowerCase())
-      ))), u.forEach((f) => jn(f, t.currentRoute.value)), a.rootNodes = u.map($n);
+        ut(f, c.filter.toLowerCase())
+      ))), a.forEach((f) => jn(f, t.currentRoute.value)), c.rootNodes = a.map($n);
     }
     let h;
-    o.on.getInspectorTree((a) => {
-      h = a, a.app === e && a.inspectorId === c && l();
-    }), o.on.getInspectorState((a) => {
-      if (a.app === e && a.inspectorId === c) {
-        const f = n.getRoutes().find((d) => d.record.__vd_id === a.nodeId);
-        f && (a.state = {
+    o.on.getInspectorTree((c) => {
+      h = c, c.app === e && c.inspectorId === u && l();
+    }), o.on.getInspectorState((c) => {
+      if (c.app === e && c.inspectorId === u) {
+        const f = n.getRoutes().find((d) => d.record.__vd_id === c.nodeId);
+        f && (c.state = {
           options: ns(f)
         });
       }
-    }), o.sendInspectorTree(c), o.sendInspectorState(c);
+    }), o.sendInspectorTree(u), o.sendInspectorState(u);
   });
 }
 function ts(e) {
@@ -2271,23 +2265,23 @@ function us(e, t) {
   return n;
 }
 function ls(e) {
-  const t = Ao(e.routes, e), n = e.parseQuery || Lo, r = e.stringifyQuery || Dt, o = e.history;
-  if (S.NODE_ENV !== "production" && !o)
+  const t = Ao(e.routes, e), n = e.parseQuery || Lo, r = e.stringifyQuery || Mt, o = e.history;
+  if (O.NODE_ENV !== "production" && !o)
     throw new Error('Provide the "history" option when calling "createRouter()": https://router.vuejs.org/api/interfaces/RouterOptions.html#history');
-  const s = pe(), i = pe(), c = pe(), l = J(Y);
+  const s = pe(), i = pe(), u = pe(), l = J(Y);
   let h = Y;
   z && e.scrollBehavior && "scrollRestoration" in history && (history.scrollRestoration = "manual");
-  const a = He.bind(null, (m) => "" + m), u = He.bind(null, oo), f = (
+  const c = He.bind(null, (m) => "" + m), a = He.bind(null, oo), f = (
     // @ts-expect-error: intentionally avoid the type check
     He.bind(null, ae)
   );
   function d(m, E) {
     let w, b;
-    return Pn(m) ? (w = t.getRecordMatcher(m), S.NODE_ENV !== "production" && !w && P(`Parent route "${String(m)}" not found when adding child route`, E), b = E) : b = m, t.addRoute(b, w);
+    return Pn(m) ? (w = t.getRecordMatcher(m), O.NODE_ENV !== "production" && !w && P(`Parent route "${String(m)}" not found when adding child route`, E), b = E) : b = m, t.addRoute(b, w);
   }
   function v(m) {
     const E = t.getRecordMatcher(m);
-    E ? t.removeRoute(E) : S.NODE_ENV !== "production" && P(`Cannot remove non-existent route "${String(m)}"`);
+    E ? t.removeRoute(E) : O.NODE_ENV !== "production" && P(`Cannot remove non-existent route "${String(m)}"`);
   }
   function p() {
     return t.getRoutes().map((m) => m.record);
@@ -2298,19 +2292,19 @@ function ls(e) {
   function y(m, E) {
     if (E = I({}, E || l.value), typeof m == "string") {
       const k = ze(n, m, E.path), $ = t.resolve({ path: k.path }, E), re = o.createHref(k.fullPath);
-      return S.NODE_ENV !== "production" && (re.startsWith("//") ? P(`Location "${m}" resolved to "${re}". A resolved location cannot start with multiple slashes.`) : $.matched.length || P(`No match found for location with path "${m}"`)), I(k, $, {
+      return O.NODE_ENV !== "production" && (re.startsWith("//") ? P(`Location "${m}" resolved to "${re}". A resolved location cannot start with multiple slashes.`) : $.matched.length || P(`No match found for location with path "${m}"`)), I(k, $, {
         params: f($.params),
         hash: ae(k.hash),
         redirectedFrom: void 0,
         href: re
       });
     }
-    if (S.NODE_ENV !== "production" && !Ae(m))
+    if (O.NODE_ENV !== "production" && !Te(m))
       return P(`router.resolve() was passed an invalid location. This will fail in production.
 - Location:`, m), y({});
     let w;
     if (m.path != null)
-      S.NODE_ENV !== "production" && "params" in m && !("name" in m) && // @ts-expect-error: the type is never
+      O.NODE_ENV !== "production" && "params" in m && !("name" in m) && // @ts-expect-error: the type is never
       Object.keys(m.params).length && P(`Path "${m.path}" was passed with params but they will be ignored. Use a named route alongside params instead.`), w = I({}, m, {
         path: ze(n, m.path, E.path).path
       });
@@ -2319,16 +2313,16 @@ function ls(e) {
       for (const $ in k)
         k[$] == null && delete k[$];
       w = I({}, m, {
-        params: u(k)
-      }), E.params = u(E.params);
+        params: a(k)
+      }), E.params = a(E.params);
     }
     const b = t.resolve(w, E), T = m.hash || "";
-    S.NODE_ENV !== "production" && T && !T.startsWith("#") && P(`A \`hash\` should always start with the character "#". Replace "${T}" with "#${T}".`), b.params = a(f(b.params));
+    O.NODE_ENV !== "production" && T && !T.startsWith("#") && P(`A \`hash\` should always start with the character "#". Replace "${T}" with "#${T}".`), b.params = c(f(b.params));
     const j = ao(r, I({}, m, {
       hash: to(T),
       path: b.path
     })), V = o.createHref(j);
-    return S.NODE_ENV !== "production" && (V.startsWith("//") ? P(`Location "${m}" resolved to "${V}". A resolved location cannot start with multiple slashes.`) : b.matched.length || P(`No match found for location with path "${m.path != null ? m.path : m}"`)), I({
+    return O.NODE_ENV !== "production" && (V.startsWith("//") ? P(`Location "${m}" resolved to "${V}". A resolved location cannot start with multiple slashes.`) : b.matched.length || P(`No match found for location with path "${m.path != null ? m.path : m}"`)), I({
       fullPath: j,
       // keep the hash encoded so fullPath is effectively path + encodedQuery +
       // hash
@@ -2339,7 +2333,7 @@ function ls(e) {
         // numbers at `$route.query`, but at the point, the user will have to
         // use their own type anyway.
         // https://github.com/vuejs/router/issues/328#issuecomment-649481567
-        r === Dt ? Wo(m.query) : m.query || {}
+        r === Mt ? Wo(m.query) : m.query || {}
       )
     }, b, {
       redirectedFrom: void 0,
@@ -2349,7 +2343,7 @@ function ls(e) {
   function _(m) {
     return typeof m == "string" ? ze(n, m, l.value.path) : I({}, m);
   }
-  function O(m, E) {
+  function S(m, E) {
     if (h !== m)
       return ue(8, {
         from: E,
@@ -2370,7 +2364,7 @@ function ls(e) {
       if (typeof b == "string" && (b = b.includes("?") || b.includes("#") ? b = _(b) : (
         // force empty params
         { path: b }
-      ), b.params = {}), S.NODE_ENV !== "production" && b.path == null && !("name" in b))
+      ), b.params = {}), O.NODE_ENV !== "production" && b.path == null && !("name" in b))
         throw P(`Invalid redirect found:
 ${JSON.stringify(b, null, 2)}
  when navigating to "${m.fullPath}". A redirect must contain a name or path. This will break in production.`), new Error("Invalid redirect");
@@ -2397,7 +2391,7 @@ ${JSON.stringify(b, null, 2)}
     const $ = w;
     $.redirectedFrom = E;
     let re;
-    return !j && Pt(r, b, w) && (re = ue(16, { to: $, from: b }), Et(
+    return !j && kt(r, b, w) && (re = ue(16, { to: $, from: b }), _t(
       b,
       b,
       // this is a push, the only way for it to be triggered from a
@@ -2406,7 +2400,7 @@ ${JSON.stringify(b, null, 2)}
       // This cannot be the first navigation because the initial location
       // cannot be manually navigated to
       !1
-    )), (re ? Promise.resolve(re) : gt($, b)).catch((M) => H(M) ? (
+    )), (re ? Promise.resolve(re) : vt($, b)).catch((M) => H(M) ? (
       // navigation redirects still mark the router as ready
       H(
         M,
@@ -2423,8 +2417,8 @@ ${JSON.stringify(b, null, 2)}
           2
           /* ErrorTypes.NAVIGATION_GUARD_REDIRECT */
         ))
-          return S.NODE_ENV !== "production" && // we are redirecting to the same location we were already at
-          Pt(r, y(M.to), $) && // and we have done it a couple of times
+          return O.NODE_ENV !== "production" && // we are redirecting to the same location we were already at
+          kt(r, y(M.to), $) && // and we have done it a couple of times
           E && // @ts-expect-error: added only in dev
           (E._count = E._count ? (
             // @ts-expect-error
@@ -2443,19 +2437,19 @@ ${JSON.stringify(b, null, 2)}
             E || $
           );
       } else
-        M = yt($, b, !0, V, T);
-      return vt($, b, M), M;
+        M = wt($, b, !0, V, T);
+      return yt($, b, M), M;
     });
   }
   function Le(m, E) {
-    const w = O(m, E);
+    const w = S(m, E);
     return w ? Promise.reject(w) : Promise.resolve();
   }
   function le(m) {
-    const E = ke.values().next().value;
+    const E = Pe.values().next().value;
     return E && typeof E.runWithContext == "function" ? E.runWithContext(m) : m();
   }
-  function gt(m, E) {
+  function vt(m, E) {
     let w;
     const [b, T, j] = fs(m, E);
     w = Qe(b.reverse(), "beforeRouteLeave", m, E);
@@ -2480,7 +2474,7 @@ ${JSON.stringify(b, null, 2)}
       w = [];
       for (const k of j)
         if (k.beforeEnter)
-          if (K(k.beforeEnter))
+          if (U(k.beforeEnter))
             for (const $ of k.beforeEnter)
               w.push(X($, m, E));
           else
@@ -2497,22 +2491,22 @@ ${JSON.stringify(b, null, 2)}
       /* ErrorTypes.NAVIGATION_CANCELLED */
     ) ? k : Promise.reject(k));
   }
-  function vt(m, E, w) {
-    c.list().forEach((b) => le(() => b(m, E, w)));
+  function yt(m, E, w) {
+    u.list().forEach((b) => le(() => b(m, E, w)));
   }
-  function yt(m, E, w, b, T) {
-    const j = O(m, E);
+  function wt(m, E, w, b, T) {
+    const j = S(m, E);
     if (j)
       return j;
     const V = E === Y, k = z ? history.state : {};
     w && (b || V ? o.replace(m.fullPath, I({
       scroll: V && k && k.scroll
-    }, T)) : o.push(m.fullPath, T)), l.value = m, Et(m, E, w, V), Ke();
+    }, T)) : o.push(m.fullPath, T)), l.value = m, _t(m, E, w, V), Ke();
   }
   let fe;
-  function Bn() {
+  function Ln() {
     fe || (fe = o.listen((m, E, w) => {
-      if (!_t.listening)
+      if (!bt.listening)
         return;
       const b = y(m), T = C(b);
       if (T) {
@@ -2521,7 +2515,7 @@ ${JSON.stringify(b, null, 2)}
       }
       h = b;
       const j = l.value;
-      z && po(Vt(j.fullPath, w.delta), Fe()), gt(b, j).catch((V) => H(
+      z && po(Nt(j.fullPath, w.delta), Fe()), vt(b, j).catch((V) => H(
         V,
         12
         /* ErrorTypes.NAVIGATION_CANCELLED */
@@ -2542,7 +2536,7 @@ ${JSON.stringify(b, null, 2)}
           /* ErrorTypes.NAVIGATION_DUPLICATED */
         ) && !w.delta && w.type === ce.pop && o.go(-1, !1);
       }).catch(ve), Promise.reject()) : (w.delta && o.go(-w.delta, !1), Ue(V, b, j))).then((V) => {
-        V = V || yt(
+        V = V || wt(
           // after navigation, all matched components are resolved
           b,
           j,
@@ -2557,34 +2551,34 @@ ${JSON.stringify(b, null, 2)}
           V,
           20
           /* ErrorTypes.NAVIGATION_DUPLICATED */
-        ) && o.go(-1, !1)), vt(b, j, V);
+        ) && o.go(-1, !1)), yt(b, j, V);
       }).catch(ve);
     }));
   }
-  let We = pe(), wt = pe(), Pe;
+  let We = pe(), Et = pe(), Re;
   function Ue(m, E, w) {
     Ke(m);
-    const b = wt.list();
-    return b.length ? b.forEach((T) => T(m, E, w)) : (S.NODE_ENV !== "production" && P("uncaught error during route navigation:"), console.error(m)), Promise.reject(m);
+    const b = Et.list();
+    return b.length ? b.forEach((T) => T(m, E, w)) : (O.NODE_ENV !== "production" && P("uncaught error during route navigation:"), console.error(m)), Promise.reject(m);
   }
-  function Ln() {
-    return Pe && l.value !== Y ? Promise.resolve() : new Promise((m, E) => {
+  function Wn() {
+    return Re && l.value !== Y ? Promise.resolve() : new Promise((m, E) => {
       We.add([m, E]);
     });
   }
   function Ke(m) {
-    return Pe || (Pe = !m, Bn(), We.list().forEach(([E, w]) => m ? w(m) : E()), We.reset()), m;
+    return Re || (Re = !m, Ln(), We.list().forEach(([E, w]) => m ? w(m) : E()), We.reset()), m;
   }
-  function Et(m, E, w, b) {
+  function _t(m, E, w, b) {
     const { scrollBehavior: T } = e;
     if (!z || !T)
       return Promise.resolve();
-    const j = !w && mo(Vt(m.fullPath, 0)) || (b || !w) && history.state && history.state.scroll || null;
-    return Te().then(() => T(m, E, j)).then((V) => V && ho(V)).catch((V) => Ue(V, m, E));
+    const j = !w && mo(Nt(m.fullPath, 0)) || (b || !w) && history.state && history.state.scroll || null;
+    return Ie().then(() => T(m, E, j)).then((V) => V && ho(V)).catch((V) => Ue(V, m, E));
   }
   const Ge = (m) => o.go(m);
   let qe;
-  const ke = /* @__PURE__ */ new Set(), _t = {
+  const Pe = /* @__PURE__ */ new Set(), bt = {
     currentRoute: l,
     listening: !0,
     addRoute: d,
@@ -2601,18 +2595,18 @@ ${JSON.stringify(b, null, 2)}
     forward: () => Ge(1),
     beforeEach: s.add,
     beforeResolve: i.add,
-    afterEach: c.add,
-    onError: wt.add,
-    isReady: Ln,
+    afterEach: u.add,
+    onError: Et.add,
+    isReady: Wn,
     install(m) {
       const E = this;
       m.component("RouterLink", Ho), m.component("RouterView", Yo), m.config.globalProperties.$router = E, Object.defineProperty(m.config.globalProperties, "$route", {
         enumerable: !0,
-        get: () => W(l)
+        get: () => L(l)
       }), z && // used for the initial navigation client side to avoid pushing
       // multiple times when the router is used in multiple apps
       !qe && l.value === Y && (qe = !0, R(o.location).catch((T) => {
-        S.NODE_ENV !== "production" && P("Unexpected error when starting the router:", T);
+        O.NODE_ENV !== "production" && P("Unexpected error when starting the router:", T);
       }));
       const w = {};
       for (const T in Y)
@@ -2620,23 +2614,23 @@ ${JSON.stringify(b, null, 2)}
           get: () => l.value[T],
           enumerable: !0
         });
-      m.provide(Be, E), m.provide(mt, Hn(w)), m.provide(ct, l);
+      m.provide(Be, E), m.provide(gt, zn(w)), m.provide(ct, l);
       const b = m.unmount;
-      ke.add(m), m.unmount = function() {
-        ke.delete(m), ke.size < 1 && (h = Y, fe && fe(), fe = null, l.value = Y, qe = !1, Pe = !1), b();
-      }, S.NODE_ENV !== "production" && z && es(m, E, t);
+      Pe.add(m), m.unmount = function() {
+        Pe.delete(m), Pe.size < 1 && (h = Y, fe && fe(), fe = null, l.value = Y, qe = !1, Re = !1), b();
+      }, O.NODE_ENV !== "production" && z && es(m, E, t);
     }
   };
   function se(m) {
     return m.reduce((E, w) => E.then(() => le(w)), Promise.resolve());
   }
-  return _t;
+  return bt;
 }
 function fs(e, t) {
   const n = [], r = [], o = [], s = Math.max(t.matched.length, e.matched.length);
   for (let i = 0; i < s; i++) {
-    const c = t.matched[i];
-    c && (e.matched.find((h) => te(h, c)) ? r.push(c) : n.push(c));
+    const u = t.matched[i];
+    u && (e.matched.find((h) => te(h, u)) ? r.push(u) : n.push(u));
     const l = e.matched[i];
     l && (t.matched.find((h) => te(h, l)) || o.push(l));
   }
@@ -2646,23 +2640,33 @@ function hs() {
   return ee(Be);
 }
 function ds(e) {
-  return ee(mt);
+  return ee(gt);
+}
+const xn = /* @__PURE__ */ new Map();
+function ps(e) {
+  var t;
+  (t = e.jsFn) == null || t.forEach((n) => {
+    xn.set(n.id, W(n.code));
+  });
+}
+function ms(e) {
+  return xn.get(e);
 }
 function ne(e) {
-  let t = sn(), n = Rr(), r = Tr(e), o = un(), s = hs(), i = ds();
-  function c(p) {
+  let t = sn(), n = Pr(), r = Ar(e), o = un(), s = hs(), i = ds();
+  function u(p) {
     p.scopeSnapshot && (t = p.scopeSnapshot), p.slotSnapshot && (n = p.slotSnapshot), p.vforSnapshot && (r = p.vforSnapshot), p.elementRefSnapshot && (o = p.elementRefSnapshot), p.routerSnapshot && (s = p.routerSnapshot);
   }
   function l(p) {
     if (N.isVar(p))
       return q(h(p));
     if (N.isVForItem(p))
-      return $r(p.fid) ? r.getVForIndex(p.fid) : q(h(p));
+      return jr(p.fid) ? r.getVForIndex(p.fid) : q(h(p));
     if (N.isVForIndex(p))
       return r.getVForIndex(p.fid);
-    if (N.isJs(p)) {
-      const { code: g, bind: y } = p, _ = Oe(y, (O) => a(O));
-      return xr(g, _)();
+    if (N.isJsFn(p)) {
+      const { id: g } = p;
+      return ms(g);
     }
     if (N.isSlotProp(p))
       return n.getPropsValue(p);
@@ -2672,14 +2676,14 @@ function ne(e) {
   }
   function h(p) {
     if (N.isVar(p)) {
-      const g = t.getVueRef(p) || yr(p);
-      return bt(g, {
+      const g = t.getVueRef(p) || wr(p);
+      return Ot(g, {
         paths: p.path,
         getBindableValueFn: l
       });
     }
     if (N.isVForItem(p))
-      return Ar({
+      return $r({
         binding: p,
         snapshot: v
       });
@@ -2687,25 +2691,23 @@ function ne(e) {
       return () => l(p);
     if (N.isRouterParams(p)) {
       const { prop: g = "params" } = p;
-      return bt(() => i[g], {
+      return Ot(() => i[g], {
         paths: p.path,
         getBindableValueFn: l
       });
     }
     throw new Error(`Invalid binding: ${p}`);
   }
-  function a(p) {
+  function c(p) {
     if (N.isVar(p) || N.isVForItem(p))
       return h(p);
-    if (N.isVForIndex(p))
+    if (N.isVForIndex(p) || N.isJsFn(p))
       return l(p);
-    if (N.isJs(p))
-      return null;
     if (N.isRouterParams(p))
       return h(p);
     throw new Error(`Invalid binding: ${p}`);
   }
-  function u(p) {
+  function a(p) {
     if (N.isVar(p))
       return {
         sid: p.sid,
@@ -2722,8 +2724,8 @@ function ne(e) {
         fid: p.fid,
         value: null
       };
-    if (N.isJs(p))
-      return null;
+    if (N.isJsFn(p))
+      return l(p);
   }
   function f(p) {
     var g, y;
@@ -2737,34 +2739,29 @@ function ne(e) {
     });
   }
   function d(p, g) {
-    if (St(g) || St(p.values))
+    if (Rt(g) || Rt(p.values))
       return;
     g = g;
     const y = p.values, _ = p.skips || new Array(g.length).fill(0);
-    g.forEach((O, R) => {
+    g.forEach((S, R) => {
       if (_[R] === 1)
         return;
-      if (N.isVar(O)) {
-        const C = h(O);
+      if (N.isVar(S)) {
+        const C = h(S);
         C.value = y[R];
         return;
       }
-      if (N.isRouterAction(O)) {
+      if (N.isRouterAction(S)) {
         const C = y[R], x = s[C.fn];
         x(...C.args);
         return;
       }
-      if (N.isElementRef(O)) {
-        const C = o.getRef(O).value, x = y[R], { method: Le, args: le = [] } = x;
+      if (N.isElementRef(S)) {
+        const C = o.getRef(S).value, x = y[R], { method: Le, args: le = [] } = x;
         C[Le](...le);
         return;
       }
-      if (N.isJsOutput(O)) {
-        const C = y[R], x = L(C);
-        typeof x == "function" && x();
-        return;
-      }
-      const D = h(O);
+      const D = h(S);
       D.value = y[R];
     });
   }
@@ -2772,19 +2769,19 @@ function ne(e) {
     getVForIndex: r.getVForIndex,
     getObjectToValue: l,
     getVueRefObject: h,
-    getVueRefObjectOrValue: a,
-    getBindingServerInfo: u,
+    getVueRefObjectOrValue: c,
+    getBindingServerInfo: a,
     updateRefFromServer: f,
     updateOutputsRefFromServer: d,
-    replaceSnapshot: c
+    replaceSnapshot: u
   };
   return v;
 }
-class ps {
+class gs {
   async eventSend(t, n) {
-    const { fType: r, hKey: o, key: s } = t, i = Xe().webServerInfo, c = s !== void 0 ? { key: s } : {}, l = r === "sync" ? i.event_url : i.event_async_url;
+    const { fType: r, hKey: o, key: s } = t, i = Xe().webServerInfo, u = s !== void 0 ? { key: s } : {}, l = r === "sync" ? i.event_url : i.event_async_url;
     let h = {};
-    const a = await fetch(l, {
+    const c = await fetch(l, {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
@@ -2792,19 +2789,19 @@ class ps {
       body: JSON.stringify({
         bind: n,
         hKey: o,
-        ...c,
+        ...u,
         page: ye(),
         ...h
       })
     });
-    if (!a.ok)
-      throw new Error(`HTTP error! status: ${a.status}`);
-    return await a.json();
+    if (!c.ok)
+      throw new Error(`HTTP error! status: ${c.status}`);
+    return await c.json();
   }
   async watchSend(t) {
-    const { outputs: n, fType: r, key: o } = t.watchConfig, s = Xe().webServerInfo, i = r === "sync" ? s.watch_url : s.watch_async_url, c = t.getServerInputs(), l = {
+    const { outputs: n, fType: r, key: o } = t.watchConfig, s = Xe().webServerInfo, i = r === "sync" ? s.watch_url : s.watch_async_url, u = t.getServerInputs(), l = {
       key: o,
-      input: c,
+      input: u,
       page: ye()
     };
     return await (await fetch(i, {
@@ -2816,17 +2813,17 @@ class ps {
     })).json();
   }
 }
-class ms {
+class vs {
   async eventSend(t, n) {
     const { fType: r, hKey: o, key: s } = t, i = s !== void 0 ? { key: s } : {};
-    let c = {};
+    let u = {};
     const l = {
       bind: n,
       fType: r,
       hKey: o,
       ...i,
       page: ye(),
-      ...c
+      ...u
     };
     return await window.pywebview.api.event_call(l);
   }
@@ -2841,20 +2838,20 @@ class ms {
   }
 }
 let lt;
-function gs(e) {
+function ys(e) {
   switch (e.mode) {
     case "web":
-      lt = new ps();
+      lt = new gs();
       break;
     case "webview":
-      lt = new ms();
+      lt = new vs();
       break;
   }
 }
-function xn() {
+function Dn() {
   return lt;
 }
-function vs(e) {
+function ws(e) {
   const t = {
     type: "var",
     sid: e.sid,
@@ -2866,10 +2863,10 @@ function vs(e) {
     outputs: [t, ...e.outputs || []]
   };
 }
-function ys(e, t, n) {
-  return new ws(e, t, n);
+function Es(e, t, n) {
+  return new _s(e, t, n);
 }
-class ws {
+class _s {
   constructor(t, n, r) {
     B(this, "taskQueue", []);
     B(this, "id2TaskMap", /* @__PURE__ */ new Map());
@@ -2877,41 +2874,41 @@ class ws {
     this.snapshots = r;
     const o = [], s = (i) => {
       var l;
-      const c = new Es(i, r);
-      return this.id2TaskMap.set(c.id, c), (l = i.inputs) == null || l.forEach((h, a) => {
+      const u = new bs(i, r);
+      return this.id2TaskMap.set(u.id, u), (l = i.inputs) == null || l.forEach((h, c) => {
         var f, d;
-        if (((f = i.data) == null ? void 0 : f[a]) === 0 && ((d = i.slient) == null ? void 0 : d[a]) === 0) {
+        if (((f = i.data) == null ? void 0 : f[c]) === 0 && ((d = i.slient) == null ? void 0 : d[c]) === 0) {
           const v = `${h.sid}-${h.id}`;
-          this.input2TaskIdMap.getOrDefault(v).push(c.id);
+          this.input2TaskIdMap.getOrDefault(v).push(u.id);
         }
-      }), c;
+      }), u;
     };
     t == null || t.forEach((i) => {
-      const c = s(i);
-      o.push(c);
+      const u = s(i);
+      o.push(u);
     }), n == null || n.forEach((i) => {
-      const c = s(
-        vs(i)
+      const u = s(
+        ws(i)
       );
-      o.push(c);
+      o.push(u);
     }), o.forEach((i) => {
       const {
-        deep: c = !0,
+        deep: u = !0,
         once: l,
         flush: h,
-        immediate: a = !0
-      } = i.watchConfig, u = {
-        immediate: a,
-        deep: c,
+        immediate: c = !0
+      } = i.watchConfig, a = {
+        immediate: c,
+        deep: u,
         once: l,
         flush: h
       }, f = this._getWatchTargets(i);
       G(
         f,
         (d) => {
-          d.some(Ee) || (i.modify = !0, this.taskQueue.push(new _s(i)), this._scheduleNextTick());
+          d.some(Ee) || (i.modify = !0, this.taskQueue.push(new Ss(i)), this._scheduleNextTick());
         },
-        u
+        a
       );
     });
   }
@@ -2924,7 +2921,7 @@ class ws {
     ).map((s) => this.snapshots.getVueRefObjectOrValue(s));
   }
   _scheduleNextTick() {
-    Te(() => this._runAllTasks());
+    Ie(() => this._runAllTasks());
   }
   _runAllTasks() {
     const t = this.taskQueue.slice();
@@ -2959,7 +2956,7 @@ class ws {
     }), n;
   }
 }
-class Es {
+class bs {
   constructor(t, n) {
     B(this, "modify", !0);
     B(this, "_running", !1);
@@ -3015,7 +3012,7 @@ class Es {
     }
   }
 }
-class _s {
+class Ss {
   /**
    *
    */
@@ -3068,45 +3065,45 @@ class _s {
   }
 }
 async function Os(e) {
-  const { snapshot: t } = e, { outputs: n } = e.watchConfig, r = await xn().watchSend(e);
+  const { snapshot: t } = e, { outputs: n } = e.watchConfig, r = await Dn().watchSend(e);
   r && t.updateOutputsRefFromServer(r, n);
 }
-function bs(e, t) {
+function Rs(e, t) {
   const {
     on: n,
     code: r,
     immediate: o,
     deep: s,
     once: i,
-    flush: c,
+    flush: u,
     bind: l = {},
     onData: h,
-    bindData: a
-  } = e, u = h || new Array(n.length).fill(0), f = a || new Array(Object.keys(l).length).fill(0), d = Oe(
+    bindData: c
+  } = e, a = h || new Array(n.length).fill(0), f = c || new Array(Object.keys(l).length).fill(0), d = De(
     l,
     (g, y, _) => f[_] === 0 ? t.getVueRefObject(g) : g
-  ), v = L(r, d), p = n.length === 1 ? Ut(u[0] === 1, n[0], t) : n.map(
-    (g, y) => Ut(u[y] === 1, g, t)
+  ), v = W(r, d), p = n.length === 1 ? Kt(a[0] === 1, n[0], t) : n.map(
+    (g, y) => Kt(a[y] === 1, g, t)
   );
-  return G(p, v, { immediate: o, deep: s, once: i, flush: c });
+  return G(p, v, { immediate: o, deep: s, once: i, flush: u });
 }
-function Ut(e, t, n) {
+function Kt(e, t, n) {
   return e ? () => t : n.getVueRefObject(t);
 }
-function Ss(e, t) {
+function Ps(e, t) {
   const {
     inputs: n = [],
     outputs: r,
     slient: o,
     data: s,
     code: i,
-    immediate: c = !0,
+    immediate: u = !0,
     deep: l,
     once: h,
-    flush: a
-  } = e, u = o || new Array(n.length).fill(0), f = s || new Array(n.length).fill(0), d = L(i), v = n.filter((g, y) => u[y] === 0 && f[y] === 0).map((g) => t.getVueRefObject(g));
+    flush: c
+  } = e, a = o || new Array(n.length).fill(0), f = s || new Array(n.length).fill(0), d = W(i), v = n.filter((g, y) => a[y] === 0 && f[y] === 0).map((g) => t.getVueRefObject(g));
   function p() {
-    return n.map((g, y) => f[y] === 0 ? tn(q(t.getVueRefObject(g))) : g);
+    return n.map((g, y) => f[y] === 0 ? nn(q(t.getVueRefObject(g))) : g);
   }
   G(
     v,
@@ -3114,35 +3111,35 @@ function Ss(e, t) {
       let g = d(...p());
       if (!r)
         return;
-      const _ = r.length === 1 ? [g] : g, O = _.map((R) => R === void 0 ? 1 : 0);
+      const _ = r.length === 1 ? [g] : g, S = _.map((R) => R === void 0 ? 1 : 0);
       t.updateOutputsRefFromServer(
-        { values: _, skips: O },
+        { values: _, skips: S },
         r
       );
     },
-    { immediate: c, deep: l, once: h, flush: a }
+    { immediate: u, deep: l, once: h, flush: c }
   );
 }
-function Rs(e, t) {
+function ks(e, t) {
   return Object.assign(
     {},
     ...Object.entries(e ?? {}).map(([n, r]) => {
-      const o = r.map((c) => {
-        if (c.type === "web") {
-          const l = Ps(c.bind, t);
-          return ks(c, l, t);
+      const o = r.map((u) => {
+        if (u.type === "web") {
+          const l = Vs(u.bind, t);
+          return Ns(u, l, t);
         } else {
-          if (c.type === "vue")
-            return Ns(c, t);
-          if (c.type === "js")
-            return Vs(c, t);
+          if (u.type === "vue")
+            return Ts(u, t);
+          if (u.type === "js")
+            return Is(u, t);
         }
-        throw new Error(`unknown event type ${c}`);
-      }), i = L(
+        throw new Error(`unknown event type ${u}`);
+      }), i = W(
         " (...args)=> Promise.all(promises(...args))",
         {
-          promises: (...c) => o.map(async (l) => {
-            await l(...c);
+          promises: (...u) => o.map(async (l) => {
+            await l(...u);
           })
         }
       );
@@ -3150,74 +3147,74 @@ function Rs(e, t) {
     })
   );
 }
-function Ps(e, t) {
+function Vs(e, t) {
   return (...n) => (e ?? []).map((r) => {
     if (N.isEventContext(r)) {
       if (r.path.startsWith(":")) {
         const o = r.path.slice(1);
-        return L(o)(...n);
+        return W(o)(...n);
       }
       return be(n[0], r.path.split("."));
     }
     return N.IsBinding(r) ? t.getObjectToValue(r) : r;
   });
 }
-function ks(e, t, n) {
+function Ns(e, t, n) {
   async function r(...o) {
-    const s = t(...o), i = await xn().eventSend(e, s);
+    const s = t(...o), i = await Dn().eventSend(e, s);
     i && n.updateOutputsRefFromServer(i, e.set);
   }
   return r;
 }
-function Vs(e, t) {
-  const { code: n, inputs: r = [], set: o } = e, s = L(n);
-  function i(...c) {
-    const l = (r ?? []).map((a) => {
-      if (N.isEventContext(a)) {
-        if (a.path.startsWith(":")) {
-          const u = a.path.slice(1);
-          return L(u)(...c);
+function Is(e, t) {
+  const { code: n, inputs: r = [], set: o } = e, s = W(n);
+  function i(...u) {
+    const l = (r ?? []).map((c) => {
+      if (N.isEventContext(c)) {
+        if (c.path.startsWith(":")) {
+          const a = c.path.slice(1);
+          return W(a)(...u);
         }
-        return be(c[0], a.path.split("."));
+        return be(u[0], c.path.split("."));
       }
-      return N.IsBinding(a) ? tn(t.getObjectToValue(a)) : a;
+      return N.IsBinding(c) ? nn(t.getObjectToValue(c)) : c;
     }), h = s(...l);
     if (o !== void 0) {
-      const u = o.length === 1 ? [h] : h, f = u.map((d) => d === void 0 ? 1 : 0);
-      t.updateOutputsRefFromServer({ values: u, skips: f }, o);
+      const a = o.length === 1 ? [h] : h, f = a.map((d) => d === void 0 ? 1 : 0);
+      t.updateOutputsRefFromServer({ values: a, skips: f }, o);
     }
   }
   return i;
 }
-function Ns(e, t) {
-  const { code: n, bind: r = {}, bindData: o } = e, s = o || new Array(Object.keys(r).length).fill(0), i = Oe(
+function Ts(e, t) {
+  const { code: n, bind: r = {}, bindData: o } = e, s = o || new Array(Object.keys(r).length).fill(0), i = De(
     r,
-    (h, a, u) => s[u] === 0 ? t.getVueRefObject(h) : h
-  ), c = L(n, i);
+    (h, c, a) => s[a] === 0 ? t.getVueRefObject(h) : h
+  ), u = W(n, i);
   function l(...h) {
-    c(...h);
+    u(...h);
   }
   return l;
 }
-function Is(e, t) {
+function As(e, t) {
   const n = [];
   (e.bStyle || []).forEach((s) => {
     Array.isArray(s) ? n.push(
       ...s.map((i) => t.getObjectToValue(i))
     ) : n.push(
-      Oe(
+      De(
         s,
         (i) => t.getObjectToValue(i)
       )
     );
   });
-  const r = Jn([e.style || {}, n]);
+  const r = Qn([e.style || {}, n]);
   return {
     hasStyle: r && Object.keys(r).length > 0,
     styles: r
   };
 }
-function Ts(e, t) {
+function $s(e, t) {
   const n = e.classes;
   if (!n)
     return null;
@@ -3225,16 +3222,16 @@ function Ts(e, t) {
     return Ye(n);
   const { str: r, map: o, bind: s } = n, i = [];
   return r && i.push(r), o && i.push(
-    Oe(
+    De(
       o,
-      (c) => t.getObjectToValue(c)
+      (u) => t.getObjectToValue(u)
     )
-  ), s && i.push(...s.map((c) => t.getObjectToValue(c))), Ye(i);
+  ), s && i.push(...s.map((u) => t.getObjectToValue(u))), Ye(i);
 }
-function $e(e, t = !0) {
+function Ae(e, t = !0) {
   if (!(typeof e != "object" || e === null)) {
     if (Array.isArray(e)) {
-      t && e.forEach((n) => $e(n, !0));
+      t && e.forEach((n) => Ae(n, !0));
       return;
     }
     for (const [n, r] of Object.entries(e))
@@ -3248,66 +3245,66 @@ function $e(e, t = !0) {
           );
         }
       else
-        t && $e(r, !0);
+        t && Ae(r, !0);
   }
 }
-function As(e, t) {
+function js(e, t) {
   const n = e.startsWith(":");
-  return n && (e = e.slice(1), t = L(t)), { name: e, value: t, isFunc: n };
+  return n && (e = e.slice(1), t = W(t)), { name: e, value: t, isFunc: n };
 }
-function $s(e, t, n) {
+function Cs(e, t, n) {
   var o;
   const r = {};
-  return Ot(e.bProps || {}, (s, i) => {
-    const c = n.getObjectToValue(s);
-    Ee(c) || ($e(c), r[i] = js(c, i));
+  return St(e.bProps || {}, (s, i) => {
+    const u = n.getObjectToValue(s);
+    Ee(u) || (Ae(u), r[i] = xs(u, i));
   }), (o = e.proxyProps) == null || o.forEach((s) => {
     const i = n.getObjectToValue(s);
-    typeof i == "object" && Ot(i, (c, l) => {
-      const { name: h, value: a } = As(l, c);
-      r[h] = a;
+    typeof i == "object" && St(i, (u, l) => {
+      const { name: h, value: c } = js(l, u);
+      r[h] = c;
     });
   }), { ...t || {}, ...r };
 }
-function js(e, t) {
-  return t === "innerText" ? Jt(e) : e;
+function xs(e, t) {
+  return t === "innerText" ? Qt(e) : e;
 }
-function Cs(e, { slots: t }) {
-  const { id: n, use: r } = e.propsInfo, o = Or(n);
-  return xe(() => {
-    Sr(n);
+function Ds(e, { slots: t }) {
+  const { id: n, use: r } = e.propsInfo, o = Sr(n);
+  return Ce(() => {
+    Rr(n);
   }), () => {
     const s = e.propsValue;
-    return br(
+    return Or(
       n,
       o,
       Object.fromEntries(
         r.map((i) => [i, s[i]])
       )
-    ), A(De, null, t.default());
+    ), A(xe, null, t.default());
   };
 }
-const xs = F(Cs, {
+const Ms = F(Ds, {
   props: ["propsInfo", "propsValue"]
 });
-function Ds(e, t) {
+function Fs(e, t) {
   if (!e.slots)
     return null;
   const n = e.slots ?? {};
-  return Array.isArray(n) ? t ? ge(n) : () => ge(n) : Xt(n, { keyFn: (i) => i === ":" ? "default" : i, valueFn: (i) => {
-    const { items: c } = i;
+  return Array.isArray(n) ? t ? ge(n) : () => ge(n) : Zt(n, { keyFn: (i) => i === ":" ? "default" : i, valueFn: (i) => {
+    const { items: u } = i;
     return (l) => {
       if (i.scope) {
-        const h = () => i.props ? Kt(i.props, l, c) : ge(c);
-        return A(Re, { scope: i.scope }, h);
+        const h = () => i.props ? Gt(i.props, l, u) : ge(u);
+        return A(Oe, { scope: i.scope }, h);
       }
-      return i.props ? Kt(i.props, l, c) : ge(c);
+      return i.props ? Gt(i.props, l, u) : ge(u);
     };
   } });
 }
-function Kt(e, t, n) {
+function Gt(e, t, n) {
   return A(
-    xs,
+    Ms,
     { propsInfo: e, propsValue: t },
     () => ge(n)
   );
@@ -3318,22 +3315,22 @@ function ge(e) {
   }));
   return t.length <= 0 ? null : t;
 }
-function Ms(e, t) {
+function Bs(e, t) {
   const n = {}, r = [];
   return (e || []).forEach((o) => {
-    const { sys: s, name: i, arg: c, value: l, mf: h } = o;
+    const { sys: s, name: i, arg: u, value: l, mf: h } = o;
     if (i === "vmodel") {
-      const a = t.getVueRefObject(l);
-      if (n[`onUpdate:${c}`] = (u) => {
-        a.value = u;
+      const c = t.getVueRefObject(l);
+      if (n[`onUpdate:${u}`] = (a) => {
+        c.value = a;
       }, s === 1) {
-        const u = h ? Object.fromEntries(h.map((f) => [f, !0])) : {};
-        r.push([Qn, a.value, void 0, u]);
+        const a = h ? Object.fromEntries(h.map((f) => [f, !0])) : {};
+        r.push([Yn, c.value, void 0, a]);
       } else
-        n[c] = a.value;
+        n[u] = c.value;
     } else if (i === "vshow") {
-      const a = t.getVueRefObject(l);
-      r.push([Yn, a.value]);
+      const c = t.getVueRefObject(l);
+      r.push([Xn, c.value]);
     } else
       console.warn(`Directive ${i} is not supported yet`);
   }), {
@@ -3341,56 +3338,56 @@ function Ms(e, t) {
     directiveArray: r
   };
 }
-function Fs(e, t) {
+function Ls(e, t) {
   const { eRef: n } = e;
   return n === void 0 ? {} : { ref: t.getRef(n) };
 }
-function Bs(e) {
+function Ws(e) {
   const t = ne(), n = un(), r = e.component.props ?? {};
-  return $e(r, !0), () => {
-    const { tag: o } = e.component, s = N.IsBinding(o) ? t.getObjectToValue(o) : o, i = ft(s), c = typeof i == "string", l = Ts(e.component, t), { styles: h, hasStyle: a } = Is(e.component, t), u = Rs(e.component.events ?? {}, t), f = Ds(e.component, c), d = $s(e.component, r, t), { newProps: v, directiveArray: p } = Ms(
+  return Ae(r, !0), () => {
+    const { tag: o } = e.component, s = N.IsBinding(o) ? t.getObjectToValue(o) : o, i = ft(s), u = typeof i == "string", l = $s(e.component, t), { styles: h, hasStyle: c } = As(e.component, t), a = ks(e.component.events ?? {}, t), f = Fs(e.component, u), d = Cs(e.component, r, t), { newProps: v, directiveArray: p } = Bs(
       e.component.dir,
       t
-    ), g = Fs(
+    ), g = Ls(
       e.component,
       n
-    ), y = Xn({
+    ), y = Zn({
       ...d,
-      ...u,
+      ...a,
       ...v,
       ...g
     }) || {};
-    a && (y.style = h), l && (y.class = l);
+    c && (y.style = h), l && (y.class = l);
     const _ = A(i, { ...y }, f);
-    return p.length > 0 ? Zn(
+    return p.length > 0 ? er(
       // @ts-ignore
       _,
       p
     ) : _;
   };
 }
-const Q = F(Bs, {
+const Q = F(Ws, {
   props: ["component"]
 });
-function Dn(e, t) {
+function Mn(e, t) {
   var n, r;
   if (e) {
-    const o = Er(e), s = on(e, ne(t)), i = ne(t);
-    ys(e.py_watch, e.web_computed, i), (n = e.vue_watch) == null || n.forEach((c) => bs(c, i)), (r = e.js_watch) == null || r.forEach((c) => Ss(c, i)), xe(() => {
-      cn(e.id, s), _r(e.id, o);
+    const o = _r(e), s = on(e, ne(t)), i = ne(t);
+    Es(e.py_watch, e.web_computed, i), (n = e.vue_watch) == null || n.forEach((u) => Rs(u, i)), (r = e.js_watch) == null || r.forEach((u) => Ps(u, i)), Ce(() => {
+      cn(e.id, s), br(e.id, o);
     });
   }
 }
-function Ls(e, { slots: t }) {
+function Us(e, { slots: t }) {
   const { scope: n } = e;
-  return Dn(n), () => A(De, null, t.default());
+  return Mn(n), () => A(xe, null, t.default());
 }
-const Re = F(Ls, {
+const Oe = F(Us, {
   props: ["scope"]
-}), Ws = F(
+}), Ks = F(
   (e) => {
     const { scope: t, items: n, vforInfo: r } = e;
-    return Pr(r), Dn(t, r.key), n.length === 1 ? () => A(Q, {
+    return kr(r), Mn(t, r.key), n.length === 1 ? () => A(Q, {
       component: n[0]
     }) : () => n.map(
       (s) => A(Q, {
@@ -3402,8 +3399,8 @@ const Re = F(Ls, {
     props: ["scope", "items", "vforInfo"]
   }
 );
-function Us(e, t) {
-  const { state: n, isReady: r, isLoading: o } = hr(async () => {
+function Gs(e, t) {
+  const { state: n, isReady: r, isLoading: o } = dr(async () => {
     let s = e;
     const i = t;
     if (!s && !i)
@@ -3414,45 +3411,45 @@ function Us(e, t) {
   }, {});
   return { config: n, isReady: r, isLoading: o };
 }
-function Ks(e, t) {
+function qs(e, t) {
   let n;
   return t.component ? n = `Error captured from component:tag: ${t.component.tag} ; id: ${t.component.id} ` : n = "Error captured from app init", console.group(n), console.error("Component:", t.component), console.error("Error:", e), console.groupEnd(), !1;
 }
-const Gs = { class: "app-box" }, qs = {
+const Hs = { class: "app-box" }, zs = {
   key: 0,
   style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)" }
-}, Hs = /* @__PURE__ */ F({
+}, Js = /* @__PURE__ */ F({
   __name: "App",
   props: {
     config: {},
     configUrl: {}
   },
   setup(e) {
-    const t = e, { config: n, isLoading: r } = Us(
+    const t = e, { config: n, isLoading: r } = Gs(
       t.config,
       t.configUrl
     );
     let o = null;
     return G(n, (s) => {
-      o = s, s.url && (ar({
+      o = s, s.url && (cr({
         mode: s.mode,
         version: s.version,
         queryPath: s.url.path,
         pathParams: s.url.params,
         webServerInfo: s.webInfo
-      }), gs(s));
-    }), er(Ks), (s, i) => (he(), Ve("div", Gs, [
-      W(r) ? (he(), Ve("div", qs, i[0] || (i[0] = [
-        tr("p", { style: { margin: "auto" } }, "Loading ...", -1)
-      ]))) : (he(), Ve("div", {
+      }), ys(s), ps(s));
+    }), tr(qs), (s, i) => (he(), ke("div", Hs, [
+      L(r) ? (he(), ke("div", zs, i[0] || (i[0] = [
+        nr("p", { style: { margin: "auto" } }, "Loading ...", -1)
+      ]))) : (he(), ke("div", {
         key: 1,
-        class: Ye(["insta-main", W(n).class])
+        class: Ye(["insta-main", L(n).class])
       }, [
-        nr(W(Re), {
-          scope: W(o).scope
+        rr(L(Oe), {
+          scope: L(o).scope
         }, {
-          default: rr(() => [
-            (he(!0), Ve(De, null, or(W(o).items, (c) => (he(), sr(W(Q), { component: c }, null, 8, ["component"]))), 256))
+          default: or(() => [
+            (he(!0), ke(xe, null, sr(L(o).items, (u) => (he(), ir(L(Q), { component: u }, null, 8, ["component"]))), 256))
           ]),
           _: 1
         }, 8, ["scope"])
@@ -3460,19 +3457,19 @@ const Gs = { class: "app-box" }, qs = {
     ]));
   }
 });
-function zs(e) {
+function Qs(e) {
   const { on: t, scope: n, items: r } = e, o = ne();
   return () => {
     const s = typeof t == "boolean" ? t : o.getObjectToValue(t);
-    return A(Re, { scope: n }, () => s ? r.map(
-      (c) => A(Q, { component: c })
+    return A(Oe, { scope: n }, () => s ? r.map(
+      (u) => A(Q, { component: u })
     ) : void 0);
   };
 }
-const Js = F(zs, {
+const Ys = F(Qs, {
   props: ["on", "scope", "items"]
 });
-function Qs(e) {
+function Xs(e) {
   const { start: t = 0, end: n, step: r = 1 } = e;
   let o = [];
   if (r > 0)
@@ -3483,22 +3480,22 @@ function Qs(e) {
       o.push(s);
   return o;
 }
-function Ys(e) {
-  const { array: t, bArray: n, items: r, fkey: o, fid: s, scope: i, num: c, tsGroup: l = {} } = e, h = t === void 0, a = c !== void 0, u = h ? n : t, f = ne();
-  Vr(s, u, h, a);
-  const v = ni(o ?? "index");
-  return xe(() => {
-    wr(i.id);
+function Zs(e) {
+  const { array: t, bArray: n, items: r, fkey: o, fid: s, scope: i, num: u, tsGroup: l = {} } = e, h = t === void 0, c = u !== void 0, a = h ? n : t, f = ne();
+  Nr(s, a, h, c);
+  const v = oi(o ?? "index");
+  return Ce(() => {
+    Er(i.id);
   }), () => {
-    const p = Zs(
-      a,
+    const p = ti(
+      c,
       h,
-      u,
+      a,
       f,
-      c
-    ), g = Ir(s), y = p.map((_, O) => {
-      const R = v(_, O);
-      return g.add(R), Nr(s, R, O), A(Ws, {
+      u
+    ), g = Tr(s), y = p.map((_, S) => {
+      const R = v(_, S);
+      return g.add(R), Ir(s, R, S), A(Ks, {
         scope: e.scope,
         items: r,
         vforInfo: {
@@ -3508,81 +3505,81 @@ function Ys(e) {
         key: R
       });
     });
-    return g.removeUnusedKeys(), l && Object.keys(l).length > 0 ? A(Qt, l, {
+    return g.removeUnusedKeys(), l && Object.keys(l).length > 0 ? A(Yt, l, {
       default: () => y
     }) : y;
   };
 }
-const Xs = F(Ys, {
+const ei = F(Zs, {
   props: ["array", "items", "fid", "bArray", "scope", "num", "fkey", "tsGroup"]
 });
-function Zs(e, t, n, r, o) {
+function ti(e, t, n, r, o) {
   if (e) {
     let i = 0;
-    return typeof o == "number" ? i = o : i = r.getObjectToValue(o) ?? 0, Qs({
+    return typeof o == "number" ? i = o : i = r.getObjectToValue(o) ?? 0, Xs({
       end: Math.max(0, i)
     });
   }
   const s = t ? r.getObjectToValue(n) || [] : n;
   return typeof s == "object" ? Object.values(s) : s;
 }
-const ei = (e) => e, ti = (e, t) => t;
-function ni(e) {
-  const t = dr(e);
-  return typeof t == "function" ? t : e === "item" ? ei : ti;
+const ni = (e) => e, ri = (e, t) => t;
+function oi(e) {
+  const t = pr(e);
+  return typeof t == "function" ? t : e === "item" ? ni : ri;
 }
-function ri(e) {
+function si(e) {
   return e.map((n) => {
     if (n.tag)
       return A(Q, { component: n });
-    const r = ft(Mn);
+    const r = ft(Fn);
     return A(r, {
       scope: n
     });
   });
 }
-const Mn = F(
+const Fn = F(
   (e) => {
     const t = e.scope;
-    return () => ri(t.items ?? []);
+    return () => si(t.items ?? []);
   },
   {
     props: ["scope"]
   }
 );
-function oi(e) {
+function ii(e) {
   return e.map((t) => {
     if (t.tag)
       return A(Q, { component: t });
-    const n = ft(Mn);
+    const n = ft(Fn);
     return A(n, {
       scope: t
     });
   });
 }
-const si = F(
+const ai = F(
   (e) => {
     const { scope: t, on: n, items: r } = e, o = J(r), s = on(t), i = ne();
-    return je.createDynamicWatchRefresh(n, i, async () => {
-      const { items: c, on: l } = await je.fetchRemote(e, i);
-      return o.value = c, l;
-    }), xe(() => {
+    return $e.createDynamicWatchRefresh(n, i, async () => {
+      const { items: u, on: l } = await $e.fetchRemote(e, i);
+      return o.value = u, l;
+    }), Ce(() => {
       cn(t.id, s);
-    }), () => oi(o.value);
+    }), () => ii(o.value);
   },
   {
     props: ["sid", "url", "hKey", "on", "bind", "items", "scope"]
   }
 );
-var je;
+var $e;
 ((e) => {
   function t(r, o, s) {
-    let i = null, c = r, l = c.map((a) => o.getVueRefObject(a));
+    let i = null, u = r, l = u.map((c) => o.getVueRefObject(c));
     function h() {
       i && i(), i = G(
         l,
         async () => {
-          c = await s(), l = c.map((a) => o.getVueRefObject(a)), h();
+          u = await s(), l = u.map((c) => o.getVueRefObject(c)), h();
         },
         { deep: !0 }
       );
@@ -3593,125 +3590,125 @@ var je;
   }
   e.createDynamicWatchRefresh = t;
   async function n(r, o) {
-    const s = Object.values(r.bind).map((a) => ({
-      sid: a.sid,
-      id: a.id,
-      value: o.getObjectToValue(a)
+    const s = Object.values(r.bind).map((c) => ({
+      sid: c.sid,
+      id: c.id,
+      value: o.getObjectToValue(c)
     })), i = {
       sid: r.sid,
       bind: s,
       hKey: r.hKey,
       page: ye()
-    }, c = {
+    }, u = {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
       body: JSON.stringify(i)
-    }, l = await fetch(r.url, c);
+    }, l = await fetch(r.url, u);
     if (!l.ok)
       throw new Error("Failed to fetch data");
     return await l.json();
   }
   e.fetchRemote = n;
-})(je || (je = {}));
-function ii(e) {
+})($e || ($e = {}));
+function ci(e) {
   const { scope: t, items: n } = e;
   return () => {
     const r = n.map((o) => A(Q, { component: o }));
-    return A(Re, { scope: t }, () => r);
+    return A(Oe, { scope: t }, () => r);
   };
 }
-const Gt = F(ii, {
+const qt = F(ci, {
   props: ["scope", "items"]
 });
-function ai(e) {
+function ui(e) {
   const { on: t, case: n, default: r } = e, o = ne();
   return () => {
-    const s = o.getObjectToValue(t), i = n.map((c) => {
-      const { value: l, items: h, scope: a } = c.props;
+    const s = o.getObjectToValue(t), i = n.map((u) => {
+      const { value: l, items: h, scope: c } = u.props;
       if (s === l)
-        return A(Gt, {
-          scope: a,
+        return A(qt, {
+          scope: c,
           items: h,
           key: ["case", l].join("-")
         });
-    }).filter((c) => c);
+    }).filter((u) => u);
     if (r && !i.length) {
-      const { items: c, scope: l } = r.props;
-      i.push(A(Gt, { scope: l, items: c, key: "default" }));
+      const { items: u, scope: l } = r.props;
+      i.push(A(qt, { scope: l, items: u, key: "default" }));
     }
-    return A(De, i);
+    return A(xe, i);
   };
 }
-const ci = F(ai, {
+const li = F(ui, {
   props: ["case", "on", "default"]
 });
-function ui(e, { slots: t }) {
+function fi(e, { slots: t }) {
   const { name: n = "fade", tag: r } = e;
   return () => A(
-    Qt,
+    Yt,
     { name: n, tag: r },
     {
       default: t.default
     }
   );
 }
-const li = F(ui, {
+const hi = F(fi, {
   props: ["name", "tag"]
 });
-function fi(e) {
+function di(e) {
   const { content: t, r: n = 0 } = e, r = ne(), o = n === 1 ? () => r.getObjectToValue(t) : () => t;
-  return () => Jt(o());
+  return () => Qt(o());
 }
-const hi = F(fi, {
+const pi = F(di, {
   props: ["content", "r"]
 });
-function di(e) {
+function mi(e) {
   if (!e.router)
     throw new Error("Router config is not provided.");
   const { routes: t, kAlive: n = !1 } = e.router;
   return t.map(
-    (o) => Fn(o, n)
+    (o) => Bn(o, n)
   );
 }
-function Fn(e, t) {
+function Bn(e, t) {
   var l;
   const { server: n = !1, vueItem: r, scope: o } = e, s = () => {
     if (n)
       throw new Error("Server-side rendering is not supported yet.");
-    return Promise.resolve(pi(r, o, t));
+    return Promise.resolve(gi(r, o, t));
   }, i = (l = r.children) == null ? void 0 : l.map(
-    (h) => Fn(h, t)
-  ), c = {
+    (h) => Bn(h, t)
+  ), u = {
     ...r,
     children: i,
     component: s
   };
-  return r.component.length === 0 && delete c.component, i === void 0 && delete c.children, c;
+  return r.component.length === 0 && delete u.component, i === void 0 && delete u.children, u;
 }
-function pi(e, t, n) {
+function gi(e, t, n) {
   const { path: r, component: o } = e, s = A(
-    Re,
+    Oe,
     { scope: t, key: r },
-    () => o.map((c) => A(Q, { component: c }))
+    () => o.map((u) => A(Q, { component: u }))
   );
-  return n ? A(ir, null, () => s) : s;
+  return n ? A(ar, null, () => s) : s;
 }
-function mi(e, t) {
+function vi(e, t) {
   const { mode: n = "hash" } = t.router, r = n === "hash" ? Eo() : n === "memory" ? wo() : Rn();
   e.use(
     ls({
       history: r,
-      routes: di(t)
+      routes: mi(t)
     })
   );
 }
-function yi(e, t) {
-  e.component("insta-ui", Hs), e.component("vif", Js), e.component("vfor", Xs), e.component("match", ci), e.component("refresh", si), e.component("ts-group", li), e.component("content", hi), t.router && mi(e, t);
+function Ei(e, t) {
+  e.component("insta-ui", Js), e.component("vif", Ys), e.component("vfor", ei), e.component("match", li), e.component("refresh", ai), e.component("ts-group", hi), e.component("content", pi), t.router && vi(e, t);
 }
 export {
-  $e as convertDynamicProperties,
-  yi as install
+  Ae as convertDynamicProperties,
+  Ei as install
 };
 //# sourceMappingURL=insta-ui.js.map