@vue/devtools-applet 7.3.7 → 7.3.8

package/dist/index.js

@@ -1,9 +1,9 @@
-import { openBlock as p, createElementBlock as g, createStaticVNode as Ft, toValue as ut, ref as I, computed as D, defineComponent as G, h as Gt, provide as $e, inject as Ce, createElementVNode as a, createVNode as y, unref as r, createTextVNode as te, Fragment as oe, renderList as fe, normalizeClass as ie, toDisplayString as ae, renderSlot as Ye, createCommentVNode as z, isRef as ze, watch as X, onMounted as bt, nextTick as wt, readonly as Kt, getCurrentScope as Wt, onScopeDispose as Jt, getCurrentInstance as Xe, reactive as dt, withDirectives as q, createBlock as F, mergeProps as we, withModifiers as pe, withCtx as H, toRaw as qt, watchEffect as $t, normalizeStyle as ke, pushScopeId as Qe, popScopeId as et, mergeModels as kt, useModel as It, onUnmounted as xe, vShow as Yt } from "vue";
+import { openBlock as p, createElementBlock as g, createStaticVNode as Ft, toValue as ct, ref as I, computed as D, defineComponent as G, h as Gt, provide as $e, inject as Ce, createElementVNode as a, createVNode as y, unref as r, createTextVNode as te, Fragment as oe, renderList as fe, normalizeClass as ie, toDisplayString as ae, renderSlot as qe, createCommentVNode as z, isRef as ze, watch as X, onMounted as bt, nextTick as wt, readonly as Kt, getCurrentScope as Wt, onScopeDispose as Jt, getCurrentInstance as Ye, reactive as ut, withDirectives as q, createBlock as F, mergeProps as we, withModifiers as pe, withCtx as H, toRaw as qt, watchEffect as $t, normalizeStyle as ke, pushScopeId as Xe, popScopeId as Qe, mergeModels as kt, useModel as It, onUnmounted as xe, vShow as Yt } from "vue";
 import { Splitpanes as Ee, Pane as ue } from "splitpanes";
 import { rpc as R, DevToolsMessagingEvents as W, onRpcConnected as Ue } from "@vue/devtools-core";
-import { getRaw as Tt, toSubmit as Oe, formatInspectorStateValue as Xt, getInspectorStateValueType as pt, toEdit as Qt, isPlainObject as en, UNDEFINED as tn, NAN as nn, INFINITY as on, NEGATIVE_INFINITY as sn, parse as Y } from "@vue/devtools-kit";
-import { VueButton as ce, VueIcon as ne, vTooltip as Q, VueDropdown as ln, VueDropdownButton as ft, VueInput as Je, VueCodeBlock as an, VueDialog as rn, VueIcIcon as vt } from "@vue/devtools-ui";
-import { isArray as ht, isObject as mt, sortByKey as St, isInSeparateWindow as cn, isInChromePanel as Ke } from "@vue/devtools-shared";
+import { getRaw as Tt, toSubmit as Oe, formatInspectorStateValue as Xt, getInspectorStateValueType as dt, toEdit as Qt, isPlainObject as en, UNDEFINED as tn, NAN as nn, INFINITY as on, NEGATIVE_INFINITY as sn, parse as Y } from "@vue/devtools-kit";
+import { VueButton as ce, VueIcon as ne, vTooltip as Q, VueDropdown as ln, VueDropdownButton as pt, VueInput as We, VueCodeBlock as an, VueDialog as rn, VueIcIcon as ft } from "@vue/devtools-ui";
+import { isArray as vt, isObject as ht, sortByKey as St, isInSeparateWindow as cn, isInChromePanel as mt } from "@vue/devtools-shared";
 import { debounce as un } from "perfect-debounce";
 import { RecycleScroller as dn } from "vue-virtual-scroller";
 import { flatten as pn, groupBy as fn } from "lodash-es";
