@vue/devtools-applet 7.4.5 → 7.4.6

package/dist/index.js

@@ -1,5 +1,5 @@
 import { onRpcConnected as Re, rpc as D, DevToolsMessagingEvents as W, useDevToolsState as Jt } from "@vue/devtools-core";
-import { ref as T, onUnmounted as ye, isRef as Ge, unref as d, watch as X, onMounted as St, nextTick as ze, readonly as Yt, getCurrentScope as Xt, onScopeDispose as Qt, getCurrentInstance as Qe, computed as V, reactive as ft, shallowRef as vt, toRaw as Tt, defineComponent as B, withDirectives as J, openBlock as p, createElementBlock as m, normalizeStyle as $e, createTextVNode as ne, toDisplayString as le, mergeModels as Be, useModel as et, Fragment as te, renderList as ae, normalizeClass as ie, createBlock as z, provide as ge, inject as ve, mergeProps as ke, withModifiers as fe, withCtx as M, createVNode as x, createCommentVNode as U, createElementVNode as r, watchEffect as tt, renderSlot as nt, toValue as mt, h as en, vShow as tn, createStaticVNode as nn } from "vue";
+import { ref as T, onUnmounted as ye, isRef as Ge, unref as d, watch as X, onMounted as St, nextTick as ze, readonly as Yt, getCurrentScope as Xt, onScopeDispose as Qt, getCurrentInstance as Qe, computed as V, reactive as ft, shallowRef as vt, toRaw as Tt, defineComponent as B, withDirectives as J, openBlock as p, createElementBlock as m, normalizeStyle as Ie, createTextVNode as ne, toDisplayString as le, mergeModels as Be, useModel as et, Fragment as te, renderList as ae, normalizeClass as ie, createBlock as z, provide as ge, inject as ve, mergeProps as ke, withModifiers as fe, withCtx as M, createVNode as x, createCommentVNode as U, createElementVNode as r, watchEffect as tt, renderSlot as nt, toValue as mt, h as en, vShow as tn, createStaticVNode as nn } from "vue";
 import { isPlainObject as on, UNDEFINED as ln, NAN as sn, INFINITY as an, NEGATIVE_INFINITY as rn, getRaw as Et, toSubmit as Ue, formatInspectorStateValue as un, getInspectorStateValueType as ht, toEdit as cn, parse as Y } from "@vue/devtools-kit";
 import { isArray as gt, isObject as Ct, sortByKey as Vt, isInSeparateWindow as dn, isInChromePanel as _t } from "@vue/devtools-shared";
 import { vTooltip as Q, VueButton as de, VueIcon as oe, VueDropdown as pn, VueDropdownButton as xt, VueInput as Ze, VueCodeBlock as fn, VueDialog as vn, VueSwitch as mn, VueSelect as hn, VueIcIcon as yt } from "@vue/devtools-ui";
@@ -7,7 +7,7 @@ import { flatten as gn, groupBy as Cn } from "lodash-es";
 import { Splitpanes as Ae, Pane as ue } from "splitpanes";
 import { debounce as _n } from "perfect-debounce";
 import { RecycleScroller as xn } from "vue-virtual-scroller";
