@vue/devtools-kit 7.3.0 → 7.3.1

package/dist/index.js

@@ -18,12 +18,12 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target20) => (target20 = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+var __toESM = (mod, isNodeMode, target21) => (target21 = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target20, "default", { value: mod, enumerable: true }) : target20,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target21, "default", { value: mod, enumerable: true }) : target21,
   mod
 ));
 
@@ -1577,7 +1577,7 @@ init_esm_shims();
 
 // src/core/index.ts
 init_esm_shims();
-import { isNuxtApp, target as target12 } from "@vue/devtools-shared";
+import { isNuxtApp, target as target13 } from "@vue/devtools-shared";
 
 // src/hook/index.ts
 init_esm_shims();
@@ -1649,10 +1649,10 @@ function createDevToolsHook() {
     apps: [],
     events: /* @__PURE__ */ new Map(),
     on(event, fn) {
-      var _a23;
+      var _a24;
       if (!this.events.has(event))
         this.events.set(event, []);
-      (_a23 = this.events.get(event)) == null ? void 0 : _a23.push(fn);
+      (_a24 = this.events.get(event)) == null ? void 0 : _a24.push(fn);
       return () => this.off(event, fn);
     },
     once(event, fn) {
@@ -1680,8 +1680,8 @@ function createDevToolsHook() {
 function subscribeDevToolsHook() {
   const hook2 = target.__VUE_DEVTOOLS_GLOBAL_HOOK__;
   hook2.on("app:init" /* APP_INIT */, (app, version) => {
-    var _a23, _b23, _c;
-    if ((_c = (_b23 = (_a23 = app == null ? void 0 : app._instance) == null ? void 0 : _a23.type) == null ? void 0 : _b23.devtools) == null ? void 0 : _c.hide)
+    var _a24, _b24, _c;
+    if ((_c = (_b24 = (_a24 = app == null ? void 0 : app._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
       return;
     devtoolsHooks.callHook("app:init" /* APP_INIT */, app, version);
   });
@@ -1689,8 +1689,8 @@ function subscribeDevToolsHook() {
     devtoolsHooks.callHook("app:unmount" /* APP_UNMOUNT */, app);
   });
   hook2.on("component:added" /* COMPONENT_ADDED */, async (app, uid, parentUid, component) => {
-    var _a23, _b23, _c;
-    if ((_c = (_b23 = (_a23 = app == null ? void 0 : app._instance) == null ? void 0 : _a23.type) == null ? void 0 : _b23.devtools) == null ? void 0 : _c.hide)
+    var _a24, _b24, _c;
+    if ((_c = (_b24 = (_a24 = app == null ? void 0 : app._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
       return;
     if (!app || typeof uid !== "number" && !uid || !component)
       return;
@@ -1721,7 +1721,7 @@ var hook = {
 
 // src/ctx/index.ts
 init_esm_shims();
-import { target as target9 } from "@vue/devtools-shared";
+import { target as target10 } from "@vue/devtools-shared";
 
 // src/ctx/hook.ts
 init_esm_shims();
@@ -1772,21 +1772,21 @@ async function getComponentId(options) {
   }
 }
 function isFragment(instance) {
-  var _a23;
-  const subTreeType = (_a23 = instance.subTree) == null ? void 0 : _a23.type;
+  var _a24;
+  const subTreeType = (_a24 = instance.subTree) == null ? void 0 : _a24.type;
   return subTreeType === Fragment;
 }
 function isBeingDestroyed(instance) {
   return instance._isBeingDestroyed || instance.isUnmounted;
 }
 function getInstanceName(instance) {
-  var _a23, _b23, _c;
+  var _a24, _b24, _c;
   const name = getComponentTypeName((instance == null ? void 0 : instance.type) || {});
   if (name)
     return name;
   if ((instance == null ? void 0 : instance.root) === instance)
     return "Root";
-  for (const key in (_b23 = (_a23 = instance.parent) == null ? void 0 : _a23.type) == null ? void 0 : _b23.components) {
+  for (const key in (_b24 = (_a24 = instance.parent) == null ? void 0 : _a24.type) == null ? void 0 : _b24.components) {
     if (instance.parent.type.components[key] === (instance == null ? void 0 : instance.type))
       return saveComponentGussedName(instance, key);
   }
@@ -1800,8 +1800,8 @@ function getInstanceName(instance) {
   return "Anonymous Component";
 }
 function getUniqueComponentId(instance) {
-  var _a23, _b23, _c;
-  const appId = (_c = (_b23 = (_a23 = instance == null ? void 0 : instance.appContext) == null ? void 0 : _a23.app) == null ? void 0 : _b23.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__) != null ? _c : 0;
+  var _a24, _b24, _c;
+  const appId = (_c = (_b24 = (_a24 = instance == null ? void 0 : instance.appContext) == null ? void 0 : _a24.app) == null ? void 0 : _b24.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__) != null ? _c : 0;
   const instanceId = instance === (instance == null ? void 0 : instance.root) ? "root" : instance.uid;
   return `${appId}:${instanceId}`;
 }
@@ -1988,9 +1988,9 @@ function getStyles(bounds) {
   };
 }
 function create(options) {
-  var _a23;
+  var _a24;
   const containerEl = document.createElement("div");
-  containerEl.id = (_a23 = options.elementId) != null ? _a23 : CONTAINER_ELEMENT_ID;
+  containerEl.id = (_a24 = options.elementId) != null ? _a24 : CONTAINER_ELEMENT_ID;
   Object.assign(containerEl.style, {
     ...containerStyles,
     ...getStyles(options.bounds),
@@ -2045,9 +2045,9 @@ function unhighlight() {
 }
 var inspectInstance = null;
 function inspectFn(e) {
-  const target20 = e.target;
-  if (target20) {
-    const instance = target20.__vueParentComponent;
+  const target21 = e.target;
+  if (target21) {
+    const instance = target21.__vueParentComponent;
     if (instance) {
       inspectInstance = instance;
       const el = instance.vnode.el;
@@ -2061,11 +2061,11 @@ function inspectFn(e) {
   }
 }
 function selectComponentFn(e, cb) {
-  var _a23;
+  var _a24;
   e.preventDefault();
   e.stopPropagation();
   if (inspectInstance) {
-    const app = (_a23 = activeAppRecord.value) == null ? void 0 : _a23.app;
+    const app = (_a24 = activeAppRecord.value) == null ? void 0 : _a24.app;
     getComponentId({
       app,
       uid: app.uid,
@@ -2223,7 +2223,7 @@ function setActiveAppRecordId(id) {
   updateAllStates();
 }
 var devtoolsState = new Proxy(global[STATE_KEY], {
-  get(target20, property) {
+  get(target21, property) {
     if (property === "appRecords") {
       return devtoolsAppRecords;
     } else if (property === "activeAppRecordId") {
@@ -2235,13 +2235,13 @@ var devtoolsState = new Proxy(global[STATE_KEY], {
     }
     return global[STATE_KEY][property];
   },
-  deleteProperty(target20, property) {
-    delete target20[property];
+  deleteProperty(target21, property) {
+    delete target21[property];
     return true;
   },
-  set(target20, property, value) {
+  set(target21, property, value) {
     const oldState = { ...global[STATE_KEY] };
-    target20[property] = value;
+    target21[property] = value;
     global[STATE_KEY][property] = value;
     return true;
   }
@@ -2307,8 +2307,8 @@ import { target as target2 } from "@vue/devtools-shared";
 var _a8, _b8;
 (_b8 = (_a8 = target2).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null ? _b8 : _a8.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = [];
 var devtoolsTimelineLayers = new Proxy(target2.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
-  get(target20, prop, receiver) {
-    return Reflect.get(target20, prop, receiver);
+  get(target21, prop, receiver) {
+    return Reflect.get(target21, prop, receiver);
   }
 });
 function addTimelineLayer(options, descriptor) {
@@ -2323,8 +2323,8 @@ function addTimelineLayer(options, descriptor) {
 var _a9, _b9;
 (_b9 = (_a9 = target3).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null ? _b9 : _a9.__VUE_DEVTOOLS_KIT_INSPECTOR__ = [];
 var devtoolsInspector = new Proxy(target3.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
-  get(target20, prop, receiver) {
-    return Reflect.get(target20, prop, receiver);
+  get(target21, prop, receiver) {
+    return Reflect.get(target21, prop, receiver);
   }
 });
 var callInspectorUpdatedHook = debounce2(() => {
@@ -2342,14 +2342,14 @@ function addInspector(inspector, descriptor) {
 }
 function getActiveInspectors() {
   return devtoolsInspector.filter((inspector) => inspector.descriptor.app === activeAppRecord.value.app).filter((inspector) => inspector.descriptor.id !== "components").map((inspector) => {
-    var _a23;
+    var _a24;
     const descriptor = inspector.descriptor;
     const options = inspector.options;
     return {
       id: options.id,
       label: options.label,
       logo: descriptor.logo,
-      icon: `i-ic-baseline-${(_a23 = options == null ? void 0 : options.icon) == null ? void 0 : _a23.replace(/_/g, "-")}`,
+      icon: `i-ic-baseline-${(_a24 = options == null ? void 0 : options.icon) == null ? void 0 : _a24.replace(/_/g, "-")}`,
       packageName: descriptor.packageName,
       homepage: descriptor.homepage
     };
@@ -2431,8 +2431,8 @@ function createDevToolsCtxHooks() {
     addInspector(inspector, plugin.descriptor);
   });
   hooks2.hook("sendInspectorTree" /* SEND_INSPECTOR_TREE */, async ({ inspectorId, plugin }) => {
-    var _a23;
-    if (!inspectorId || !((_a23 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a23.app))
+    var _a24;
+    if (!inspectorId || !((_a24 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a24.app))
       return;
     const inspector = getInspector(inspectorId, plugin.descriptor.app);
     const _payload = {
@@ -2455,8 +2455,8 @@ function createDevToolsCtxHooks() {
     }, "sendInspectorTreeToClient" /* SEND_INSPECTOR_TREE_TO_CLIENT */);
   });
   hooks2.hook("sendInspectorState" /* SEND_INSPECTOR_STATE */, async ({ inspectorId, plugin }) => {
-    var _a23;
-    if (!inspectorId || !((_a23 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a23.app))
+    var _a24;
+    if (!inspectorId || !((_a24 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a24.app))
       return;
     const inspector = getInspector(inspectorId, plugin.descriptor.app);
     const _payload = {
@@ -2528,7 +2528,7 @@ function createDevToolsCtxHooks() {
 
 // src/ctx/api.ts
 init_esm_shims();
-import { target as target6 } from "@vue/devtools-shared";
+import { target as target8 } from "@vue/devtools-shared";
 
 // src/core/component/state/editor.ts
 init_esm_shims();
@@ -2602,9 +2602,9 @@ var StateEditor = class {
         else Reflect.deleteProperty(object, field);
       }
       if (!state.remove) {
-        const target20 = object[state.newKey || field];
-        if (this.refEditor.isRef(target20))
-          this.refEditor.set(target20, value);
+        const target21 = object[state.newKey || field];
+        if (this.refEditor.isRef(target21))
+          this.refEditor.set(target21, value);
         else if (toRaw(object) instanceof Map)
           object.set(state.newKey || field, value);
         else if (toRaw(object) instanceof Set)
@@ -2656,15 +2656,15 @@ async function editComponentState(payload, stateEditor2) {
   if (!instance)
     return;
   const targetPath = path.slice();
-  let target20;
+  let target21;
   if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0]))
-    target20 = instance.devtoolsRawSetupState;
+    target21 = instance.devtoolsRawSetupState;
   if (instance.data && Object.keys(instance.data).includes(path[0]))
-    target20 = instance.data;
-  if (target20 && targetPath) {
+    target21 = instance.data;
+  if (target21 && targetPath) {
     if (state.type === "object" && type === "reactive") {
     }
-    stateEditor2.set(target20, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
+    stateEditor2.set(target21, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
   }
 }
 var stateEditor = new StateEditor();
@@ -2679,11 +2679,11 @@ function setOpenInEditorBaseUrl(url) {
   target4.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__ = url;
 }
 function openInEditor(options = {}) {
-  var _a23;
+  var _a24;
   const { file, baseUrl = window.location.origin, line = 0, column = 0 } = options;
   if (file) {
     if (devtoolsState.vitePluginDetected) {
-      const _baseUrl = (_a23 = target4.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? _a23 : baseUrl;
+      const _baseUrl = (_a24 = target4.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? _a24 : baseUrl;
       target4.__VUE_INSPECTOR__.openInEditor(_baseUrl, file, line, column);
     } else {
     }
@@ -2708,12 +2708,12 @@ var _a10, _b10;
 var _a11, _b11;
 (_b11 = (_a11 = global2)[ROUTER_KEY]) != null ? _b11 : _a11[ROUTER_KEY] = {};
 var devtoolsRouterInfo = new Proxy(global2[ROUTER_INFO_KEY], {
-  get(target20, property) {
+  get(target21, property) {
     return global2[ROUTER_INFO_KEY][property];
   }
 });
 var devtoolsRouter = new Proxy(global2[ROUTER_KEY], {
-  get(target20, property) {
+  get(target21, property) {
     if (property === "value") {
       return global2[ROUTER_KEY];
     }
@@ -2755,8 +2755,8 @@ function filterCurrentRoute(route) {
 }
 function normalizeRouterInfo(appRecord, activeAppRecord2) {
   function init() {
-    var _a23;
-    const router = (_a23 = appRecord.app) == null ? void 0 : _a23.config.globalProperties.$router;
+    var _a24;
+    const router = (_a24 = appRecord.app) == null ? void 0 : _a24.config.globalProperties.$router;
     const currentRoute = filterCurrentRoute(router == null ? void 0 : router.currentRoute.value);
     const routes = filterRoutes(getRoutes(router));
     const c = console.warn;
@@ -2771,8 +2771,8 @@ function normalizeRouterInfo(appRecord, activeAppRecord2) {
   }
   init();
   hook.on.componentUpdated(debounce3(() => {
-    var _a23;
-    if (((_a23 = activeAppRecord2.value) == null ? void 0 : _a23.app) !== appRecord.app)
+    var _a24;
+    if (((_a24 = activeAppRecord2.value) == null ? void 0 : _a24.app) !== appRecord.app)
       return;
     init();
     devtoolsContext.hooks.callHook("routerInfoUpdated" /* ROUTER_INFO_UPDATED */, { state: global3[ROUTER_INFO_KEY] });
@@ -2824,245 +2824,31 @@ function getComponentInspector() {
   });
 }
 
-// src/ctx/api.ts
-function createDevToolsApi(hooks2) {
-  return {
-    // get inspector tree
-    async getInspectorTree(payload) {
-      const _payload = {
-        ...payload,
-        app: activeAppRecord.value.app,
-        rootNodes: []
-      };
-      await new Promise((resolve) => {
-        hooks2.callHookWith(async (callbacks) => {
-          await Promise.all(callbacks.map((cb) => cb(_payload)));
-          resolve();
-        }, "getInspectorTree" /* GET_INSPECTOR_TREE */);
-      });
-      return _payload.rootNodes;
-    },
-    // get inspector state
-    async getInspectorState(payload) {
-      const _payload = {
-        ...payload,
-        app: activeAppRecord.value.app,
-        state: null
-      };
-      const ctx = {
-        currentTab: `custom-inspector:${payload.inspectorId}`
-      };
-      await new Promise((resolve) => {
-        hooks2.callHookWith(async (callbacks) => {
-          await Promise.all(callbacks.map((cb) => cb(_payload, ctx)));
-          resolve();
-        }, "getInspectorState" /* GET_INSPECTOR_STATE */);
-      });
-      return _payload.state;
-    },
-    // edit inspector state
-    editInspectorState(payload) {
-      const stateEditor2 = new StateEditor();
-      const _payload = {
-        ...payload,
-        app: activeAppRecord.value.app,
-        set: (obj, path = payload.path, value = payload.state.value, cb) => {
-          stateEditor2.set(obj, path, value, cb || stateEditor2.createDefaultSetCallback(payload.state));
-        }
-      };
-      hooks2.callHookWith((callbacks) => {
-        callbacks.forEach((cb) => cb(_payload));
-      }, "editInspectorState" /* EDIT_INSPECTOR_STATE */);
-    },
-    // send inspector state
-    sendInspectorState(inspectorId) {
-      const inspector = getInspector(inspectorId);
-      hooks2.callHook("sendInspectorState" /* SEND_INSPECTOR_STATE */, { inspectorId, plugin: {
-        descriptor: inspector.descriptor,
-        setupFn: () => ({})
-      } });
-    },
-    // inspect component inspector
-    inspectComponentInspector() {
-      return inspectComponentHighLighter();
-    },
-    // cancel inspect component inspector
-    cancelInspectComponentInspector() {
-      return cancelInspectComponentHighLighter();
-    },
-    // get component render code
-    getComponentRenderCode(id) {
-      const instance = getComponentInstance(activeAppRecord.value, id);
-      if (instance)
-        return !((instance == null ? void 0 : instance.type) instanceof Function) ? instance.render.toString() : instance.type.toString();
-    },
-    // scroll to component
-    scrollToComponent(id) {
-      return scrollToComponent({ id });
-    },
-    // open in editor
-    openInEditor,
-    // get vue inspector
-    getVueInspector: getComponentInspector,
-    // toggle app
-    toggleApp(id) {
-      const appRecord = devtoolsAppRecords.value.find((record) => record.id === id);
-      if (appRecord) {
-        setActiveAppRecordId(id);
-        setActiveAppRecord(appRecord);
-        normalizeRouterInfo(appRecord, activeAppRecord);
-        callInspectorUpdatedHook();
-      }
-    },
-    // inspect dom
-    inspectDOM(instanceId) {
-      const instance = getComponentInstance(activeAppRecord.value, instanceId);
-      if (instance) {
-        const [el] = getRootElementsFromComponentInstance(instance);
-        if (el) {
-          target6.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = el;
-        }
-      }
-    }
-  };
-}
-
-// src/ctx/plugin.ts
+// src/core/plugin/index.ts
 init_esm_shims();
 import { target as target7 } from "@vue/devtools-shared";
-var _a13, _b13;
-(_b13 = (_a13 = target7).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b13 : _a13.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
-var devtoolsPluginBuffer = new Proxy(target7.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
-  get(target20, prop, receiver) {
-    return Reflect.get(target20, prop, receiver);
-  }
-});
-function addDevToolsPluginToBuffer(pluginDescriptor, setupFn) {
-  devtoolsPluginBuffer.push([pluginDescriptor, setupFn]);
-}
 
-// src/ctx/env.ts
+// src/api/index.ts
 init_esm_shims();
-import { target as target8 } from "@vue/devtools-shared";
-var _a14, _b14;
-(_b14 = (_a14 = target8).__VUE_DEVTOOLS_ENV__) != null ? _b14 : _a14.__VUE_DEVTOOLS_ENV__ = {
-  vitePluginDetected: false
-};
-function getDevToolsEnv() {
-  return target8.__VUE_DEVTOOLS_ENV__;
-}
-function setDevToolsEnv(env) {
-  target8.__VUE_DEVTOOLS_ENV__ = {
-    ...target8.__VUE_DEVTOOLS_ENV__,
-    ...env
-  };
-}
-
-// src/ctx/index.ts
-var hooks = createDevToolsCtxHooks();
-var _a15, _b15;
-(_b15 = (_a15 = target9).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b15 : _a15.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
-  hooks,
-  get state() {
-    return {
-      ...devtoolsState,
-      activeAppRecordId: activeAppRecord.id,
-      activeAppRecord: activeAppRecord.value,
-      appRecords: devtoolsAppRecords.value
-    };
-  },
-  api: createDevToolsApi(hooks)
-};
-var devtoolsContext = target9.__VUE_DEVTOOLS_KIT_CONTEXT__;
 
-// src/compat/index.ts
+// src/api/v6/index.ts
 init_esm_shims();
-import { target as target10 } from "@vue/devtools-shared";
-function onLegacyDevToolsPluginApiAvailable(cb) {
-  if (target10.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__) {
-    cb();
-    return;
-  }
-  Object.defineProperty(target10, "__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__", {
-    set(value) {
-      if (value)
-        cb();
-    },
-    configurable: true
-  });
-}
 
-// src/core/app/index.ts
+// src/ctx/plugin.ts
 init_esm_shims();
-var import_speakingurl = __toESM(require_speakingurl2(), 1);
-import { target as target11 } from "@vue/devtools-shared";
-var _a16, _b16;
-var appRecordInfo = (_b16 = (_a16 = target11).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null ? _b16 : _a16.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
-  id: 0,
-  appIds: /* @__PURE__ */ new Set()
-};
-function getAppRecordName(app, fallbackName) {
-  var _a23;
-  return ((_a23 = app == null ? void 0 : app._component) == null ? void 0 : _a23.name) || `App ${fallbackName}`;
-}
-function getAppRootInstance(app) {
-  var _a23, _b23, _c, _d;
-  if (app._instance)
-    return app._instance;
-  else if ((_b23 = (_a23 = app._container) == null ? void 0 : _a23._vnode) == null ? void 0 : _b23.component)
-    return (_d = (_c = app._container) == null ? void 0 : _c._vnode) == null ? void 0 : _d.component;
-}
-function removeAppRecordId(app) {
-  const id = app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__;
-  if (id != null) {
-    appRecordInfo.appIds.delete(id);
-    appRecordInfo.id--;
-  }
-}
-function getAppRecordId(app, defaultId) {
-  if (app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ != null)
-    return app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__;
-  let id = defaultId != null ? defaultId : (appRecordInfo.id++).toString();
-  if (defaultId && appRecordInfo.appIds.has(id)) {
-    let count = 1;
-    while (appRecordInfo.appIds.has(`${defaultId}_${count}`))
-      count++;
-    id = `${defaultId}_${count}`;
-  }
-  appRecordInfo.appIds.add(id);
-  app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ = id;
-  return id;
-}
-function createAppRecord(app) {
-  const rootInstance = getAppRootInstance(app);
-  if (rootInstance) {
-    appRecordInfo.id++;
-    const name = getAppRecordName(app, appRecordInfo.id.toString());
-    const id = getAppRecordId(app, (0, import_speakingurl.default)(name));
-    const record = {
-      id,
-      name,
-      instanceMap: /* @__PURE__ */ new Map(),
-      rootInstance
-    };
-    app.__VUE_DEVTOOLS_NEXT_APP_RECORD__ = record;
-    const rootId = `${record.id}:root`;
-    record.instanceMap.set(rootId, record.rootInstance);
-    record.rootInstance.__VUE_DEVTOOLS_NEXT_UID__ = rootId;
-    return record;
-  } else {
-    return {};
+import { target as target6 } from "@vue/devtools-shared";
+var _a13, _b13;
+(_b13 = (_a13 = target6).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b13 : _a13.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
+var devtoolsPluginBuffer = new Proxy(target6.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
+  get(target21, prop, receiver) {
+    return Reflect.get(target21, prop, receiver);
   }
+});
+function addDevToolsPluginToBuffer(pluginDescriptor, setupFn) {
+  devtoolsPluginBuffer.push([pluginDescriptor, setupFn]);
 }
 
-// src/core/plugin/index.ts
-init_esm_shims();
-
-// src/api/index.ts
-init_esm_shims();
-
 // src/api/v6/index.ts
-init_esm_shims();
 var DevToolsV6PluginAPI = class {
   constructor({ plugin, ctx }) {
     this.hooks = ctx.hooks;
@@ -3105,14 +2891,14 @@ var DevToolsV6PluginAPI = class {
   }
   // component inspector
   notifyComponentUpdate(instance) {
-    var _a23;
+    var _a24;
     const inspector = getActiveInspectors().find((i) => i.packageName === this.plugin.descriptor.packageName);
     if (inspector == null ? void 0 : inspector.id) {
       if (instance) {
         const args = [
           instance.appContext.app,
           instance.uid,
-          (_a23 = instance.parent) == null ? void 0 : _a23.uid,
+          (_a24 = instance.parent) == null ? void 0 : _a24.uid,
           instance
         ];
         devtoolsHooks.callHook("component:updated" /* COMPONENT_UPDATED */, ...args);
@@ -3147,7 +2933,7 @@ var DevToolsV6PluginAPI = class {
   }
   // settings
   getSettings(pluginId) {
-    var _a23, _b23, _c;
+    var _a24, _b24, _c;
     function _getSettings(settings) {
       const _settings = {};
       Object.keys(settings).forEach((key) => {
@@ -3156,7 +2942,7 @@ var DevToolsV6PluginAPI = class {
       return _settings;
     }
     if (pluginId) {
-      const item = (_b23 = (_a23 = devtoolsPluginBuffer.find((item2) => item2[0].id === pluginId)) == null ? void 0 : _a23[0]) != null ? _b23 : null;
+      const item = (_b24 = (_a24 = devtoolsPluginBuffer.find((item2) => item2[0].id === pluginId)) == null ? void 0 : _a24[0]) != null ? _b24 : null;
       return (_c = _getSettings(item == null ? void 0 : item.settings)) != null ? _c : _getSettings(this.plugin.descriptor.settings);
     } else {
       return _getSettings(this.plugin.descriptor.settings);
@@ -3257,7 +3043,7 @@ var ComponentWalker = class {
    * @return {object}
    */
   async capture(instance, depth) {
-    var _a23;
+    var _a24;
     if (!instance)
       return null;
     const id = this.captureId(instance);
@@ -3312,7 +3098,7 @@ var ComponentWalker = class {
     } else {
       treeNode.domOrder = [-1];
     }
-    if ((_a23 = instance.suspense) == null ? void 0 : _a23.suspenseKey) {
+    if ((_a24 = instance.suspense) == null ? void 0 : _a24.suspenseKey) {
       treeNode.tags.push({
         label: instance.suspense.suspenseKey,
         backgroundColor: 14979812,
@@ -3331,8 +3117,8 @@ var ComponentWalker = class {
    * @return {Vue|Array}
    */
   async findQualifiedChildren(instance, depth) {
-    var _a23;
-    if (this.componentFilter.isQualified(instance) && !((_a23 = instance.type.devtools) == null ? void 0 : _a23.hide)) {
+    var _a24;
+    if (this.componentFilter.isQualified(instance) && !((_a24 = instance.type.devtools) == null ? void 0 : _a24.hide)) {
       return [await this.capture(instance, depth)];
     } else if (instance.subTree) {
       const list = this.isKeepAlive(instance) ? this.getKeepAliveCachedInstances(instance) : this.getInternalInstanceChildren(instance.subTree);
@@ -3352,8 +3138,8 @@ var ComponentWalker = class {
    */
   async findQualifiedChildrenFromList(instances, depth) {
     instances = instances.filter((child) => {
-      var _a23;
-      return !isBeingDestroyed(child) && !((_a23 = child.type.devtools) == null ? void 0 : _a23.hide);
+      var _a24;
+      return !isBeingDestroyed(child) && !((_a24 = child.type.devtools) == null ? void 0 : _a24.hide);
     });
     if (!this.componentFilter.filter)
       return Promise.all(instances.map((child) => this.capture(child, depth)));
@@ -3381,8 +3167,8 @@ var ComponentWalker = class {
       }
     }
     return list.filter((child) => {
-      var _a23;
-      return !isBeingDestroyed(child) && !((_a23 = child.type.devtools) == null ? void 0 : _a23.hide);
+      var _a24;
+      return !isBeingDestroyed(child) && !((_a24 = child.type.devtools) == null ? void 0 : _a24.hide);
     });
   }
   /**
@@ -3657,7 +3443,7 @@ function getStateTypeAndName(info) {
 function processSetupState(instance) {
   const raw = instance.devtoolsRawSetupState || {};
   return Object.keys(instance.setupState).filter((key) => !vueBuiltins.has(key) && key.split(/(?=[A-Z])/)[0] !== "use").map((key) => {
-    var _a23, _b23, _c, _d;
+    var _a24, _b24, _c, _d;
     const value = returnError(() => toRaw2(instance.setupState[key]));
     const rawData = raw[key];
     let result;
@@ -3666,7 +3452,7 @@ function processSetupState(instance) {
       const info = getSetupStateType(rawData);
       const { stateType, stateTypeName } = getStateTypeAndName(info);
       const isState = info.ref || info.computed || info.reactive;
-      const raw2 = ((_b23 = (_a23 = rawData.effect) == null ? void 0 : _a23.raw) == null ? void 0 : _b23.toString()) || ((_d = (_c = rawData.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString());
+      const raw2 = ((_b24 = (_a24 = rawData.effect) == null ? void 0 : _a24.raw) == null ? void 0 : _b24.toString()) || ((_d = (_c = rawData.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString());
       if (stateType)
         isOtherType = false;
       result = {
@@ -3696,8 +3482,8 @@ function processComputed(instance, mergedType) {
       type: type2,
       key,
       value: returnError(() => {
-        var _a23;
-        return (_a23 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a23[key];
+        var _a24;
+        return (_a24 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a24[key];
       }),
       editable: typeof def.set === "function"
     });
@@ -3759,10 +3545,10 @@ function processRefs(instance) {
   }));
 }
 function processEventListeners(instance) {
-  var _a23;
+  var _a24;
   const emitsDefinition = instance.type.emits;
   const declaredEmits = Array.isArray(emitsDefinition) ? emitsDefinition : Object.keys(emitsDefinition != null ? emitsDefinition : {});
-  const keys = Object.keys((_a23 = instance.vnode.props) != null ? _a23 : {});
+  const keys = Object.keys((_a24 = instance.vnode.props) != null ? _a24 : {});
   const result = [];
   for (const key of keys) {
     const [prefix, ...eventNameParts] = key.split(/(?=[A-Z])/);
@@ -3801,11 +3587,11 @@ function processInstanceState(instance) {
 
 // src/core/component/state/index.ts
 function getInstanceState(params) {
-  var _a23;
+  var _a24;
   const instance = getComponentInstance(activeAppRecord.value, params.instanceId);
   const id = getUniqueComponentId(instance);
   const name = getInstanceName(instance);
-  const file = (_a23 = instance == null ? void 0 : instance.type) == null ? void 0 : _a23.__file;
+  const file = (_a24 = instance == null ? void 0 : instance.type) == null ? void 0 : _a24.__file;
   const state = processInstanceState(instance);
   return {
     id,
@@ -3867,13 +3653,13 @@ function createComponentsDevToolsPlugin(app) {
       }
     });
     api.on.getInspectorState(async (payload) => {
-      var _a23;
+      var _a24;
       if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
         const result = getInstanceState({
           instanceId: payload.nodeId
         });
         const componentInstance = result.instance;
-        const app2 = (_a23 = result.instance) == null ? void 0 : _a23.appContext.app;
+        const app2 = (_a24 = result.instance) == null ? void 0 : _a24.appContext.app;
         const _payload = {
           componentInstance,
           app: app2,
@@ -3899,10 +3685,10 @@ function createComponentsDevToolsPlugin(app) {
       api.sendInspectorState(INSPECTOR_ID);
     }, 120);
     const componentAddedCleanup = hook.on.componentAdded(async (app2, uid, parentUid, component) => {
-      var _a23, _b23, _c;
+      var _a24, _b24, _c;
       if (devtoolsState.highPerfModeEnabled)
         return;
-      if ((_c = (_b23 = (_a23 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a23.type) == null ? void 0 : _b23.devtools) == null ? void 0 : _c.hide)
+      if ((_c = (_b24 = (_a24 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
         return;
@@ -3926,10 +3712,10 @@ function createComponentsDevToolsPlugin(app) {
       debounceSendInspectorTree();
     });
     const componentUpdatedCleanup = hook.on.componentUpdated(async (app2, uid, parentUid, component) => {
-      var _a23, _b23, _c;
+      var _a24, _b24, _c;
       if (devtoolsState.highPerfModeEnabled)
         return;
-      if ((_c = (_b23 = (_a23 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a23.type) == null ? void 0 : _b23.devtools) == null ? void 0 : _c.hide)
+      if ((_c = (_b24 = (_a24 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
         return;
@@ -3954,10 +3740,10 @@ function createComponentsDevToolsPlugin(app) {
       debounceSendInspectorState();
     });
     const componentRemovedCleanup = hook.on.componentRemoved(async (app2, uid, parentUid, component) => {
-      var _a23, _b23, _c;
+      var _a24, _b24, _c;
       if (devtoolsState.highPerfModeEnabled)
         return;
-      if ((_c = (_b23 = (_a23 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a23.type) == null ? void 0 : _b23.devtools) == null ? void 0 : _c.hide)
+      if ((_c = (_b24 = (_a24 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
         return;
@@ -3979,11 +3765,15 @@ function createComponentsDevToolsPlugin(app) {
 }
 
 // src/core/plugin/index.ts
+var _a14, _b14;
+(_b14 = (_a14 = target7).__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__) != null ? _b14 : _a14.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ = /* @__PURE__ */ new Set();
 function setupDevToolsPlugin(pluginDescriptor, setupFn) {
   return hook.setupDevToolsPlugin(pluginDescriptor, setupFn);
 }
 function callDevToolsPluginSetupFn(plugin, app) {
   const [pluginDescriptor, setupFn] = plugin;
+  if (pluginDescriptor.app !== app)
+    return;
   const api = new DevToolsPluginAPI({
     plugin: {
       setupFn,
@@ -3998,32 +3788,256 @@ function callDevToolsPluginSetupFn(plugin, app) {
   }
   setupFn(api);
 }
+function removeRegisteredPluginApp(app) {
+  target7.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
+}
 function registerDevToolsPlugin(app) {
+  if (target7.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app))
+    return;
+  target7.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
   devtoolsPluginBuffer.forEach((plugin) => {
     callDevToolsPluginSetupFn(plugin, app);
   });
 }
 
+// src/ctx/api.ts
+function createDevToolsApi(hooks2) {
+  return {
+    // get inspector tree
+    async getInspectorTree(payload) {
+      const _payload = {
+        ...payload,
+        app: activeAppRecord.value.app,
+        rootNodes: []
+      };
+      await new Promise((resolve) => {
+        hooks2.callHookWith(async (callbacks) => {
+          await Promise.all(callbacks.map((cb) => cb(_payload)));
+          resolve();
+        }, "getInspectorTree" /* GET_INSPECTOR_TREE */);
+      });
+      return _payload.rootNodes;
+    },
+    // get inspector state
+    async getInspectorState(payload) {
+      const _payload = {
+        ...payload,
+        app: activeAppRecord.value.app,
+        state: null
+      };
+      const ctx = {
+        currentTab: `custom-inspector:${payload.inspectorId}`
+      };
+      await new Promise((resolve) => {
+        hooks2.callHookWith(async (callbacks) => {
+          await Promise.all(callbacks.map((cb) => cb(_payload, ctx)));
+          resolve();
+        }, "getInspectorState" /* GET_INSPECTOR_STATE */);
+      });
+      return _payload.state;
+    },
+    // edit inspector state
+    editInspectorState(payload) {
+      const stateEditor2 = new StateEditor();
+      const _payload = {
+        ...payload,
+        app: activeAppRecord.value.app,
+        set: (obj, path = payload.path, value = payload.state.value, cb) => {
+          stateEditor2.set(obj, path, value, cb || stateEditor2.createDefaultSetCallback(payload.state));
+        }
+      };
+      hooks2.callHookWith((callbacks) => {
+        callbacks.forEach((cb) => cb(_payload));
+      }, "editInspectorState" /* EDIT_INSPECTOR_STATE */);
+    },
+    // send inspector state
+    sendInspectorState(inspectorId) {
+      const inspector = getInspector(inspectorId);
+      hooks2.callHook("sendInspectorState" /* SEND_INSPECTOR_STATE */, { inspectorId, plugin: {
+        descriptor: inspector.descriptor,
+        setupFn: () => ({})
+      } });
+    },
+    // inspect component inspector
+    inspectComponentInspector() {
+      return inspectComponentHighLighter();
+    },
+    // cancel inspect component inspector
+    cancelInspectComponentInspector() {
+      return cancelInspectComponentHighLighter();
+    },
+    // get component render code
+    getComponentRenderCode(id) {
+      const instance = getComponentInstance(activeAppRecord.value, id);
+      if (instance)
+        return !((instance == null ? void 0 : instance.type) instanceof Function) ? instance.render.toString() : instance.type.toString();
+    },
+    // scroll to component
+    scrollToComponent(id) {
+      return scrollToComponent({ id });
+    },
+    // open in editor
+    openInEditor,
+    // get vue inspector
+    getVueInspector: getComponentInspector,
+    // toggle app
+    toggleApp(id) {
+      const appRecord = devtoolsAppRecords.value.find((record) => record.id === id);
+      if (appRecord) {
+        setActiveAppRecordId(id);
+        setActiveAppRecord(appRecord);
+        normalizeRouterInfo(appRecord, activeAppRecord);
+        callInspectorUpdatedHook();
+        registerDevToolsPlugin(appRecord.app);
+      }
+    },
+    // inspect dom
+    inspectDOM(instanceId) {
+      const instance = getComponentInstance(activeAppRecord.value, instanceId);
+      if (instance) {
+        const [el] = getRootElementsFromComponentInstance(instance);
+        if (el) {
+          target8.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = el;
+        }
+      }
+    }
+  };
+}
+
+// src/ctx/env.ts
+init_esm_shims();
+import { target as target9 } from "@vue/devtools-shared";
+var _a15, _b15;
+(_b15 = (_a15 = target9).__VUE_DEVTOOLS_ENV__) != null ? _b15 : _a15.__VUE_DEVTOOLS_ENV__ = {
+  vitePluginDetected: false
+};
+function getDevToolsEnv() {
+  return target9.__VUE_DEVTOOLS_ENV__;
+}
+function setDevToolsEnv(env) {
+  target9.__VUE_DEVTOOLS_ENV__ = {
+    ...target9.__VUE_DEVTOOLS_ENV__,
+    ...env
+  };
+}
+
+// src/ctx/index.ts
+var hooks = createDevToolsCtxHooks();
+var _a16, _b16;
+(_b16 = (_a16 = target10).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b16 : _a16.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
+  hooks,
+  get state() {
+    return {
+      ...devtoolsState,
+      activeAppRecordId: activeAppRecord.id,
+      activeAppRecord: activeAppRecord.value,
+      appRecords: devtoolsAppRecords.value
+    };
+  },
+  api: createDevToolsApi(hooks)
+};
+var devtoolsContext = target10.__VUE_DEVTOOLS_KIT_CONTEXT__;
+
+// src/compat/index.ts
+init_esm_shims();
+import { target as target11 } from "@vue/devtools-shared";
+function onLegacyDevToolsPluginApiAvailable(cb) {
+  if (target11.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__) {
+    cb();
+    return;
+  }
+  Object.defineProperty(target11, "__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__", {
+    set(value) {
+      if (value)
+        cb();
+    },
+    configurable: true
+  });
+}
+
+// src/core/app/index.ts
+init_esm_shims();
+var import_speakingurl = __toESM(require_speakingurl2(), 1);
+import { target as target12 } from "@vue/devtools-shared";
+var _a17, _b17;
+var appRecordInfo = (_b17 = (_a17 = target12).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null ? _b17 : _a17.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
+  id: 0,
+  appIds: /* @__PURE__ */ new Set()
+};
+function getAppRecordName(app, fallbackName) {
+  var _a24;
+  return ((_a24 = app == null ? void 0 : app._component) == null ? void 0 : _a24.name) || `App ${fallbackName}`;
+}
+function getAppRootInstance(app) {
+  var _a24, _b24, _c, _d;
+  if (app._instance)
+    return app._instance;
+  else if ((_b24 = (_a24 = app._container) == null ? void 0 : _a24._vnode) == null ? void 0 : _b24.component)
+    return (_d = (_c = app._container) == null ? void 0 : _c._vnode) == null ? void 0 : _d.component;
+}
+function removeAppRecordId(app) {
+  const id = app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__;
+  if (id != null) {
+    appRecordInfo.appIds.delete(id);
+    appRecordInfo.id--;
+  }
+}
+function getAppRecordId(app, defaultId) {
+  if (app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ != null)
+    return app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__;
+  let id = defaultId != null ? defaultId : (appRecordInfo.id++).toString();
+  if (defaultId && appRecordInfo.appIds.has(id)) {
+    let count = 1;
+    while (appRecordInfo.appIds.has(`${defaultId}_${count}`))
+      count++;
+    id = `${defaultId}_${count}`;
+  }
+  appRecordInfo.appIds.add(id);
+  app.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__ = id;
+  return id;
+}
+function createAppRecord(app) {
+  const rootInstance = getAppRootInstance(app);
+  if (rootInstance) {
+    appRecordInfo.id++;
+    const name = getAppRecordName(app, appRecordInfo.id.toString());
+    const id = getAppRecordId(app, (0, import_speakingurl.default)(name));
+    const record = {
+      id,
+      name,
+      instanceMap: /* @__PURE__ */ new Map(),
+      rootInstance
+    };
+    app.__VUE_DEVTOOLS_NEXT_APP_RECORD__ = record;
+    const rootId = `${record.id}:root`;
+    record.instanceMap.set(rootId, record.rootInstance);
+    record.rootInstance.__VUE_DEVTOOLS_NEXT_UID__ = rootId;
+    return record;
+  } else {
+    return {};
+  }
+}
+
 // src/core/index.ts
 function initDevTools() {
-  var _a23;
+  var _a24;
   updateDevToolsState({
     vitePluginDetected: getDevToolsEnv().vitePluginDetected
   });
-  const isDevToolsNext = ((_a23 = target12.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a23.id) === "vue-devtools-next";
-  if (target12.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
+  const isDevToolsNext = ((_a24 = target13.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a24.id) === "vue-devtools-next";
+  if (target13.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
     return;
-  if (!target12.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
-    target12.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
+  if (!target13.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
+    target13.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
   } else {
     if (!isNuxtApp) {
       Object.assign(__VUE_DEVTOOLS_GLOBAL_HOOK__, createDevToolsHook());
     }
   }
   hook.on.setupDevtoolsPlugin((pluginDescriptor, setupFn) => {
-    var _a24;
+    var _a25;
     addDevToolsPluginToBuffer(pluginDescriptor, setupFn);
-    const { app } = (_a24 = activeAppRecord) != null ? _a24 : {};
+    const { app } = (_a25 = activeAppRecord) != null ? _a25 : {};
     if (!app)
       return;
     callDevToolsPluginSetupFn([pluginDescriptor, setupFn], app);
@@ -4031,7 +4045,7 @@ function initDevTools() {
   onLegacyDevToolsPluginApiAvailable(() => {
     const normalizedPluginBuffer = devtoolsPluginBuffer.filter(([item]) => item.id !== "components");
     normalizedPluginBuffer.forEach(([pluginDescriptor, setupFn]) => {
-      target12.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
+      target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
     });
   });
   hook.on.vueAppInit(async (app, version) => {
@@ -4046,13 +4060,13 @@ function initDevTools() {
       setActiveAppRecord(normalizedAppRecord);
       setActiveAppRecordId(normalizedAppRecord.id);
       normalizeRouterInfo(normalizedAppRecord, activeAppRecord);
+      registerDevToolsPlugin(normalizedAppRecord.app);
     }
     setupDevToolsPlugin(...createComponentsDevToolsPlugin(normalizedAppRecord.app));
-    registerDevToolsPlugin(normalizedAppRecord.app);
     updateDevToolsState({
       connected: true
     });
-    target12.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
+    target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
   });
   hook.on.vueAppUnmount(async (app) => {
     const activeRecords = devtoolsAppRecords.value.filter((appRecord) => appRecord.app !== app);
@@ -4067,7 +4081,8 @@ function initDevTools() {
       setActiveAppRecord(activeRecords[0]);
       devtoolsContext.hooks.callHook("sendActiveAppUpdatedToClient" /* SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT */);
     }
-    target12.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(target12.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
+    target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(target13.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
+    removeRegisteredPluginApp(app);
   });
   subscribeDevToolsHook();
 }
@@ -4096,7 +4111,7 @@ function toggleHighPerfMode(state) {
 // src/messaging/index.ts
 init_esm_shims();
 import { createBirpc, createBirpcGroup } from "birpc";
-import { target as target18 } from "@vue/devtools-shared";
+import { target as target19 } from "@vue/devtools-shared";
 
 // src/messaging/presets/index.ts
 init_esm_shims();
@@ -4707,7 +4722,7 @@ function generateReferentialEqualityAnnotations(identitites, dedupe) {
   }
 }
 var walker = (object, identities, superJson, dedupe, path = [], objectsInThisPath = [], seenObjects = /* @__PURE__ */ new Map()) => {
-  var _a23;
+  var _a24;
   const primitive = isPrimitive2(object);
   if (!primitive) {
     addIdentity(object, path, identities);
@@ -4737,7 +4752,7 @@ var walker = (object, identities, superJson, dedupe, path = [], objectsInThisPat
     };
   }
   const transformationResult = transformValue(object, superJson);
-  const transformed = (_a23 = transformationResult == null ? void 0 : transformationResult.value) != null ? _a23 : object;
+  const transformed = (_a24 = transformationResult == null ? void 0 : transformationResult.value) != null ? _a24 : object;
   const transformedValue = isArray(transformed) ? [] : {};
   const innerAnnotations = {};
   forEach(transformed, (value, index) => {
@@ -4809,22 +4824,22 @@ function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
     });
   }
 }
-function copy(target20, options = {}) {
-  if (isArray2(target20)) {
-    return target20.map((item) => copy(item, options));
+function copy(target21, options = {}) {
+  if (isArray2(target21)) {
+    return target21.map((item) => copy(item, options));
   }
-  if (!isPlainObject3(target20)) {
-    return target20;
+  if (!isPlainObject3(target21)) {
+    return target21;
   }
-  const props = Object.getOwnPropertyNames(target20);
-  const symbols = Object.getOwnPropertySymbols(target20);
+  const props = Object.getOwnPropertyNames(target21);
+  const symbols = Object.getOwnPropertySymbols(target21);
   return [...props, ...symbols].reduce((carry, key) => {
     if (isArray2(options.props) && !options.props.includes(key)) {
       return carry;
     }
-    const val = target20[key];
+    const val = target21[key];
     const newVal = copy(val, options);
-    assignProp(carry, key, newVal, target20, options.nonenumerable);
+    assignProp(carry, key, newVal, target21, options.nonenumerable);
     return carry;
   }, {});
 }
@@ -4837,8 +4852,8 @@ var SuperJSON = class {
   constructor({ dedupe = false } = {}) {
     this.classRegistry = new ClassRegistry();
     this.symbolRegistry = new Registry((s) => {
-      var _a23;
-      return (_a23 = s.description) != null ? _a23 : "";
+      var _a24;
+      return (_a24 = s.description) != null ? _a24 : "";
     });
     this.customTransformerRegistry = new CustomTransformerRegistry();
     this.allowedErrorProps = [];
@@ -4918,14 +4933,14 @@ var allowErrorProps = SuperJSON.allowErrorProps;
 
 // src/messaging/presets/iframe/context.ts
 init_esm_shims();
-import { target as target13 } from "@vue/devtools-shared";
+import { target as target14 } from "@vue/devtools-shared";
 var __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY = "__devtools-kit-iframe-messaging-event-key__";
 var __IFRAME_SERVER_CONTEXT__ = "iframe:server-context";
 function getIframeServerContext() {
-  return target13[__IFRAME_SERVER_CONTEXT__];
+  return target14[__IFRAME_SERVER_CONTEXT__];
 }
 function setIframeServerContext(context) {
-  target13[__IFRAME_SERVER_CONTEXT__] = context;
+  target14[__IFRAME_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/iframe/client.ts
@@ -4969,9 +4984,9 @@ function createIframeServerChannel() {
   }
   return {
     post: (data) => {
-      var _a23;
+      var _a24;
       const iframe = getIframeServerContext();
-      (_a23 = iframe == null ? void 0 : iframe.contentWindow) == null ? void 0 : _a23.postMessage(SuperJSON.stringify({
+      (_a24 = iframe == null ? void 0 : iframe.contentWindow) == null ? void 0 : _a24.postMessage(SuperJSON.stringify({
         event: __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY,
         data
       }), "*");
@@ -5028,21 +5043,21 @@ init_esm_shims();
 
 // src/messaging/presets/vite/context.ts
 init_esm_shims();
-import { target as target14 } from "@vue/devtools-shared";
+import { target as target15 } from "@vue/devtools-shared";
 var __DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY = "__devtools-kit-vite-messaging-event-key__";
 var __VITE_CLIENT_CONTEXT__ = "vite:client-context";
 var __VITE_SERVER_CONTEXT__ = "vite:server-context";
 function getViteClientContext() {
-  return target14[__VITE_CLIENT_CONTEXT__];
+  return target15[__VITE_CLIENT_CONTEXT__];
 }
 function setViteClientContext(context) {
-  target14[__VITE_CLIENT_CONTEXT__] = context;
+  target15[__VITE_CLIENT_CONTEXT__] = context;
 }
 function getViteServerContext() {
-  return target14[__VITE_SERVER_CONTEXT__];
+  return target15[__VITE_SERVER_CONTEXT__];
 }
 function setViteServerContext(context) {
-  target14[__VITE_SERVER_CONTEXT__] = context;
+  target15[__VITE_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/vite/client.ts
@@ -5063,9 +5078,9 @@ function createViteClientChannel() {
 // src/messaging/presets/vite/server.ts
 init_esm_shims();
 function createViteServerChannel() {
-  var _a23;
+  var _a24;
   const viteServer = getViteServerContext();
-  const ws = (_a23 = viteServer.hot) != null ? _a23 : viteServer.ws;
+  const ws = (_a24 = viteServer.hot) != null ? _a24 : viteServer.ws;
   return {
     post: (data) => ws == null ? void 0 : ws.send(__DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY, SuperJSON.stringify(data)),
     on: (handler) => ws == null ? void 0 : ws.on(__DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY, (event) => {
@@ -5082,7 +5097,7 @@ init_esm_shims();
 
 // src/messaging/presets/ws/context.ts
 init_esm_shims();
-import { target as target15 } from "@vue/devtools-shared";
+import { target as target16 } from "@vue/devtools-shared";
 
 // src/messaging/presets/ws/server.ts
 init_esm_shims();
@@ -5092,7 +5107,7 @@ init_esm_shims();
 
 // src/messaging/presets/electron/context.ts
 init_esm_shims();
-import { target as target16 } from "@vue/devtools-shared";
+import { target as target17 } from "@vue/devtools-shared";
 var __ELECTRON_CLIENT_CONTEXT__ = "electron:client-context";
 var __ELECTRON_RPOXY_CONTEXT__ = "electron:proxy-context";
 var __ELECTRON_SERVER_CONTEXT__ = "electron:server-context";
@@ -5110,22 +5125,22 @@ var __DEVTOOLS_KIT_ELECTRON_MESSAGING_EVENT_KEY__ = {
   // on: proxy->server
 };
 function getElectronClientContext() {
-  return target16[__ELECTRON_CLIENT_CONTEXT__];
+  return target17[__ELECTRON_CLIENT_CONTEXT__];
 }
 function setElectronClientContext(context) {
-  target16[__ELECTRON_CLIENT_CONTEXT__] = context;
+  target17[__ELECTRON_CLIENT_CONTEXT__] = context;
 }
 function getElectronProxyContext() {
-  return target16[__ELECTRON_RPOXY_CONTEXT__];
+  return target17[__ELECTRON_RPOXY_CONTEXT__];
 }
 function setElectronProxyContext(context) {
-  target16[__ELECTRON_RPOXY_CONTEXT__] = context;
+  target17[__ELECTRON_RPOXY_CONTEXT__] = context;
 }
 function getElectronServerContext() {
-  return target16[__ELECTRON_SERVER_CONTEXT__];
+  return target17[__ELECTRON_SERVER_CONTEXT__];
 }
 function setElectronServerContext(context) {
-  target16[__ELECTRON_SERVER_CONTEXT__] = context;
+  target17[__ELECTRON_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/electron/client.ts
@@ -5183,7 +5198,7 @@ init_esm_shims();
 
 // src/messaging/presets/extension/context.ts
 init_esm_shims();
-import { target as target17 } from "@vue/devtools-shared";
+import { target as target18 } from "@vue/devtools-shared";
 var __EXTENSION_CLIENT_CONTEXT__ = "electron:client-context";
 var __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__ = {
   // client
@@ -5199,10 +5214,10 @@ var __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__ = {
   // on: proxy->server
 };
 function getExtensionClientContext() {
-  return target17[__EXTENSION_CLIENT_CONTEXT__];
+  return target18[__EXTENSION_CLIENT_CONTEXT__];
 }
 function setExtensionClientContext(context) {
-  target17[__EXTENSION_CLIENT_CONTEXT__] = context;
+  target18[__EXTENSION_CLIENT_CONTEXT__] = context;
 }
 
 // src/messaging/presets/extension/client.ts
@@ -5314,41 +5329,41 @@ function createExtensionServerChannel() {
 }
 
 // src/messaging/index.ts
-var _a17, _b17;
-(_b17 = (_a17 = target18).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null ? _b17 : _a17.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = [];
 var _a18, _b18;
-(_b18 = (_a18 = target18).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null ? _b18 : _a18.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null;
+(_b18 = (_a18 = target19).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null ? _b18 : _a18.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = [];
 var _a19, _b19;
-(_b19 = (_a19 = target18).__VUE_DEVTOOLS_KIT_RPC_SERVER__) != null ? _b19 : _a19.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = null;
+(_b19 = (_a19 = target19).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null ? _b19 : _a19.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null;
 var _a20, _b20;
-(_b20 = (_a20 = target18).__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__) != null ? _b20 : _a20.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = null;
+(_b20 = (_a20 = target19).__VUE_DEVTOOLS_KIT_RPC_SERVER__) != null ? _b20 : _a20.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = null;
 var _a21, _b21;
-(_b21 = (_a21 = target18).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null ? _b21 : _a21.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null;
+(_b21 = (_a21 = target19).__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__) != null ? _b21 : _a21.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = null;
 var _a22, _b22;
-(_b22 = (_a22 = target18).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null ? _b22 : _a22.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null;
+(_b22 = (_a22 = target19).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null ? _b22 : _a22.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null;
+var _a23, _b23;
+(_b23 = (_a23 = target19).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null ? _b23 : _a23.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null;
 function setRpcClientToGlobal(rpc) {
-  target18.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = rpc;
+  target19.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = rpc;
 }
 function setRpcServerToGlobal(rpc) {
-  target18.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = rpc;
+  target19.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = rpc;
 }
 function getRpcClient() {
-  return target18.__VUE_DEVTOOLS_KIT_RPC_CLIENT__;
+  return target19.__VUE_DEVTOOLS_KIT_RPC_CLIENT__;
 }
 function getRpcServer() {
-  return target18.__VUE_DEVTOOLS_KIT_RPC_SERVER__;
+  return target19.__VUE_DEVTOOLS_KIT_RPC_SERVER__;
 }
 function setViteRpcClientToGlobal(rpc) {
-  target18.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = rpc;
+  target19.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = rpc;
 }
 function setViteRpcServerToGlobal(rpc) {
-  target18.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = rpc;
+  target19.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = rpc;
 }
 function getViteRpcClient() {
-  return target18.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__;
+  return target19.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__;
 }
 function getViteRpcServer() {
-  return target18.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__;
+  return target19.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__;
 }
 function getChannel(preset, host = "client") {
   const channel = {
@@ -5621,13 +5636,13 @@ function getHTMLElementDetails(value) {
   }
 }
 function getObjectDetails(object) {
-  var _a23, _b23, _c, _d;
+  var _a24, _b24, _c, _d;
   const info = getSetupStateType(object);
   const isState = info.ref || info.computed || info.reactive;
   if (isState) {
     const stateTypeName = info.computed ? "Computed" : info.ref ? "Ref" : info.reactive ? "Reactive" : null;
     const value = toRaw2(info.reactive ? object : object._value);
-    const raw = ((_b23 = (_a23 = object.effect) == null ? void 0 : _a23.raw) == null ? void 0 : _b23.toString()) || ((_d = (_c = object.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString());
+    const raw = ((_b24 = (_a24 = object.effect) == null ? void 0 : _a24.raw) == null ? void 0 : _b24.toString()) || ((_d = (_c = object.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString());
     return {
       _custom: {
         type: stateTypeName == null ? void 0 : stateTypeName.toLowerCase(),
@@ -5649,7 +5664,7 @@ function getObjectDetails(object) {
 
 // src/core/component/state/replacer.ts
 function stringifyReplacer(key, _value, depth, seenInstance) {
-  var _a23;
+  var _a24;
   if (key === "compilerOptions")
     return;
   const val = this[key];
@@ -5711,7 +5726,7 @@ function stringifyReplacer(key, _value, depth, seenInstance) {
       return `[native VNode <${val.tag}>]`;
     } else if (typeof HTMLElement !== "undefined" && val instanceof HTMLElement) {
       return getHTMLElementDetails(val);
-    } else if (((_a23 = val.constructor) == null ? void 0 : _a23.name) === "Store" && val._wrappedGetters) {
+    } else if (((_a24 = val.constructor) == null ? void 0 : _a24.name) === "Store" && val._wrappedGetters) {
       return "[object Store]";
     } else if (val.currentRoute) {
       return "[object Router]";
@@ -5727,7 +5742,7 @@ function stringifyReplacer(key, _value, depth, seenInstance) {
 
 // src/core/component/state/reviver.ts
 init_esm_shims();
-import { target as target19 } from "@vue/devtools-shared";
+import { target as target20 } from "@vue/devtools-shared";
 function reviveSet(val) {
   const result = /* @__PURE__ */ new Set();
   const list = val._custom.value;
@@ -5772,7 +5787,7 @@ function revive(val) {
     return Symbol.for(string);
   } else if (specialTypeRE.test(val)) {
     const [, type, string, , details] = specialTypeRE.exec(val);
-    const result = new target19[type](string);
+    const result = new target20[type](string);
     if (type === "Error" && details)
       result.stack = details;
     return result;
@@ -5935,7 +5950,7 @@ function getInspectorStateValueType(value, raw = true) {
   }
 }
 function formatInspectorStateValue(value, quotes = false, options) {
-  var _a23, _b23, _c;
+  var _a24, _b24, _c;
   const { customClass } = options != null ? options : {};
   let result;
   const type = getInspectorStateValueType(value, false);
@@ -5944,14 +5959,14 @@ function formatInspectorStateValue(value, quotes = false, options) {
   if (result = internalStateTokenToString(value)) {
     return result;
   } else if (type === "custom") {
-    const nestedName = ((_a23 = value._custom.value) == null ? void 0 : _a23._custom) && formatInspectorStateValue(value._custom.value, quotes, options);
+    const nestedName = ((_a24 = value._custom.value) == null ? void 0 : _a24._custom) && formatInspectorStateValue(value._custom.value, quotes, options);
     return nestedName || value._custom.displayText || value._custom.display;
   } else if (type === "array") {
     return `Array[${value.length}]`;
   } else if (type === "plain-object") {
     return `Object${Object.keys(value).length ? "" : " (empty)"}`;
   } else if (type == null ? void 0 : type.includes("native")) {
-    return escape((_b23 = specialTypeRE.exec(value)) == null ? void 0 : _b23[2]);
+    return escape((_b24 = specialTypeRE.exec(value)) == null ? void 0 : _b24[2]);
   } else if (typeof value === "string") {
     const typeMatch = value.match(rawTypeRE);
     if (typeMatch) {
@@ -5968,14 +5983,14 @@ function escapeString(value) {
   return escape(value).replace(/ /g, "&nbsp;").replace(/\n/g, "<span>\\n</span>");
 }
 function getRaw(value) {
-  var _a23, _b23, _c;
+  var _a24, _b24, _c;
   let customType;
   const isCustom = getInspectorStateValueType(value) === "custom";
   let inherit = {};
   if (isCustom) {
     const data = value;
-    const customValue = (_a23 = data._custom) == null ? void 0 : _a23.value;
-    const currentCustomType = (_b23 = data._custom) == null ? void 0 : _b23.type;
+    const customValue = (_a24 = data._custom) == null ? void 0 : _a24.value;
+    const currentCustomType = (_b24 = data._custom) == null ? void 0 : _b24.type;
     const nestedCustom = typeof customValue === "object" && customValue !== null && "_custom" in customValue ? getRaw(customValue) : { inherit: void 0, value: void 0, customType: void 0 };
     inherit = nestedCustom.inherit || ((_c = data._custom) == null ? void 0 : _c.fields) || {};
     value = nestedCustom.value || customValue;
@@ -6085,6 +6100,7 @@ export {
   registerDevToolsPlugin,
   removeCustomCommand,
   removeDevToolsAppRecord,
+  removeRegisteredPluginApp,
   resetDevToolsState,
   setActiveAppRecord,
   setActiveAppRecordId,