@@ -22,11 +22,11 @@ const ye = (t, e) => {
 function gn(t, e) {
   return p(), g("svg", hn, _n);
 }
-const Cn = /* @__PURE__ */ ye(vn, [["render", gn]]), tt = Symbol("VirtualRouteKey"), Et = Symbol("VirtualRoutesKey");
-function nt(t, e) {
-  const n = (e == null ? void 0 : e.defaultRoutePath) ?? ut(t)[0].path, o = I({
+const Cn = /* @__PURE__ */ ye(vn, [["render", gn]]), et = Symbol("VirtualRouteKey"), Et = Symbol("VirtualRoutesKey");
+function tt(t, e) {
+  const n = (e == null ? void 0 : e.defaultRoutePath) ?? ct(t)[0].path, o = I({
     path: n
-  }), s = D(() => ut(t)), l = D(() => o.value.path), c = G({
+  }), s = D(() => ct(t)), l = D(() => o.value.path), c = G({
     setup() {
       return () => {
         const u = s.value.find((C) => C.path === l.value);
@@ -37,10 +37,10 @@ function nt(t, e) {
   function i() {
     o.value.path = n;
   }
-  return $e(tt, o), $e(Et, s), { VirtualRouterView: c, restoreRouter: i };
+  return $e(et, o), $e(Et, s), { VirtualRouterView: c, restoreRouter: i };
 }
 function Ve() {
-  const t = Ce(tt);
+  const t = Ce(et);
   return {
     push(e) {
       t.value.path = e;
@@ -48,7 +48,7 @@ function Ve() {
   };
 }
 function xn() {
-  const t = Ce(Et), e = Ce(tt);
+  const t = Ce(Et), e = Ce(et);
   return {
     routes: t,
     currentRoute: e
@@ -186,7 +186,7 @@ const yn = {
     const e = Ve();
     return (n, o) => (p(), g("div", jn, [
       a("div", null, [
-        Ye(n.$slots, "default", {}, () => [
+        qe(n.$slots, "default", {}, () => [
           a("i", {
             class: "i-ep:back cursor-pointer op70 text-base hover:op100",
             onClick: o[0] || (o[0] = (s) => r(e).push("/"))
@@ -214,18 +214,18 @@ function qn(t, e) {
   return p(), g("div", Wn, [
     Jn,
     a("span", null, [
-      Ye(t.$slots, "default")
+      qe(t.$slots, "default")
     ])
   ]);
 }
 const Se = /* @__PURE__ */ ye(Kn, [["render", qn]]);
-function ot(t) {
+function nt(t) {
   return Wt() ? (Jt(t), !0) : !1;
 }
 function ee(t) {
   return typeof t == "function" ? t() : r(t);
 }
-const st = typeof window < "u" && typeof document < "u";
+const ot = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Yn = (t) => typeof t < "u", Xn = Object.prototype.toString, Qn = (t) => Xn.call(t) === "[object Object]", je = () => {
 };
@@ -270,7 +270,7 @@ function oo(t) {
   }, n;
 }
 function so(t) {
-  return t || Xe();
+  return Ye();
 }
 function lo(t, e, n = {}) {
   const {
@@ -289,7 +289,7 @@ function lo(t, e, n = {}) {
 function ao(t, e = !0, n) {
   so() ? bt(t, n) : e ? t() : wt(t);
 }
-function qe(t, e = !1) {
+function Je(t, e = !1) {
   function n(d, { flush: v = "sync", deep: m = !1, timeout: x, throwOnTimeout: h } = {}) {
     let $ = null;
     const L = [new Promise((E) => {
@@ -362,7 +362,7 @@ function qe(t, e = !1) {
     changed: C,
     changedTimes: f,
     get not() {
-      return qe(t, !e);
+      return Je(t, !e);
     }
   } : {
     toMatch: n,
@@ -374,12 +374,12 @@ function qe(t, e = !1) {
     changed: C,
     changedTimes: f,
     get not() {
-      return qe(t, !e);
+      return Je(t, !e);
     }
   };
 }
 function Vt(t) {
-  return qe(t);
+  return Je(t);
 }
 function io(t, e, n = {}) {
   const {
@@ -397,7 +397,7 @@ function io(t, e, n = {}) {
       s.value = !1, l = null, t(...C);
     }, ee(e));
   }
-  return o && (s.value = !0, st && u()), ot(i), {
+  return o && (s.value = !0, ot && u()), nt(i), {
     isPending: Kt(s),
     start: u,
     stop: i
@@ -438,7 +438,7 @@ function ge(t) {
   const n = ee(t);
   return (e = n == null ? void 0 : n.$el) != null ? e : n;
 }
-const Fe = st ? window : void 0, Nt = st ? window.navigator : void 0;
+const Fe = ot ? window : void 0, Nt = ot ? window.navigator : void 0;
 function he(...t) {
   let e, n, o, s;
   if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([n, o, s] = t, e = Fe) : [e, n, o, s] = t, !e)
@@ -460,15 +460,15 @@ function he(...t) {
   ), C = () => {
     u(), c();
   };
-  return ot(C), C;
+  return nt(C), C;
 }
 function uo() {
-  const t = I(!1), e = Xe();
+  const t = I(!1), e = Ye();
   return e && bt(() => {
     t.value = !0;
   }, e), t;
 }
-function lt(t) {
+function st(t) {
   const e = uo();
   return D(() => (e.value, !!t()));
 }
@@ -476,7 +476,7 @@ function gt(t, e = {}) {
   const {
     controls: n = !1,
     navigator: o = Nt
-  } = e, s = lt(() => o && "permissions" in o);
+  } = e, s = st(() => o && "permissions" in o);
   let l;
   const c = typeof t == "string" ? { name: t } : t, i = I(), u = () => {
     l && (i.value = l.state);
@@ -504,7 +504,7 @@ function po(t = {}) {
     source: o,
     copiedDuring: s = 1500,
     legacy: l = !1
-  } = t, c = lt(() => e && "clipboard" in e), i = gt("clipboard-read"), u = gt("clipboard-write"), C = D(() => c.value || l), f = I(""), d = I(!1), v = io(() => d.value = !1, s);
+  } = t, c = st(() => e && "clipboard" in e), i = gt("clipboard-read"), u = gt("clipboard-write"), C = D(() => c.value || l), f = I(""), d = I(!1), v = io(() => d.value = !1, s);
   function m() {
     c.value && j(i.value) ? e.clipboard.readText().then((L) => {
       f.value = L;
@@ -538,7 +538,7 @@ function fo(t) {
 function vo(t, e, n = {}) {
   const { window: o = Fe, ...s } = n;
   let l;
-  const c = lt(() => o && "ResizeObserver" in o), i = () => {
+  const c = st(() => o && "ResizeObserver" in o), i = () => {
     l && (l.disconnect(), l = void 0);
   }, u = D(() => Array.isArray(t) ? t.map((d) => ge(d)) : [ge(t)]), C = X(
     u,
@@ -553,7 +553,7 @@ function vo(t, e, n = {}) {
   ), f = () => {
     i(), C();
   };
-  return ot(f), {
+  return nt(f), {
     isSupported: c,
     stop: f
   };
@@ -616,12 +616,12 @@ function _o(t = {}) {
     aliasMap: o = mo,
     passive: s = !0,
     onEventFired: l = je
-  } = t, c = dt(/* @__PURE__ */ new Set()), i = {
+  } = t, c = ut(/* @__PURE__ */ new Set()), i = {
     toJSON() {
       return {};
     },
     current: c
-  }, u = e ? dt(i) : i, C = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set();
+  }, u = e ? ut(i) : i, C = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set();
   function d(h, $) {
     h in u && (e ? u[h] = $ : u[h].value = $);
   }
@@ -669,9 +669,9 @@ function go(t, e, n, o = {}) {
     deep: f = !1,
     defaultValue: d,
     shouldEmit: v
-  } = o, m = Xe(), x = n || (m == null ? void 0 : m.emit) || ((s = m == null ? void 0 : m.$emit) == null ? void 0 : s.bind(m)) || ((c = (l = m == null ? void 0 : m.proxy) == null ? void 0 : l.$emit) == null ? void 0 : c.bind(m == null ? void 0 : m.proxy));
+  } = o, m = Ye(), x = n || (m == null ? void 0 : m.emit) || ((s = m == null ? void 0 : m.$emit) == null ? void 0 : s.bind(m)) || ((c = (l = m == null ? void 0 : m.proxy) == null ? void 0 : l.$emit) == null ? void 0 : c.bind(m == null ? void 0 : m.proxy));
   let h = C;
-  e || (e = "modelValue"), h = h || `update:${e.toString()}`;
+  h = h || `update:${e.toString()}`;
   const $ = (E) => i ? typeof i == "function" ? i(E) : fo(E) : E, j = () => Yn(t[e]) ? $(t[e]) : d, L = (E) => {
     v ? v(E) && x(h, E) : x(h, E);
   };
@@ -707,11 +707,11 @@ function Co(t) {
     context: e
   };
 }
-function at() {
+function lt() {
   return Ce(At);
 }
 function xo() {
-  const t = I(""), e = I("string"), n = I(!1), o = at();
+  const t = I(""), e = I("string"), n = I(!1), o = lt();
   return {
     editingText: t,
     editing: n,
@@ -772,7 +772,7 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
   },
   emits: ["enableEditInput", "addNewProp"],
   setup(t) {
-    const e = t, n = at(), { copy: o, isSupported: s } = po(), l = I(!1), c = D(() => Tt(e.data.value)), i = D(() => c.value.value), u = D(() => c.value.customType), C = D(() => i.value === null ? "null" : typeof i.value), f = {
+    const e = t, n = lt(), { copy: o, isSupported: s } = po(), l = I(!1), c = D(() => Tt(e.data.value)), i = D(() => c.value.value), u = D(() => c.value.customType), C = D(() => i.value === null ? "null" : typeof i.value), f = {
       flat: !0,
       size: "mini"
     }, d = D(() => ({
@@ -879,7 +879,7 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
       }, {
         popper: H(() => [
           a("div", $o, [
-            y(r(ft), {
+            y(r(pt), {
               onClick: h[6] || (h[6] = ($) => r(o)(typeof i.value == "object" ? JSON.stringify(i.value) : i.value.toString()))
             }, {
               icon: H(() => [
@@ -891,7 +891,7 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
               ]),
               _: 1
             }),
-            y(r(ft), {
+            y(r(pt), {
               onClick: h[7] || (h[7] = () => {
                 r(o)(x.data.key);
               })
@@ -914,7 +914,7 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
       }, 8, ["class", "disabled"])
     ]));
   }
-}), Io = { class: "flex-inline items-center gap4px" }, We = /* @__PURE__ */ G({
+}), Io = { class: "flex-inline items-center gap4px" }, Ke = /* @__PURE__ */ G({
   __name: "StateFieldInputEditor",
   props: {
     modelValue: {},
@@ -940,7 +940,7 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
     return X(i, un(() => {
       C.value = !u(i.value);
     }, 300)), (d, v) => (p(), g("span", Io, [
-      y(r(Je), {
+      y(r(We), {
         modelValue: r(i),
         "onUpdate:modelValue": v[0] || (v[0] = (m) => ze(i) ? i.value = m : null),
         type: s.value,
@@ -993,7 +993,7 @@ const wo = { class: "flex pl5px" }, $o = { class: "w160px py5px" }, ko = /* @__P
       ], 64)) : z("", !0)
     ]));
   }
-}), it = /* @__PURE__ */ G({
+}), at = /* @__PURE__ */ G({
   __name: "ToggleExpanded",
   props: {
     value: { type: Boolean }
@@ -1012,7 +1012,7 @@ function ve(t = "") {
     expanded: e
   };
 }
-function rt(t = "") {
+function it(t = "") {
   const e = Ce(`${Rt}-${t}`, I([]));
   function n(o) {
     const s = e.value.indexOf(o);
@@ -1039,7 +1039,7 @@ function To(t, e = {}) {
     isHovering: l
   };
 }
-const Dt = (t) => (Qe("data-v-e1338684"), t = t(), et(), t), So = {
+const Dt = (t) => (Xe("data-v-e1338684"), t = t(), Qe(), t), So = {
   key: 1,
   pl5: ""
 }, Eo = {
@@ -1063,12 +1063,12 @@ const Dt = (t) => (Qe("data-v-e1338684"), t = t(), et(), t), So = {
       customClass: {
         string: "max-w-120 truncate"
       }
-    })), s = D(() => pt(e.data.value)), l = D(() => Tt(e.data.value)), { expanded: c, toggleExpanded: i } = rt(e.expandedStateId ?? ""), u = D(() => {
+    })), s = D(() => dt(e.data.value)), l = D(() => Tt(e.data.value)), { expanded: c, toggleExpanded: i } = it(e.expandedStateId ?? ""), u = D(() => {
       var _;
       return s.value === "custom" ? `${((_ = e.data.value._custom) == null ? void 0 : _.type) ?? "string"}-custom-state` : "";
     }), C = D(() => {
       const { value: _ } = l.value;
-      return ht(_) ? _.length : mt(_) ? Object.keys(_).length : 0;
+      return vt(_) ? _.length : ht(_) ? Object.keys(_).length : 0;
     }), f = D(() => e.data.path || [e.data.key]), d = D(() => f.value[f.value.length - 1]), v = D(() => {
       var U, se, le, re, me, _e, Pe;
       const _ = ["Reactive"], A = ((se = (U = e.data) == null ? void 0 : U._custom) == null ? void 0 : se.stateTypeName) || ((le = e.data) == null ? void 0 : le.stateTypeName);
@@ -1077,20 +1077,20 @@ const Dt = (t) => (Qe("data-v-e1338684"), t = t(), et(), t), So = {
       if ((me = (re = e.data.value) == null ? void 0 : re.fields) != null && me.abstract)
         return "";
       {
-        const Me = (Pe = (_e = e.data.value) == null ? void 0 : _e._custom) == null ? void 0 : Pe.type, He = s.value === "custom" && !Me ? `"${o.value}"` : o.value === "" ? '""' : o.value, Le = s.value === "custom" && Me === "ref" ? pt(He) : s.value, Ge = s.value === "string" ? "select-text" : "", Ie = `<span class="${Le}-state-type flex whitespace-nowrap ${Ge}">${He}</span>`;
+        const Me = (Pe = (_e = e.data.value) == null ? void 0 : _e._custom) == null ? void 0 : Pe.type, He = s.value === "custom" && !Me ? `"${o.value}"` : o.value === "" ? '""' : o.value, Le = s.value === "custom" && Me === "ref" ? dt(He) : s.value, Ge = s.value === "string" ? "select-text" : "", Ie = `<span class="${Le}-state-type flex whitespace-nowrap ${Ge}">${He}</span>`;
         return A ? `${Ie} <span class="text-gray-500">(${A})</span>` : Ie;
       }
     }), m = D(() => {
       const { value: _, inherit: A, customType: U } = l.value, se = U === "set";
       let le = [];
-      return ht(_) ? _.slice(0, n.value).map((me, _e) => ({
+      return vt(_) ? _.slice(0, n.value).map((me, _e) => ({
         key: _e.toString(),
         path: [...f.value, _e.toString()],
         value: me,
         ...A,
         editable: e.data.editable && !se,
         creating: !1
-      })) : (mt(_) && (le = Object.keys(_).slice(0, n.value).map((re) => ({
+      })) : (ht(_) && (le = Object.keys(_).slice(0, n.value).map((re) => ({
         key: re,
         path: [...f.value, re],
         value: _[re],
@@ -1098,7 +1098,7 @@ const Dt = (t) => (Qe("data-v-e1338684"), t = t(), et(), t), So = {
         editable: e.data.editable && !se,
         creating: !1
       })), s.value !== "custom" && (le = St(le))), le === e.data.value ? [] : le);
-    }), x = D(() => m.value.length > 0), h = I(), $ = at(), { isHovering: j } = To(() => h.value), { editingType: L, editing: E, editingText: w, toggleEditing: V, nodeId: M } = xo();
+    }), x = D(() => m.value.length > 0), h = I(), $ = lt(), { isHovering: j } = To(() => h.value), { editingType: L, editing: E, editingText: w, toggleEditing: V, nodeId: M } = xo();
     X(() => E.value, (_) => {
       if (_) {
         const { value: A } = l.value;
@@ -1147,13 +1147,13 @@ const Dt = (t) => (Qe("data-v-e1338684"), t = t(), et(), t), So = {
         style: ke({ paddingLeft: `${_.depth * 15 + 4}px` }),
         onClick: A[1] || (A[1] = (U) => r(i)(`${_.depth}-${_.index}`))
       }, [
-        x.value ? (p(), F(it, {
+        x.value ? (p(), F(at, {
           key: 0,
           value: r(c).includes(`${_.depth}-${_.index}`)
         }, null, 8, ["value"])) : (p(), g("span", So)),
         a("span", Eo, ae(d.value), 1),
         Vo,
-        r(E) ? (p(), F(We, {
+        r(E) ? (p(), F(Ke, {
           key: 2,
           modelValue: r(w),
           "onUpdate:modelValue": A[0] || (A[0] = (U) => ze(w) ? w.value = U : null),
@@ -1204,14 +1204,14 @@ const Dt = (t) => (Qe("data-v-e1338684"), t = t(), et(), t), So = {
           style: ke({ paddingLeft: `${(_.depth + 1) * 15 + 4}px` })
         }, [
           a("span", Ro, [
-            y(We, {
+            y(Ke, {
               modelValue: r(T).key,
               "onUpdate:modelValue": A[3] || (A[3] = (U) => r(T).key = U),
               "show-actions": !1
             }, null, 8, ["modelValue"])
           ]),
           Do,
-          y(We, {
+          y(Ke, {
             modelValue: r(T).value,
             "onUpdate:modelValue": A[4] || (A[4] = (U) => r(T).value = U),
             "auto-focus": !1,
@@ -1270,14 +1270,14 @@ const Dt = (t) => (Qe("data-v-e1338684"), t = t(), et(), t), So = {
     $t(() => {
       o.value = n();
     });
-    const { expanded: s, toggleExpanded: l } = rt(e.expandedStateId);
+    const { expanded: s, toggleExpanded: l } = it(e.expandedStateId);
     return (c, i) => (p(), g("div", null, [
       (p(!0), g(oe, null, fe(c.data, (u, C, f) => (p(), g("div", { key: f }, [
         a("div", {
           class: ie(["flex items-center", [(u == null ? void 0 : u.length) && "cursor-pointer hover:bg-active"]]),
           onClick: (d) => r(l)(`${f}`)
         }, [
-          u != null && u.length ? (p(), F(it, {
+          u != null && u.length ? (p(), F(at, {
             key: 0,
             value: r(s).includes(`${f}`)
           }, null, 8, ["value"])) : (p(), g("span", Lo)),
@@ -1399,7 +1399,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = It(t, "modelValue"), { expanded: n, toggleExpanded: o } = rt();
+    const e = It(t, "modelValue"), { expanded: n, toggleExpanded: o } = it();
     Ko();
     function s(c) {
       return "name" in c && (c == null ? void 0 : c.name) || "label" in c && c.label;
@@ -1421,7 +1421,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
           onClick: (v) => l(u.id),
           onDblclick: (v) => r(o)(u.id)
         }, [
-          (f = u == null ? void 0 : u.children) != null && f.length ? (p(), F(it, {
+          (f = u == null ? void 0 : u.children) != null && f.length ? (p(), F(at, {
             key: 0,
             value: r(n).includes(u.id),
             class: "[.active_&]:op20 group-hover:op20",
@@ -1732,7 +1732,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
   "select-none": "",
   "overflow-scroll": "",
   class: "no-scrollbar"
-}, ct = /* @__PURE__ */ G({
+}, rt = /* @__PURE__ */ G({
   __name: "index",
   props: {
     layerIds: {},
@@ -1847,7 +1847,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
   __name: "Index",
   setup(t) {
     const e = ["pinia:mutations"];
-    return (n, o) => (p(), F(ct, {
+    return (n, o) => (p(), F(rt, {
       "layer-ids": e,
       "doc-link": "https://pinia.vuejs.org/",
       "github-repo-link": "https://github.com/vuejs/pinia"
@@ -1859,7 +1859,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
 }, Nl = /* @__PURE__ */ G({
   __name: "index",
   setup(t) {
-    const { VirtualRouterView: e } = nt([
+    const { VirtualRouterView: e } = tt([
       {
         path: "/store",
         name: "Store",
@@ -1912,7 +1912,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
       ])
     ]));
   }
-}), Re = (t) => (Qe("data-v-6dfd6ab8"), t = t(), et(), t), E1 = { class: "h-full w-full" }, V1 = {
+}), Re = (t) => (Xe("data-v-ddb3f55a"), t = t(), Qe(), t), E1 = { class: "h-full w-full" }, V1 = {
   key: 0,
   class: "h-full flex flex-col p2"
 }, N1 = { class: "flex py2" }, A1 = {
@@ -2118,7 +2118,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
             default: H(() => [
               d.value ? (p(), g("div", V1, [
                 a("div", N1, [
-                  y(r(Je), {
+                  y(r(We), {
                     modelValue: i.value,
                     "onUpdate:modelValue": S[0] || (S[0] = (O) => i.value = O),
                     "loading-debounce-time": 250,
@@ -2172,7 +2172,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
                       a("span", O1, ae(T.value.name), 1),
                       j1
                     ])) : z("", !0),
-                    y(r(Je), {
+                    y(r(We), {
                       modelValue: u.value,
                       "onUpdate:modelValue": S[2] || (S[2] = (Z) => u.value = Z),
                       "loading-debounce-time": 250,
@@ -2202,7 +2202,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
                           { bottom: !0 }
                         ]
                       ]),
-                      r(Ke) ? q((p(), g("i", {
+                      r(mt) ? q((p(), g("i", {
                         key: 0,
                         class: "i-material-symbols-light:menu-open h-5 w-5 cursor-pointer hover:op-70",
                         onClick: He
@@ -2214,7 +2214,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
                           { bottom: !0 }
                         ]
                       ]) : z("", !0),
-                      P.value && !r(Ke) ? q((p(), g("i", {
+                      P.value ? q((p(), g("i", {
                         key: 1,
                         class: "i-carbon-launch h-4 w-4 cursor-pointer hover:op-70",
                         onClick: Ge
@@ -2248,7 +2248,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
         ]),
         _: 1
       }, 8, ["horizontal"]),
-      r(Ke) ? (p(), F(r(rn), {
+      r(mt) ? (p(), F(r(rn), {
         key: 0,
         modelValue: v.value,
         "onUpdate:modelValue": S[4] || (S[4] = (O) => v.value = O),
@@ -2278,7 +2278,7 @@ const Wo = ["onClick", "onDblclick"], Jo = {
       }, 8, ["modelValue"])) : z("", !0)
     ]));
   }
-}), Al = /* @__PURE__ */ ye(J1, [["__scopeId", "data-v-6dfd6ab8"]]), q1 = {}, Y1 = {
+}), Al = /* @__PURE__ */ ye(J1, [["__scopeId", "data-v-ddb3f55a"]]), q1 = {}, Y1 = {
   viewBox: "0 0 566 154",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -2553,7 +2553,7 @@ const xs = { class: "h-full flex flex-col" }, ys = {
   __name: "Index",
   setup(t) {
     const e = De();
-    return (n, o) => (p(), F(ct, {
+    return (n, o) => (p(), F(rt, {
       "layer-ids": r(e).timelineLayerIds,
       "doc-link": "https://router.vuejs.org/",
       "github-repo-link": "https://github.com/vuejs/router"
@@ -2568,7 +2568,7 @@ const xs = { class: "h-full flex flex-col" }, ys = {
     id: {}
   },
   setup(t) {
-    const e = t, n = zt(), o = I(!1), { VirtualRouterView: s, restoreRouter: l } = nt([
+    const e = t, n = zt(), o = I(!1), { VirtualRouterView: s, restoreRouter: l } = tt([
       {
         path: "/routes",
         name: "Routes",
@@ -2873,7 +2873,7 @@ const Ns = /* @__PURE__ */ ye(Is, [["render", Vs]]), As = {
                         class: "flex items-center gap1",
                         onClick: (se) => w(U)
                       }, [
-                        y(r(vt), {
+                        y(r(ft), {
                           name: `baseline-${A.icon.replace(/\_/g, "-")}`,
                           "cursor-pointer": "",
                           op70: "",
@@ -2914,7 +2914,7 @@ const Ns = /* @__PURE__ */ ye(Is, [["render", Vs]]), As = {
                         class: "flex items-center gap1",
                         onClick: (se) => E(U)
                       }, [
-                        y(r(vt), {
+                        y(r(ft), {
                           name: `baseline-${A.icon.replace(/\_/g, "-")}`,
                           "cursor-pointer": "",
                           op70: "",
@@ -2963,12 +2963,12 @@ const Ns = /* @__PURE__ */ ye(Is, [["render", Vs]]), As = {
   __name: "Index",
   setup(t) {
     const e = De();
-    return (n, o) => (p(), F(ct, {
+    return (n, o) => (p(), F(rt, {
       "layer-ids": r(e).timelineLayerIds,
       "doc-link": r(e).homepage
     }, null, 8, ["layer-ids", "doc-link"]));
   }
-}), vl = {}, hl = (t) => (Qe("data-v-b8018f07"), t = t(), et(), t), ml = { class: "h-screen w-screen $ui-fcc flex-col" }, _l = /* @__PURE__ */ hl(() => /* @__PURE__ */ a("div", { class: "outer" }, [
+}), vl = {}, hl = (t) => (Xe("data-v-b8018f07"), t = t(), Qe(), t), ml = { class: "h-screen w-screen $ui-fcc flex-col" }, _l = /* @__PURE__ */ hl(() => /* @__PURE__ */ a("div", { class: "outer" }, [
   /* @__PURE__ */ a("div", { class: "inner" }, [
     /* @__PURE__ */ a("i", {
       class: "i-logos-vue inline-block h8! w8!",
@@ -2979,7 +2979,7 @@ const Ns = /* @__PURE__ */ ye(Is, [["render", Vs]]), As = {
 function gl(t, e) {
   return p(), g("div", ml, [
     _l,
-    Ye(t.$slots, "default", {}, void 0, !0)
+    qe(t.$slots, "default", {}, void 0, !0)
   ]);
 }
 const Cl = /* @__PURE__ */ ye(vl, [["render", gl], ["__scopeId", "data-v-b8018f07"]]), xl = {
@@ -3013,7 +3013,7 @@ const Cl = /* @__PURE__ */ ye(vl, [["render", gl], ["__scopeId", "data-v-b8018f0
           component: tl
         }
       ].filter(Boolean);
-    }), { VirtualRouterView: i, restoreRouter: u } = nt(c, {
+    }), { VirtualRouterView: i, restoreRouter: u } = tt(c, {
       defaultRoutePath: "/state"
     });
     function C() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-applet",
   "type": "module",
-  "version": "7.3.7",
+  "version": "7.3.8",
   "author": "webfansplz",
   "license": "MIT",
   "exports": {
@@ -22,20 +22,20 @@
   "dependencies": {
     "lodash-es": "^4.17.21",
     "perfect-debounce": "^1.0.0",
-    "shiki": "^1.10.3",
+    "shiki": "^1.12.1",
     "splitpanes": "^3.1.5",
     "vue-virtual-scroller": "2.0.0-beta.8",
-    "@vue/devtools-core": "^7.3.7",
-    "@vue/devtools-kit": "^7.3.7",
-    "@vue/devtools-ui": "^7.3.7",
-    "@vue/devtools-shared": "^7.3.7"
+    "@vue/devtools-kit": "^7.3.8",
+    "@vue/devtools-ui": "^7.3.8",
+    "@vue/devtools-shared": "^7.3.8",
+    "@vue/devtools-core": "^7.3.8"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
     "unplugin-vue": "^5.0.5",
     "vite-plugin-dts": "^3.9.1",
-    "vue": "^3.4.31",
-    "vue-router": "^4.4.0"
+    "vue": "^3.4.37",
+    "vue-router": "^4.4.3"
   },
   "scripts": {
     "build": "vite build",