-function ql() {
+function Wl() {
   const n = T([]), e = T([]);
   function o(s) {
     e.value = s, s.length < n.value.length && (n.value = []), e.value.forEach((l) => {
@@ -49,8 +49,8 @@ function kn(n, e) {
   }
   return o;
 }
-const $n = (n) => n();
-function In(n, e = {}) {
+const In = (n) => n();
+function $n(n, e = {}) {
   let o, t, s = Fe;
   const l = (u) => {
     clearTimeout(u), s(), s = Fe;
@@ -86,7 +86,7 @@ function Tn(n) {
 }
 function En(n, e, o = {}) {
   const {
-    eventFilter: t = $n,
+    eventFilter: t = In,
     ...s
   } = o;
   return X(
@@ -241,16 +241,16 @@ function An(n, e, o = {}) {
     e,
     {
       ...l,
-      eventFilter: In(t, { maxWait: s })
+      eventFilter: $n(t, { maxWait: s })
     }
   );
 }
+const Ke = lt ? window : void 0, Rt = lt ? window.navigator : void 0;
 function xe(n) {
   var e;
   const o = ee(n);
   return (e = o == null ? void 0 : o.$el) != null ? e : o;
 }
-const Ke = lt ? window : void 0, Rt = lt ? window.navigator : void 0;
 function he(...n) {
   let e, o, t, s;
   if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([o, t, s] = n, e = Ke) : [e, o, t, s] = n, !e)
@@ -543,9 +543,9 @@ function Dt(n, e, o, t) {
 }
 function Pt(n, e, o, t, s) {
   let l = !1, i;
-  return e === "_custom" && (e = o.display, o = o.value), (i = Zn(o)) && (o = i), e && $t(e, n) ? (l = !0, t.set(o, !0)) : t.has(o) ? l = t.get(o) : Array.isArray(o) ? (t.set(o, null), l = Fn(o, n, t, s), t.set(o, l)) : on(o) ? (t.set(o, null), l = Dt(o, n, t, s), t.set(o, l)) : $t(o, n) && (l = !0, t.set(o, !0)), l;
+  return e === "_custom" && (e = o.display, o = o.value), (i = Zn(o)) && (o = i), e && It(e, n) ? (l = !0, t.set(o, !0)) : t.has(o) ? l = t.get(o) : Array.isArray(o) ? (t.set(o, null), l = Fn(o, n, t, s), t.set(o, l)) : on(o) ? (t.set(o, null), l = Dt(o, n, t, s), t.set(o, l)) : It(o, n) && (l = !0, t.set(o, !0)), l;
 }
-function $t(n, e) {
+function It(n, e) {
   return `${n}`.toLowerCase().includes(e);
 }
 function Zn(n) {
@@ -566,7 +566,7 @@ const Mt = /* @__PURE__ */ B({
   },
   setup(n) {
     return (e, o) => J((p(), m("span", {
-      style: $e({
+      style: Ie({
         color: `#${d(kt)(e.tag.textColor)}`,
         backgroundColor: `#${d(kt)(e.tag.backgroundColor)}`
       }),
@@ -958,7 +958,7 @@ const eo = { class: "flex pl5px" }, to = { class: "w160px py5px" }, no = /* @__P
   "text-ellipsis": "",
   "whitespace-nowrap": "",
   "state-key": ""
-}, It = 30, uo = /* @__PURE__ */ B({
+}, $t = 30, uo = /* @__PURE__ */ B({
   __name: "StateFieldViewer",
   props: {
     data: {},
@@ -967,7 +967,7 @@ const eo = { class: "flex pl5px" }, to = { class: "w160px py5px" }, no = /* @__P
     expandedStateId: {}
   },
   setup(n) {
-    const e = n, o = T(It), t = V(() => un(e.data.value, !1, {
+    const e = n, o = T($t), t = V(() => un(e.data.value, !1, {
       customClass: {
         string: "max-w-120 truncate"
       }
@@ -979,7 +979,7 @@ const eo = { class: "flex pl5px" }, to = { class: "w160px py5px" }, no = /* @__P
       return gt(_) ? _.length : Ct(_) ? Object.keys(_).length : 0;
     }), v = V(() => e.data.path || [e.data.key]), a = V(() => v.value[v.value.length - 1]), f = V(() => {
       var F, se, re, ce, Ce, _e, He;
-      const _ = ["Reactive"], N = ((se = (F = e.data) == null ? void 0 : F._custom) == null ? void 0 : se.stateTypeName) || ((re = e.data) == null ? void 0 : re.stateTypeName);
+      const _ = ["Reactive"], N = ((se = (F = e.data.value) == null ? void 0 : F._custom) == null ? void 0 : se.stateTypeName) || ((re = e.data) == null ? void 0 : re.stateTypeName);
       if (_.includes(N))
         return N;
       if ((Ce = (ce = e.data.value) == null ? void 0 : ce.fields) != null && Ce.abstract)
@@ -1033,7 +1033,7 @@ const eo = { class: "flex pl5px" }, to = { class: "w160px py5px" }, no = /* @__P
       const N = `${e.depth}-${e.index}`;
       i.value.includes(N) || u(N), Z(_, l.value.value);
     }
-    async function $() {
+    async function I() {
       const _ = e.data;
       await D.value.editInspectorState({
         path: [...v.value, E.value.key],
@@ -1052,7 +1052,7 @@ const eo = { class: "flex pl5px" }, to = { class: "w160px py5px" }, no = /* @__P
         ref_key: "containerRef",
         ref: h,
         class: ie(["font-state-field flex items-center text-3.5", [b.value && "cursor-pointer hover:bg-active"]]),
-        style: $e({ paddingLeft: `${_.depth * 15 + 4}px` }),
+        style: Ie({ paddingLeft: `${_.depth * 15 + 4}px` }),
         onClick: N[1] || (N[1] = (F) => d(u)(`${_.depth}-${_.index}`))
       }, [
         b.value ? (p(), z(at, {
@@ -1098,7 +1098,7 @@ const eo = { class: "flex pl5px" }, to = { class: "w160px py5px" }, no = /* @__P
           flat: "",
           size: "mini",
           class: "ml-4",
-          onClick: N[2] || (N[2] = (F) => o.value += It)
+          onClick: N[2] || (N[2] = (F) => o.value += $t)
         }, {
           icon: M(() => [
             x(d(oe), { icon: "i-material-symbols-more-horiz" })
@@ -1109,7 +1109,7 @@ const eo = { class: "flex pl5px" }, to = { class: "w160px py5px" }, no = /* @__P
         ]) : U("", !0),
         d(E).enable ? (p(), m("div", {
           key: 1,
-          style: $e({ paddingLeft: `${(_.depth + 1) * 15 + 4}px` })
+          style: Ie({ paddingLeft: `${(_.depth + 1) * 15 + 4}px` })
         }, [
           r("span", ro, [
             x(Ye, {
@@ -1124,7 +1124,7 @@ const eo = { class: "flex pl5px" }, to = { class: "w160px py5px" }, no = /* @__P
             "onUpdate:modelValue": N[4] || (N[4] = (F) => d(E).value = F),
             "auto-focus": !1,
             onCancel: d(P),
-            onSubmit: $
+            onSubmit: I
           }, null, 8, ["modelValue", "onCancel"])
         ], 4)) : U("", !0)
       ])) : U("", !0)
@@ -1135,7 +1135,7 @@ const eo = { class: "flex pl5px" }, to = { class: "w160px py5px" }, no = /* @__P
   for (const [t, s] of e)
     o[t] = s;
   return o;
-}, co = /* @__PURE__ */ be(uo, [["__scopeId", "data-v-593842a0"]]), Ot = /* @__PURE__ */ B({
+}, co = /* @__PURE__ */ be(uo, [["__scopeId", "data-v-f3246652"]]), Ot = /* @__PURE__ */ B({
   __name: "ChildStateViewer",
   props: {
     data: {},
@@ -1268,7 +1268,7 @@ const Co = ["onClick", "onDblclick"], _o = {
       }, [
         r("div", {
           class: ie(["group flex cursor-pointer items-center rounded-1 hover:bg-primary-300 hover:dark:bg-gray-600", { "bg-primary-600! active": e.value === c.id }]),
-          style: $e({ paddingLeft: `${15 * i.depth + 4}px` }),
+          style: Ie({ paddingLeft: `${15 * i.depth + 4}px` }),
           onClick: (f) => l(c.id),
           onDblclick: (f) => d(t)(c.id)
         }, [
@@ -1300,7 +1300,7 @@ const Co = ["onClick", "onDblclick"], _o = {
       ], 2);
     }), 128));
   }
-}), $o = { class: "absolute left-0 top-0 h-full w-full flex flex-col rounded-br-2.5 rounded-tr-2.5 bg-white p2 dark:bg-[#121212]" }, Io = { class: "flex-1 overflow-scroll text-3.5" }, So = /* @__PURE__ */ B({
+}), Io = { class: "absolute left-0 top-0 h-full w-full flex flex-col rounded-br-2.5 rounded-tr-2.5 bg-white p2 dark:bg-[#121212]" }, $o = { class: "flex-1 overflow-scroll text-3.5" }, So = /* @__PURE__ */ B({
   __name: "RenderCode",
   props: {
     code: {}
@@ -1311,7 +1311,7 @@ const Co = ["onClick", "onDblclick"], _o = {
     function t() {
       o("close");
     }
-    return (s, l) => (p(), m("div", $o, [
+    return (s, l) => (p(), m("div", Io, [
       r("div", { class: "h-12 w-full flex items-center justify-between p-2" }, [
         l[0] || (l[0] = r("span", { class: "font-500" }, "Render Code", -1)),
         r("i", {
@@ -1319,7 +1319,7 @@ const Co = ["onClick", "onDblclick"], _o = {
           onClick: t
         })
       ]),
-      r("div", Io, [
+      r("div", $o, [
         x(d(fn), {
           code: s.code,
           lang: "javascript"
@@ -1351,50 +1351,50 @@ const Co = ["onClick", "onDblclick"], _o = {
   emits: ["openInEditor", "onInspectComponentStart", "onInspectComponentEnd"],
   setup(n, { emit: e }) {
     const o = e, t = T(), s = T(!1), { width: l } = Ln(t), i = V(() => s.value ? l.value < 700 : !1), u = T(""), c = T(""), [C, v] = Rn(!0), a = T(!1), f = T(!1), g = T(""), b = T(!1);
-    function h(I, y = [], L = []) {
+    function h($, y = [], L = []) {
       var G;
-      return y.push(I.id), ((G = I.children) == null ? void 0 : G.length) === 0 && L.push([...y]), Array.isArray(I.children) && I.children.forEach((q) => {
+      return y.push($.id), ((G = $.children) == null ? void 0 : G.length) === 0 && L.push([...y]), Array.isArray($.children) && $.children.forEach((q) => {
         h(q, y, L);
       }), y.pop(), L;
     }
-    function S(I) {
+    function S($) {
       const y = [], L = (G) => {
         G == null || G.forEach((q) => {
           var we;
           y.push(q), (we = q.children) != null && we.length && L(q.children);
         });
       };
-      return L(I), y;
+      return L($), y;
     }
-    function j(I, y) {
+    function j($, y) {
       const L = [];
-      return I == null || I.forEach((G) => {
+      return $ == null || $.forEach((G) => {
         L.push(...G.slice(0, y + 1));
       }), [...new Set(L)];
     }
-    function O(I, y) {
+    function O($, y) {
       const L = [];
-      return I.forEach((G) => {
+      return $.forEach((G) => {
         const q = G.indexOf(y);
         q !== -1 && L.push(...G.slice(0, q + 1));
       }), [...new Set(L)];
     }
     const A = T([]), k = V(() => {
-      var I, y;
-      return (I = A.value) != null && I.length ? h((y = A.value) == null ? void 0 : y[0]) : [];
-    }), R = V(() => S(A.value)), H = V(() => R.value.map((I) => I.id)), K = T({}), Z = T(""), E = V(() => {
-      const I = [], y = (L) => {
+      var $, y;
+      return ($ = A.value) != null && $.length ? h((y = A.value) == null ? void 0 : y[0]) : [];
+    }), R = V(() => S(A.value)), H = V(() => R.value.map(($) => $.id)), K = T({}), Z = T(""), E = V(() => {
+      const $ = [], y = (L) => {
         L.forEach((G) => {
           var q;
-          G.id === Z.value && I.push(G), (q = G.children) != null && q.length && y(G.children);
+          G.id === Z.value && $.push(G), (q = G.children) != null && q.length && y(G.children);
         });
       };
-      return y(A.value), I[0];
+      return y(A.value), $[0];
     }), P = V(() => {
-      var I;
-      return ((I = E.value) == null ? void 0 : I.file) ?? "";
+      var $;
+      return (($ = E.value) == null ? void 0 : $.file) ?? "";
     }), w = V(() => {
-      const I = {};
+      const $ = {};
       for (const y in K.value) {
         const G = K.value[y].filter((we) => {
           try {
@@ -1407,61 +1407,61 @@ const Co = ["onClick", "onDblclick"], _o = {
             };
           }
         }), q = gn(Object.values(Cn(Vt(G), "stateType")));
-        G.length && (I[y] = q);
+        G.length && ($[y] = q);
       }
-      return I;
-    }), { expanded: $ } = me(), { expanded: _ } = me("component-state");
+      return $;
+    }), { expanded: I } = me(), { expanded: _ } = me("component-state");
     ho();
-    async function N(I = "") {
-      return D.value.getInspectorTree({ inspectorId: Ve, filter: I }).then((y) => {
+    async function N($ = "") {
+      return D.value.getInspectorTree({ inspectorId: Ve, filter: $ }).then((y) => {
         var G, q;
         const L = Y(y);
-        A.value = L, Z.value = (q = (G = A.value) == null ? void 0 : G[0]) == null ? void 0 : q.id, $.value = j(k.value, 1), a.value = !0;
+        A.value = L, Z.value = (q = (G = A.value) == null ? void 0 : G[0]) == null ? void 0 : q.id, I.value = j(k.value, 1), a.value = !0;
       });
     }
-    function F(I) {
-      if (!I || !(I != null && I.state))
+    function F($) {
+      if (!$ || !($ != null && $.state))
         return {};
       const y = {};
-      return I.state.forEach((L) => {
+      return $.state.forEach((L) => {
         y[L.type] || (y[L.type] = []), y[L.type].push(L);
       }), y;
     }
-    function se(I) {
-      D.value.getInspectorState({ inspectorId: Ve, nodeId: I }).then((y) => {
+    function se($) {
+      D.value.getInspectorState({ inspectorId: Ve, nodeId: $ }).then((y) => {
         const L = Y(y);
         L && (K.value = F(L), _.value = Array.from({ length: Object.keys(K.value).length }, (G, q) => `${q}`));
       });
     }
-    X(Z, (I) => {
-      se(I), b.value && je();
+    X(Z, ($) => {
+      se($), b.value && je();
     });
-    function re(I) {
-      const y = Y(I);
+    function re($) {
+      const y = Y($);
       y.inspectorId !== Ve || y.nodeId !== Z.value || (K.value = F({ state: y.state.state }));
     }
     D.functions.on(W.INSPECTOR_STATE_UPDATED, re), N();
-    function ce(I) {
-      const y = I.trim().toLowerCase();
+    function ce($) {
+      const y = $.trim().toLowerCase();
       v(), N(y).then(() => {
         v();
       });
     }
-    An(u, (I) => {
-      ce(I);
+    An(u, ($) => {
+      ce($);
     }, { debounce: 300 });
-    function Ce(I) {
+    function Ce($) {
       var L, G;
-      const y = Y(I);
-      y.inspectorId === Ve && (u.value ? ce(u.value) : A.value = y.rootNodes, H.value.includes(Z.value) || (Z.value = (G = (L = A.value) == null ? void 0 : L[0]) == null ? void 0 : G.id, $.value = j(k.value, 1)));
+      const y = Y($);
+      y.inspectorId === Ve && (u.value ? ce(u.value) : A.value = y.rootNodes, H.value.includes(Z.value) || (Z.value = (G = (L = A.value) == null ? void 0 : L[0]) == null ? void 0 : G.id, I.value = j(k.value, 1)));
     }
     D.functions.on(W.INSPECTOR_TREE_UPDATED, Ce), ye(() => {
       D.functions.off(W.INSPECTOR_STATE_UPDATED, re), D.functions.off(W.INSPECTOR_TREE_UPDATED, Ce);
     });
     function _e() {
-      f.value = !0, o("onInspectComponentStart"), D.value.inspectComponentInspector().then((I) => {
-        const y = JSON.parse(I);
-        Z.value = y.id, $.value.includes(y.id) || $.value.push(y.id), $.value = [.../* @__PURE__ */ new Set([...$.value, ...O(k.value, y.id)])], Ft();
+      f.value = !0, o("onInspectComponentStart"), D.value.inspectComponentInspector().then(($) => {
+        const y = JSON.parse($);
+        Z.value = y.id, I.value.includes(y.id) || I.value.push(y.id), I.value = [.../* @__PURE__ */ new Set([...I.value, ...O(k.value, y.id)])], Ft();
       }).finally(() => {
         f.value = !1, o("onInspectComponentEnd");
       });
@@ -1478,8 +1478,8 @@ const Co = ["onClick", "onDblclick"], _o = {
       });
     }
     function je() {
-      D.value.getComponentRenderCode(Z.value).then((I) => {
-        g.value = I, b.value = !0;
+      D.value.getComponentRenderCode(Z.value).then(($) => {
+        g.value = $, b.value = !0;
       });
     }
     function We() {
@@ -1489,29 +1489,29 @@ const Co = ["onClick", "onDblclick"], _o = {
     function Ft() {
       setTimeout(() => {
         var y;
-        const I = (y = Ee.value) == null ? void 0 : y.querySelector(".active");
-        I == null || I.scrollIntoView({ behavior: "smooth", block: "center" });
+        const $ = (y = Ee.value) == null ? void 0 : y.querySelector(".active");
+        $ == null || $.scrollIntoView({ behavior: "smooth", block: "center" });
       }, 300);
     }
     function Gt() {
       g.value = "", b.value = !1;
     }
-    const qe = Jt(), pt = V(() => qe.appRecords.value.map((I) => ({
-      label: I.name + (I.version ? ` (${I.version})` : ""),
-      value: I.id
-    }))), Kt = V(() => pt.value.map((I) => ({
-      label: I.label,
-      id: I.value
+    const qe = Jt(), pt = V(() => qe.appRecords.value.map(($) => ({
+      label: $.name + ($.version ? ` (${$.version})` : ""),
+      value: $.id
+    }))), Kt = V(() => pt.value.map(($) => ({
+      label: $.label,
+      id: $.value
     }))), Je = T(qe.activeAppRecordId.value);
     tt(() => {
       Je.value = qe.activeAppRecordId.value;
     });
-    function Wt(I) {
-      D.value.toggleApp(I).then(() => {
+    function Wt($) {
+      D.value.toggleApp($).then(() => {
         Z.value = "", N();
       });
     }
-    return (I, y) => (p(), m("div", To, [
+    return ($, y) => (p(), m("div", To, [
       x(d(Ae), {
         ref_key: "splitpanesRef",
         ref: t,
@@ -1726,7 +1726,7 @@ const Co = ["onClick", "onDblclick"], _o = {
       }, 8, ["modelValue"])) : U("", !0)
     ]));
   }
-}), Jl = /* @__PURE__ */ be(zo, [["__scopeId", "data-v-402ad9b2"]]), Bo = {}, Zo = { class: "h-screen w-screen $ui-fcc flex-col" };
+}), ql = /* @__PURE__ */ be(zo, [["__scopeId", "data-v-38589395"]]), Bo = {}, Zo = { class: "h-screen w-screen $ui-fcc flex-col" };
 function Fo(n, e) {
   return p(), m("div", Zo, [
     e[0] || (e[0] = r("div", { class: "outer" }, [
@@ -1741,7 +1741,7 @@ function Fo(n, e) {
   ]);
 }
 const Go = /* @__PURE__ */ be(Bo, [["render", Fo], ["__scopeId", "data-v-b8018f07"]]), Ut = Symbol.for("VueDevToolsCustomInspectorStateSymbol");
-function Ie() {
+function $e() {
   return ve(Ut);
 }
 function zt() {
@@ -1839,7 +1839,7 @@ const Yo = /* @__PURE__ */ be(Wo, [["render", Jo]]), Xo = {
 }, c1 = ["href"], d1 = /* @__PURE__ */ B({
   __name: "About",
   setup(n) {
-    const e = Me(), o = Ie(), t = T(!1), s = T(!1);
+    const e = Me(), o = $e(), t = T(!1), s = T(!1);
     function l() {
       t.value = !0;
     }
@@ -2026,7 +2026,7 @@ const Yo = /* @__PURE__ */ be(Wo, [["render", Jo]]), Xo = {
 }), b1 = { class: "h-full flex flex-col" }, w1 = /* @__PURE__ */ B({
   __name: "Settings",
   setup(n) {
-    const e = ve("pluginSettings"), o = Ie(), t = V(() => e.value.options), s = V(() => e.value.values);
+    const e = ve("pluginSettings"), o = $e(), t = V(() => e.value.options), s = V(() => e.value.values);
     function l(i) {
       e.value = i;
     }
@@ -2040,23 +2040,23 @@ const Yo = /* @__PURE__ */ be(Wo, [["render", Jo]]), Xo = {
         _: 1
       }, 8, ["doc-link"]),
       x(Zt, {
-        "plugin-id": d(o).id,
+        "plugin-id": d(o).pluginId,
         options: t.value,
         values: s.value,
         onUpdate: l
       }, null, 8, ["plugin-id", "options", "values"])
     ]));
   }
-}), k1 = {}, $1 = { class: "h-full flex flex-col items-center justify-center op50" };
-function I1(n, e) {
-  return p(), m("div", $1, [
+}), k1 = {}, I1 = { class: "h-full flex flex-col items-center justify-center op50" };
+function $1(n, e) {
+  return p(), m("div", I1, [
     e[0] || (e[0] = r("i", { class: "i-lets-icons:blank-light" }, null, -1)),
     r("span", null, [
       nt(n.$slots, "default")
     ])
   ]);
 }
-const Ne = /* @__PURE__ */ be(k1, [["render", I1]]), S1 = { class: "h-full flex flex-col" }, T1 = { class: "h-full flex flex-col p2" }, E1 = {
+const Ne = /* @__PURE__ */ be(k1, [["render", $1]]), S1 = { class: "h-full flex flex-col" }, T1 = { class: "h-full flex flex-col p2" }, E1 = {
   key: 0,
   class: "mb-1 flex justify-end pb-1",
   border: "b dashed base"
@@ -2067,30 +2067,30 @@ const Ne = /* @__PURE__ */ be(k1, [["render", I1]]), S1 = { class: "h-full flex
 }, P1 = { class: "flex items-center gap-2 px-1" }, M1 = ["onClick"], H1 = /* @__PURE__ */ B({
   __name: "Index",
   setup(n) {
-    const { expanded: e } = me(), { expanded: o } = me("custom-inspector-state"), t = Ie(), s = V(() => t.value.id), l = T([]), i = T([]), u = T([]), c = V(() => {
-      var w, $;
-      return (w = u.value) != null && w.length ? b(($ = u.value) == null ? void 0 : $[0]) : [];
+    const { expanded: e } = me(), { expanded: o } = me("custom-inspector-state"), t = $e(), s = V(() => t.value.id), l = T([]), i = T([]), u = T([]), c = V(() => {
+      var w, I;
+      return (w = u.value) != null && w.length ? b((I = u.value) == null ? void 0 : I[0]) : [];
     }), C = V(() => S(u.value)), v = V(() => C.value.map((w) => w.id)), a = T(""), f = T({}), g = V(() => !Object.keys(f.value).length);
-    function b(w, $ = [], _ = []) {
+    function b(w, I = [], _ = []) {
       var N;
-      return $.push(w.id), ((N = w.children) == null ? void 0 : N.length) === 0 && _.push([...$]), Array.isArray(w.children) && w.children.forEach((F) => {
-        b(F, $, _);
-      }), $.pop(), _;
+      return I.push(w.id), ((N = w.children) == null ? void 0 : N.length) === 0 && _.push([...I]), Array.isArray(w.children) && w.children.forEach((F) => {
+        b(F, I, _);
+      }), I.pop(), _;
     }
-    function h(w, $) {
+    function h(w, I) {
       const _ = [];
       return w == null || w.forEach((N) => {
-        _.push(...N.slice(0, $ + 1));
+        _.push(...N.slice(0, I + 1));
       }), [...new Set(_)];
     }
     function S(w) {
-      const $ = [], _ = (N) => {
+      const I = [], _ = (N) => {
         N == null || N.forEach((F) => {
           var se;
-          $.push(F), (se = F.children) != null && se.length && _(F.children);
+          I.push(F), (se = F.children) != null && se.length && _(F.children);
         });
       };
-      return _(w), $;
+      return _(w), I;
     }
     function j() {
       D.value.getInspectorNodeActions(s.value).then((w) => {
@@ -2110,14 +2110,14 @@ const Ne = /* @__PURE__ */ be(k1, [["render", I1]]), S1 = { class: "h-full flex
       D.value.callInspectorAction(s.value, w);
     }
     function R(w) {
-      var $;
+      var I;
       for (const _ in w)
-        ($ = w[_]) != null && $.length || delete w[_];
+        (I = w[_]) != null && I.length || delete w[_];
       return w;
     }
     function H(w) {
-      D.value.getInspectorState({ inspectorId: s.value, nodeId: w }).then(($) => {
-        const _ = Y($);
+      D.value.getInspectorState({ inspectorId: s.value, nodeId: w }).then((I) => {
+        const _ = Y(I);
         _ && (f.value = R(_), o.value = Array.from({ length: Object.keys(f.value).length }, (N, F) => `${F}`));
       });
     }
@@ -2129,28 +2129,28 @@ const Ne = /* @__PURE__ */ be(k1, [["render", I1]]), S1 = { class: "h-full flex
     });
     const Z = () => {
       D.value.getInspectorTree({ inspectorId: s.value, filter: "" }).then((w) => {
-        const $ = Y(w);
-        u.value = $, !a.value && $.length && (a.value = $[0].id, e.value = h(c.value, 1), H($[0].id));
+        const I = Y(w);
+        u.value = I, !a.value && I.length && (a.value = I[0].id, e.value = h(c.value, 1), H(I[0].id));
       });
     };
     Nt(s).toBeTruthy().then(Z);
     function E(w) {
       var _, N;
-      const $ = Y(w);
-      !$.rootNodes.length || $.inspectorId !== s.value || (u.value = $.rootNodes, v.value.includes(a.value) || (a.value = (N = (_ = u.value) == null ? void 0 : _[0]) == null ? void 0 : N.id, e.value = h(c.value, 1)));
+      const I = Y(w);
+      !I.rootNodes.length || I.inspectorId !== s.value || (u.value = I.rootNodes, v.value.includes(a.value) || (a.value = (N = (_ = u.value) == null ? void 0 : _[0]) == null ? void 0 : N.id, e.value = h(c.value, 1)));
     }
     function P(w) {
-      const $ = Y(w);
-      if ($.inspectorId !== s.value || !$.state || $.nodeId !== a.value)
+      const I = Y(w);
+      if (I.inspectorId !== s.value || !I.state || I.nodeId !== a.value)
         return;
-      const { inspectorId: _, ...N } = $.state;
+      const { inspectorId: _, ...N } = I.state;
       f.value = R(N);
     }
     return Re(() => {
       D.functions.on(W.INSPECTOR_TREE_UPDATED, E), D.functions.on(W.INSPECTOR_STATE_UPDATED, P);
     }), ye(() => {
       D.functions.off(W.INSPECTOR_TREE_UPDATED, E), D.functions.off(W.INSPECTOR_STATE_UPDATED, P);
-    }), (w, $) => (p(), m("div", S1, [
+    }), (w, I) => (p(), m("div", S1, [
       x(Se, {
         "doc-link": d(t).homepage
       }, {
@@ -2200,7 +2200,7 @@ const Ne = /* @__PURE__ */ be(k1, [["render", I1]]), S1 = { class: "h-full flex
                   r("div", R1, [
                     x(Pe, {
                       modelValue: a.value,
-                      "onUpdate:modelValue": $[0] || ($[0] = (N) => a.value = N),
+                      "onUpdate:modelValue": I[0] || (I[0] = (N) => a.value = N),
                       data: u.value
                     }, null, 8, ["modelValue", "data"])
                   ])
@@ -2246,7 +2246,7 @@ const Ne = /* @__PURE__ */ be(k1, [["render", I1]]), S1 = { class: "h-full flex
                     "expanded-state-id": "custom-inspector-state",
                     class: "no-scrollbar flex-1 select-none overflow-scroll"
                   }, null, 8, ["data", "node-id", "inspector-id"])) : (p(), z(Ne, { key: 2 }, {
-                    default: M(() => $[1] || ($[1] = [
+                    default: M(() => I[1] || (I[1] = [
                       ne(" No Data ")
                     ])),
                     _: 1
@@ -2259,7 +2259,7 @@ const Ne = /* @__PURE__ */ be(k1, [["render", I1]]), S1 = { class: "h-full flex
         ]),
         _: 1
       })) : (p(), z(Ne, { key: 1 }, {
-        default: M(() => $[2] || ($[2] = [
+        default: M(() => I[2] || (I[2] = [
           ne(" No Data ")
         ])),
         _: 1
@@ -2313,12 +2313,12 @@ const Ne = /* @__PURE__ */ be(k1, [["render", I1]]), S1 = { class: "h-full flex
         default: M(({ item: c }) => [
           r("div", {
             class: "relative mb7 h6 cursor-pointer",
-            style: $e({ color: o.value === c.id ? c.color : "" }),
+            style: Ie({ color: o.value === c.id ? c.color : "" }),
             onClick: (C) => o.value = c.id
           }, [
             r("span", {
               class: "absolute top-1.5 inline-block h3 w3 b rounded-50%",
-              style: $e({ border: `3px solid ${c.color}` })
+              style: Ie({ border: `3px solid ${c.color}` })
             }, null, 4),
             c.id < i.data.length - 1 ? (p(), m("span", j1)) : U("", !0),
             r("p", U1, [
@@ -2459,7 +2459,7 @@ const Ne = /* @__PURE__ */ be(k1, [["render", I1]]), S1 = { class: "h-full flex
 }), q1 = /* @__PURE__ */ B({
   __name: "Index",
   setup(n) {
-    const e = Ie();
+    const e = $e();
     return (o, t) => (p(), z(dt, {
       "layer-ids": d(e).timelineLayerIds,
       "doc-link": d(e).homepage
@@ -2468,10 +2468,11 @@ const Ne = /* @__PURE__ */ be(k1, [["render", I1]]), S1 = { class: "h-full flex
 }), J1 = {
   "h-full": "",
   "w-full": ""
-}, Y1 = { key: 0 }, Yl = /* @__PURE__ */ B({
+}, Y1 = { key: 0 }, Jl = /* @__PURE__ */ B({
   __name: "index",
   props: {
-    id: {}
+    id: {},
+    pluginId: {}
   },
   emits: ["loadError"],
   setup(n, { emit: e }) {
@@ -2519,10 +2520,11 @@ const Ne = /* @__PURE__ */ be(k1, [["render", I1]]), S1 = { class: "h-full flex
             id: a == null ? void 0 : a.id,
             label: a == null ? void 0 : a.label,
             logo: a == null ? void 0 : a.logo,
-            timelineLayerIds: a == null ? void 0 : a.timelineLayers.map((g) => g.id)
+            timelineLayerIds: a == null ? void 0 : a.timelineLayers.map((g) => g.id),
+            pluginId: o.pluginId
           };
           s.value = f, C(), l.value = !1;
-        }), D.value.getPluginSettings(o.id).then((a) => {
+        }), D.value.getPluginSettings(o.pluginId).then((a) => {
           a.options ? i.value = a : i.value = null;
         });
       });
@@ -2652,7 +2654,7 @@ const tl = /* @__PURE__ */ be(X1, [["render", el]]), nl = {
       ])
     ]));
   }
-}), rl = { class: "h-full flex flex-col" }, ul = "pinia", cl = /* @__PURE__ */ B({
+}), rl = { class: "h-full flex flex-col" }, ul = /* @__PURE__ */ B({
   __name: "Settings",
   setup(n) {
     const e = ve("pluginSettings"), o = V(() => e.value.options), t = V(() => e.value.values);
@@ -2670,22 +2672,22 @@ const tl = /* @__PURE__ */ be(X1, [["render", el]]), nl = {
         _: 1
       }),
       x(Zt, {
-        "plugin-id": ul,
+        "plugin-id": "dev.esm.pinia",
         options: o.value,
         values: t.value,
         onUpdate: s
       }, null, 8, ["options", "values"])
     ]));
   }
-}), dl = { class: "h-full flex flex-col" }, pl = { class: "h-full flex flex-col p2" }, fl = {
+}), cl = { class: "h-full flex flex-col" }, dl = { class: "h-full flex flex-col p2" }, pl = {
   key: 0,
   class: "mb-1 flex justify-end pb-1",
   border: "b dashed base"
-}, vl = { class: "flex items-center gap-2 px-1" }, ml = ["onClick"], hl = { class: "no-scrollbar flex-1 select-none overflow-scroll" }, gl = { class: "h-full flex flex-col p2" }, Cl = {
+}, fl = { class: "flex items-center gap-2 px-1" }, vl = ["onClick"], ml = { class: "no-scrollbar flex-1 select-none overflow-scroll" }, hl = { class: "h-full flex flex-col p2" }, gl = {
   key: 0,
   class: "mb-1 flex justify-end pb-1",
   border: "b dashed base"
-}, _l = { class: "flex items-center gap-2 px-1" }, xl = ["onClick"], pe = "pinia", yl = /* @__PURE__ */ B({
+}, Cl = { class: "flex items-center gap-2 px-1" }, _l = ["onClick"], pe = "pinia", xl = /* @__PURE__ */ B({
   __name: "Index",
   setup(n) {
     const { expanded: e } = me(), { expanded: o } = me("pinia-store-state"), t = T([]), s = T([]), l = T(""), i = T([]), u = V(() => {
@@ -2696,20 +2698,20 @@ const tl = /* @__PURE__ */ be(X1, [["render", el]]), nl = {
       return !((E = v.value.state) != null && E.length) && !((P = v.value.getters) != null && P.length);
     });
     function f(E, P = [], w = []) {
-      var $;
-      return P.push(E.id), (($ = E.children) == null ? void 0 : $.length) === 0 && w.push([...P]), Array.isArray(E.children) && E.children.forEach((_) => {
+      var I;
+      return P.push(E.id), ((I = E.children) == null ? void 0 : I.length) === 0 && w.push([...P]), Array.isArray(E.children) && E.children.forEach((_) => {
         f(_, P, w);
       }), P.pop(), w;
     }
     function g(E, P) {
       const w = [];
-      return E == null || E.forEach(($) => {
-        w.push(...$.slice(0, P + 1));
+      return E == null || E.forEach((I) => {
+        w.push(...I.slice(0, P + 1));
       }), [...new Set(w)];
     }
     function b(E) {
-      const P = [], w = ($) => {
-        $ == null || $.forEach((_) => {
+      const P = [], w = (I) => {
+        I == null || I.forEach((_) => {
           var N;
           P.push(_), (N = _.children) != null && N.length && w(_.children);
         });
@@ -2742,7 +2744,7 @@ const tl = /* @__PURE__ */ be(X1, [["render", el]]), nl = {
     function k(E) {
       D.value.getInspectorState({ inspectorId: pe, nodeId: E }).then((P) => {
         const w = Y(P);
-        w && (v.value = A(w), o.value = Array.from({ length: Object.keys(v.value).length }, ($, _) => `${_}`));
+        w && (v.value = A(w), o.value = Array.from({ length: Object.keys(v.value).length }, (I, _) => `${_}`));
       });
     }
     function R() {
@@ -2772,7 +2774,7 @@ const tl = /* @__PURE__ */ be(X1, [["render", el]]), nl = {
     }
     return D.functions.on(W.INSPECTOR_TREE_UPDATED, K), D.functions.on(W.INSPECTOR_STATE_UPDATED, Z), ye(() => {
       D.functions.off(W.INSPECTOR_TREE_UPDATED, K), D.functions.off(W.INSPECTOR_STATE_UPDATED, Z);
-    }), (E, P) => (p(), m("div", dl, [
+    }), (E, P) => (p(), m("div", cl, [
       x(Se, {
         "doc-link": "https://pinia.vuejs.org/",
         "github-repo-link": "https://github.com/vuejs/pinia"
@@ -2792,35 +2794,35 @@ const tl = /* @__PURE__ */ be(X1, [["render", el]]), nl = {
             default: M(() => {
               var w;
               return [
-                r("div", pl, [
-                  (w = s.value) != null && w.length ? (p(), m("div", fl, [
-                    r("div", vl, [
-                      (p(!0), m(te, null, ae(s.value, ($, _) => J((p(), m("div", {
+                r("div", dl, [
+                  (w = s.value) != null && w.length ? (p(), m("div", pl, [
+                    r("div", fl, [
+                      (p(!0), m(te, null, ae(s.value, (I, _) => J((p(), m("div", {
                         key: _,
                         class: "flex items-center gap1",
                         onClick: (N) => O(_)
                       }, [
                         r("i", {
-                          class: ie(`i-ic-baseline-${$.icon.replace(/\_/g, "-")}`),
+                          class: ie(`i-ic-baseline-${I.icon.replace(/\_/g, "-")}`),
                           "cursor-pointer": "",
                           op70: "",
                           "text-base": "",
                           "hover:op100": ""
                         }, null, 2)
-                      ], 8, ml)), [
+                      ], 8, vl)), [
                         [
                           d(Q),
-                          { content: $.tooltip },
+                          { content: I.tooltip },
                           void 0,
                           { "bottom-end": !0 }
                         ]
                       ])), 128))
                     ])
                   ])) : U("", !0),
-                  r("div", hl, [
+                  r("div", ml, [
                     x(Pe, {
                       modelValue: l.value,
-                      "onUpdate:modelValue": P[0] || (P[0] = ($) => l.value = $),
+                      "onUpdate:modelValue": P[0] || (P[0] = (I) => l.value = I),
                       data: i.value
                     }, null, 8, ["modelValue", "data"])
                   ])
@@ -2833,25 +2835,25 @@ const tl = /* @__PURE__ */ be(X1, [["render", el]]), nl = {
             default: M(() => {
               var w;
               return [
-                r("div", gl, [
-                  (w = t.value) != null && w.length ? (p(), m("div", Cl, [
-                    r("div", _l, [
-                      (p(!0), m(te, null, ae(t.value, ($, _) => J((p(), m("div", {
+                r("div", hl, [
+                  (w = t.value) != null && w.length ? (p(), m("div", gl, [
+                    r("div", Cl, [
+                      (p(!0), m(te, null, ae(t.value, (I, _) => J((p(), m("div", {
                         key: _,
                         class: "flex items-center gap1",
                         onClick: (N) => j(_)
                       }, [
                         r("i", {
-                          class: ie(`i-ic-baseline-${$.icon.replace(/\_/g, "-")}`),
+                          class: ie(`i-ic-baseline-${I.icon.replace(/\_/g, "-")}`),
                           "cursor-pointer": "",
                           op70: "",
                           "text-base": "",
                           "hover:op100": ""
                         }, null, 2)
-                      ], 8, xl)), [
+                      ], 8, _l)), [
                         [
                           d(Q),
-                          { content: $.tooltip },
+                          { content: I.tooltip },
                           void 0,
                           { "bottom-end": !0 }
                         ]
@@ -2881,7 +2883,7 @@ const tl = /* @__PURE__ */ be(X1, [["render", el]]), nl = {
       })
     ]));
   }
-}), bl = /* @__PURE__ */ B({
+}), yl = /* @__PURE__ */ B({
   __name: "Index",
   setup(n) {
     const e = ["pinia:mutations"];
@@ -2891,10 +2893,10 @@ const tl = /* @__PURE__ */ be(X1, [["render", el]]), nl = {
       "github-repo-link": "https://github.com/vuejs/pinia"
     }));
   }
-}), wl = {
+}), bl = {
   "h-full": "",
   "w-full": ""
-}, Xl = /* @__PURE__ */ B({
+}, Yl = /* @__PURE__ */ B({
   __name: "index",
   setup(n) {
     const e = T(null);
@@ -2903,13 +2905,13 @@ const tl = /* @__PURE__ */ be(X1, [["render", el]]), nl = {
       {
         path: "/store",
         name: "Store",
-        component: yl,
+        component: xl,
         icon: "i-carbon-tree-view-alt"
       },
       {
         path: "/timeline",
         name: "Timeline",
-        component: bl,
+        component: yl,
         icon: "i-mdi:timeline-clock-outline"
       },
       {
@@ -2921,27 +2923,27 @@ const tl = /* @__PURE__ */ be(X1, [["render", el]]), nl = {
       e.value && {
         path: "/settings",
         name: "Settings",
-        component: cl,
+        component: ul,
         icon: "i-mdi:cog-outline"
       }
     ].filter(Boolean)), { VirtualRouterView: t, restoreRouter: s } = ct(o, {
       defaultRoutePath: "/store"
     });
     return Re(() => {
-      D.value.getPluginSettings("pinia").then((l) => {
-        l.options ? e.value = l : e.value = null;
+      D.value.getPluginSettings("dev.esm.pinia").then((i) => {
+        i.options ? e.value = i : e.value = null;
       });
-    }), (l, i) => (p(), m("div", wl, [
+    }), (l, i) => (p(), m("div", bl, [
       x(d(t))
     ]));
   }
-}), kl = {}, $l = {
+}), wl = {}, kl = {
   viewBox: "0 0 566 154",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Il(n, e) {
-  return p(), m("svg", $l, e[0] || (e[0] = [
+  return p(), m("svg", kl, e[0] || (e[0] = [
     r("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: "8em",
@@ -2959,34 +2961,34 @@ function Il(n, e) {
     }, null, -1)
   ]));
 }
-const Sl = /* @__PURE__ */ be(kl, [["render", Il]]), Tl = {
+const $l = /* @__PURE__ */ be(wl, [["render", Il]]), Sl = {
   "h-full": "",
   "w-full": "",
   flex: "",
   "items-center": ""
-}, El = {
+}, Tl = {
   flex: "~ col gap2",
   ma: "",
   "px-5": ""
-}, Vl = {
+}, El = {
   flex: "~ col",
   "mt-20": "",
   "items-center": ""
-}, Nl = {
+}, Vl = {
   flex: "~",
   "mt--10": "",
   "items-center": "",
   "justify-center": ""
-}, Rl = { flex: "~ gap2 wrap" }, Al = /* @__PURE__ */ B({
+}, Nl = { flex: "~ gap2 wrap" }, Rl = /* @__PURE__ */ B({
   __name: "About",
   setup(n) {
     const e = Me();
-    return (o, t) => (p(), m("div", Tl, [
-      r("div", El, [
+    return (o, t) => (p(), m("div", Sl, [
+      r("div", Tl, [
         t[5] || (t[5] = r("div", { "flex-auto": "" }, null, -1)),
-        r("div", Vl, [
-          r("div", Nl, [
-            x(Sl, { "h-18": "" })
+        r("div", El, [
+          r("div", Vl, [
+            x($l, { "h-18": "" })
           ]),
           t[2] || (t[2] = r("div", {
             mb6: "",
@@ -2999,7 +3001,7 @@ const Sl = /* @__PURE__ */ be(kl, [["render", Il]]), Tl = {
           ], -1))
         ]),
         t[6] || (t[6] = r("div", { "flex-auto": "" }, null, -1)),
-        r("div", Rl, [
+        r("div", Nl, [
           r("div", {
             flex: "~ col auto",
             "min-w-40": "",
@@ -3062,21 +3064,21 @@ const Sl = /* @__PURE__ */ be(kl, [["render", Il]]), Tl = {
       ])
     ]));
   }
-}), Dl = { class: "h-full flex flex-col" }, Pl = {
+}), Al = { class: "h-full flex flex-col" }, Dl = {
   "h-full": "",
   "select-none": "",
   "overflow-scroll": "",
   p2: "",
   class: "no-scrollbar"
-}, Ml = {
+}, Pl = {
   "h-full": "",
   "select-none": "",
   "overflow-scroll": "",
   class: "no-scrollbar"
-}, Hl = /* @__PURE__ */ B({
+}, Ml = /* @__PURE__ */ B({
   __name: "Index",
   setup(n) {
-    const { expanded: e } = me(), { expanded: o } = me("routes-state"), t = Ie(), s = V(() => t.value.id), l = T(""), i = T([]), u = V(() => {
+    const { expanded: e } = me(), { expanded: o } = me("routes-state"), t = $e(), s = V(() => t.value.id), l = T(""), i = T([]), u = V(() => {
       var k, R;
       return (k = i.value) != null && k.length ? a((R = i.value) == null ? void 0 : R[0]) : [];
     }), c = V(() => g(i.value)), C = V(() => c.value.map((k) => k.id)), v = T({});
@@ -3139,7 +3141,7 @@ const Sl = /* @__PURE__ */ be(kl, [["render", Il]]), Tl = {
     }
     return D.functions.on(W.INSPECTOR_TREE_UPDATED, O), D.functions.on(W.INSPECTOR_STATE_UPDATED, A), ye(() => {
       D.functions.off(W.INSPECTOR_TREE_UPDATED, O), D.functions.off(W.INSPECTOR_STATE_UPDATED, A);
-    }), (k, R) => (p(), m("div", Dl, [
+    }), (k, R) => (p(), m("div", Al, [
       x(Se, {
         "doc-link": "https://router.vuejs.org/",
         "github-repo-link": "https://github.com/vuejs/router"
@@ -3157,7 +3159,7 @@ const Sl = /* @__PURE__ */ be(kl, [["render", Il]]), Tl = {
             "h-full": ""
           }, {
             default: M(() => [
-              r("div", Pl, [
+              r("div", Dl, [
                 x(Pe, {
                   modelValue: l.value,
                   "onUpdate:modelValue": R[0] || (R[0] = (H) => l.value = H),
@@ -3169,7 +3171,7 @@ const Sl = /* @__PURE__ */ be(kl, [["render", Il]]), Tl = {
           }),
           x(d(ue), { size: "60" }, {
             default: M(() => [
-              r("div", Ml, [
+              r("div", Pl, [
                 l.value ? (p(), z(De, {
                   key: 0,
                   class: "p3",
@@ -3192,20 +3194,20 @@ const Sl = /* @__PURE__ */ be(kl, [["render", Il]]), Tl = {
       })
     ]));
   }
-}), Ll = /* @__PURE__ */ B({
+}), Hl = /* @__PURE__ */ B({
   __name: "Index",
   setup(n) {
-    const e = Ie();
+    const e = $e();
     return (o, t) => (p(), z(dt, {
       "layer-ids": d(e).timelineLayerIds,
       "doc-link": "https://router.vuejs.org/",
       "github-repo-link": "https://github.com/vuejs/router"
     }, null, 8, ["layer-ids"]));
   }
-}), Ol = {
+}), Ll = {
   "h-full": "",
   "w-full": ""
-}, Ql = /* @__PURE__ */ B({
+}, Xl = /* @__PURE__ */ B({
   __name: "index",
   props: {
     id: {}
@@ -3215,19 +3217,19 @@ const Sl = /* @__PURE__ */ be(kl, [["render", Il]]), Tl = {
       {
         path: "/routes",
         name: "Routes",
-        component: Hl,
+        component: Ml,
         icon: "i-carbon-tree-view-alt"
       },
       {
         path: "/timeline",
         name: "Timeline",
-        component: Ll,
+        component: Hl,
         icon: "i-mdi:timeline-clock-outline"
       },
       {
         path: "/about",
         name: "About",
-        component: Al,
+        component: Rl,
         icon: "i-ri-route-line"
       }
     ], {
@@ -3251,15 +3253,15 @@ const Sl = /* @__PURE__ */ be(kl, [["render", Il]]), Tl = {
     }
     return X(() => e.id, (u) => {
       u && i();
-    }), (u, c) => (p(), m("div", Ol, [
+    }), (u, c) => (p(), m("div", Ll, [
       x(d(s))
     ]));
   }
 });
 export {
-  Jl as Components,
-  Yl as CustomInspector,
-  Xl as Pinia,
-  Ql as Router,
-  ql as useCustomInspector
+  ql as Components,
+  Jl as CustomInspector,
+  Yl as Pinia,
+  Xl as Router,
+  Wl as useCustomInspector
 };