@vue/devtools-kit 8.0.6 → 8.0.7

package/dist/index.js

@@ -10,16 +10,18 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function() {
-	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
 	}
 	return to;
 };
@@ -46,6 +48,7 @@ function onLegacyDevToolsPluginApiAvailable(cb) {
 //#endregion
 //#region src/core/component/utils/index.ts
 function getComponentTypeName(options) {
+	if (typeof options === "function") return options.displayName || options.name || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || "";
 	const name = options.name || options._componentTag || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || options.__name;
 	if (name === "index" && options.__file?.endsWith("index.vue")) return "";
 	return name;
@@ -467,13 +470,13 @@ function getComponentInspector() {
 /**
 * @from [@vue/reactivity](https://github.com/vuejs/core/blob/1c3327a0fa5983aa9078e3f7bb2330f572435425/packages/reactivity/src/constants.ts#L17-L23)
 */
-let ReactiveFlags = /* @__PURE__ */ function(ReactiveFlags$1) {
-	ReactiveFlags$1["SKIP"] = "__v_skip";
-	ReactiveFlags$1["IS_REACTIVE"] = "__v_isReactive";
-	ReactiveFlags$1["IS_READONLY"] = "__v_isReadonly";
-	ReactiveFlags$1["IS_SHALLOW"] = "__v_isShallow";
-	ReactiveFlags$1["RAW"] = "__v_raw";
-	return ReactiveFlags$1;
+let ReactiveFlags = /* @__PURE__ */ function(ReactiveFlags) {
+	ReactiveFlags["SKIP"] = "__v_skip";
+	ReactiveFlags["IS_REACTIVE"] = "__v_isReactive";
+	ReactiveFlags["IS_READONLY"] = "__v_isReadonly";
+	ReactiveFlags["IS_SHALLOW"] = "__v_isShallow";
+	ReactiveFlags["RAW"] = "__v_raw";
+	return ReactiveFlags;
 }({});
 /**
 * @from [@vue/reactivity](https://github.com/vuejs/core/blob/1c3327a0fa5983aa9078e3f7bb2330f572435425/packages/reactivity/src/reactive.ts#L330-L332)
@@ -595,7 +598,7 @@ var RefStateEditor = class {
 		return isRef$1(ref) || isReactive$1(ref);
 	}
 };
-async function editComponentState(payload, stateEditor$1) {
+async function editComponentState(payload, stateEditor) {
 	const { path, nodeId, state, type } = payload;
 	const instance = getComponentInstance(activeAppRecord.value, nodeId);
 	if (!instance) return;
@@ -607,7 +610,7 @@ async function editComponentState(payload, stateEditor$1) {
 	else target$1 = instance.proxy;
 	if (target$1 && targetPath) {
 		if (state.type === "object" && type === "reactive") {}
-		stateEditor$1.set(target$1, targetPath, state.value, stateEditor$1.createDefaultSetCallback(state));
+		stateEditor.set(target$1, targetPath, state.value, stateEditor.createDefaultSetCallback(state));
 	}
 }
 const stateEditor = new StateEditor();
@@ -734,42 +737,42 @@ function getInspectorNodeActions(id) {
 
 //#endregion
 //#region src/ctx/hook.ts
-let DevToolsV6PluginAPIHookKeys = /* @__PURE__ */ function(DevToolsV6PluginAPIHookKeys$1) {
-	DevToolsV6PluginAPIHookKeys$1["VISIT_COMPONENT_TREE"] = "visitComponentTree";
-	DevToolsV6PluginAPIHookKeys$1["INSPECT_COMPONENT"] = "inspectComponent";
-	DevToolsV6PluginAPIHookKeys$1["EDIT_COMPONENT_STATE"] = "editComponentState";
-	DevToolsV6PluginAPIHookKeys$1["GET_INSPECTOR_TREE"] = "getInspectorTree";
-	DevToolsV6PluginAPIHookKeys$1["GET_INSPECTOR_STATE"] = "getInspectorState";
-	DevToolsV6PluginAPIHookKeys$1["EDIT_INSPECTOR_STATE"] = "editInspectorState";
-	DevToolsV6PluginAPIHookKeys$1["INSPECT_TIMELINE_EVENT"] = "inspectTimelineEvent";
-	DevToolsV6PluginAPIHookKeys$1["TIMELINE_CLEARED"] = "timelineCleared";
-	DevToolsV6PluginAPIHookKeys$1["SET_PLUGIN_SETTINGS"] = "setPluginSettings";
-	return DevToolsV6PluginAPIHookKeys$1;
+let DevToolsV6PluginAPIHookKeys = /* @__PURE__ */ function(DevToolsV6PluginAPIHookKeys) {
+	DevToolsV6PluginAPIHookKeys["VISIT_COMPONENT_TREE"] = "visitComponentTree";
+	DevToolsV6PluginAPIHookKeys["INSPECT_COMPONENT"] = "inspectComponent";
+	DevToolsV6PluginAPIHookKeys["EDIT_COMPONENT_STATE"] = "editComponentState";
+	DevToolsV6PluginAPIHookKeys["GET_INSPECTOR_TREE"] = "getInspectorTree";
+	DevToolsV6PluginAPIHookKeys["GET_INSPECTOR_STATE"] = "getInspectorState";
+	DevToolsV6PluginAPIHookKeys["EDIT_INSPECTOR_STATE"] = "editInspectorState";
+	DevToolsV6PluginAPIHookKeys["INSPECT_TIMELINE_EVENT"] = "inspectTimelineEvent";
+	DevToolsV6PluginAPIHookKeys["TIMELINE_CLEARED"] = "timelineCleared";
+	DevToolsV6PluginAPIHookKeys["SET_PLUGIN_SETTINGS"] = "setPluginSettings";
+	return DevToolsV6PluginAPIHookKeys;
 }({});
-let DevToolsContextHookKeys = /* @__PURE__ */ function(DevToolsContextHookKeys$1) {
-	DevToolsContextHookKeys$1["ADD_INSPECTOR"] = "addInspector";
-	DevToolsContextHookKeys$1["SEND_INSPECTOR_TREE"] = "sendInspectorTree";
-	DevToolsContextHookKeys$1["SEND_INSPECTOR_STATE"] = "sendInspectorState";
-	DevToolsContextHookKeys$1["CUSTOM_INSPECTOR_SELECT_NODE"] = "customInspectorSelectNode";
-	DevToolsContextHookKeys$1["TIMELINE_LAYER_ADDED"] = "timelineLayerAdded";
-	DevToolsContextHookKeys$1["TIMELINE_EVENT_ADDED"] = "timelineEventAdded";
-	DevToolsContextHookKeys$1["GET_COMPONENT_INSTANCES"] = "getComponentInstances";
-	DevToolsContextHookKeys$1["GET_COMPONENT_BOUNDS"] = "getComponentBounds";
-	DevToolsContextHookKeys$1["GET_COMPONENT_NAME"] = "getComponentName";
-	DevToolsContextHookKeys$1["COMPONENT_HIGHLIGHT"] = "componentHighlight";
-	DevToolsContextHookKeys$1["COMPONENT_UNHIGHLIGHT"] = "componentUnhighlight";
-	return DevToolsContextHookKeys$1;
+let DevToolsContextHookKeys = /* @__PURE__ */ function(DevToolsContextHookKeys) {
+	DevToolsContextHookKeys["ADD_INSPECTOR"] = "addInspector";
+	DevToolsContextHookKeys["SEND_INSPECTOR_TREE"] = "sendInspectorTree";
+	DevToolsContextHookKeys["SEND_INSPECTOR_STATE"] = "sendInspectorState";
+	DevToolsContextHookKeys["CUSTOM_INSPECTOR_SELECT_NODE"] = "customInspectorSelectNode";
+	DevToolsContextHookKeys["TIMELINE_LAYER_ADDED"] = "timelineLayerAdded";
+	DevToolsContextHookKeys["TIMELINE_EVENT_ADDED"] = "timelineEventAdded";
+	DevToolsContextHookKeys["GET_COMPONENT_INSTANCES"] = "getComponentInstances";
+	DevToolsContextHookKeys["GET_COMPONENT_BOUNDS"] = "getComponentBounds";
+	DevToolsContextHookKeys["GET_COMPONENT_NAME"] = "getComponentName";
+	DevToolsContextHookKeys["COMPONENT_HIGHLIGHT"] = "componentHighlight";
+	DevToolsContextHookKeys["COMPONENT_UNHIGHLIGHT"] = "componentUnhighlight";
+	return DevToolsContextHookKeys;
 }({});
-let DevToolsMessagingHookKeys = /* @__PURE__ */ function(DevToolsMessagingHookKeys$1) {
-	DevToolsMessagingHookKeys$1["SEND_INSPECTOR_TREE_TO_CLIENT"] = "sendInspectorTreeToClient";
-	DevToolsMessagingHookKeys$1["SEND_INSPECTOR_STATE_TO_CLIENT"] = "sendInspectorStateToClient";
-	DevToolsMessagingHookKeys$1["SEND_TIMELINE_EVENT_TO_CLIENT"] = "sendTimelineEventToClient";
-	DevToolsMessagingHookKeys$1["SEND_INSPECTOR_TO_CLIENT"] = "sendInspectorToClient";
-	DevToolsMessagingHookKeys$1["SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT"] = "sendActiveAppUpdatedToClient";
-	DevToolsMessagingHookKeys$1["DEVTOOLS_STATE_UPDATED"] = "devtoolsStateUpdated";
-	DevToolsMessagingHookKeys$1["DEVTOOLS_CONNECTED_UPDATED"] = "devtoolsConnectedUpdated";
-	DevToolsMessagingHookKeys$1["ROUTER_INFO_UPDATED"] = "routerInfoUpdated";
-	return DevToolsMessagingHookKeys$1;
+let DevToolsMessagingHookKeys = /* @__PURE__ */ function(DevToolsMessagingHookKeys) {
+	DevToolsMessagingHookKeys["SEND_INSPECTOR_TREE_TO_CLIENT"] = "sendInspectorTreeToClient";
+	DevToolsMessagingHookKeys["SEND_INSPECTOR_STATE_TO_CLIENT"] = "sendInspectorStateToClient";
+	DevToolsMessagingHookKeys["SEND_TIMELINE_EVENT_TO_CLIENT"] = "sendTimelineEventToClient";
+	DevToolsMessagingHookKeys["SEND_INSPECTOR_TO_CLIENT"] = "sendInspectorToClient";
+	DevToolsMessagingHookKeys["SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT"] = "sendActiveAppUpdatedToClient";
+	DevToolsMessagingHookKeys["DEVTOOLS_STATE_UPDATED"] = "devtoolsStateUpdated";
+	DevToolsMessagingHookKeys["DEVTOOLS_CONNECTED_UPDATED"] = "devtoolsConnectedUpdated";
+	DevToolsMessagingHookKeys["ROUTER_INFO_UPDATED"] = "routerInfoUpdated";
+	return DevToolsMessagingHookKeys;
 }({});
 function createDevToolsCtxHooks() {
 	const hooks$1 = createHooks();
@@ -1099,22 +1102,22 @@ function setPluginSettings(pluginId, key, value) {
 
 //#endregion
 //#region src/types/hook.ts
-let DevToolsHooks = /* @__PURE__ */ function(DevToolsHooks$1) {
-	DevToolsHooks$1["APP_INIT"] = "app:init";
-	DevToolsHooks$1["APP_UNMOUNT"] = "app:unmount";
-	DevToolsHooks$1["COMPONENT_UPDATED"] = "component:updated";
-	DevToolsHooks$1["COMPONENT_ADDED"] = "component:added";
-	DevToolsHooks$1["COMPONENT_REMOVED"] = "component:removed";
-	DevToolsHooks$1["COMPONENT_EMIT"] = "component:emit";
-	DevToolsHooks$1["PERFORMANCE_START"] = "perf:start";
-	DevToolsHooks$1["PERFORMANCE_END"] = "perf:end";
-	DevToolsHooks$1["ADD_ROUTE"] = "router:add-route";
-	DevToolsHooks$1["REMOVE_ROUTE"] = "router:remove-route";
-	DevToolsHooks$1["RENDER_TRACKED"] = "render:tracked";
-	DevToolsHooks$1["RENDER_TRIGGERED"] = "render:triggered";
-	DevToolsHooks$1["APP_CONNECTED"] = "app:connected";
-	DevToolsHooks$1["SETUP_DEVTOOLS_PLUGIN"] = "devtools-plugin:setup";
-	return DevToolsHooks$1;
+let DevToolsHooks = /* @__PURE__ */ function(DevToolsHooks) {
+	DevToolsHooks["APP_INIT"] = "app:init";
+	DevToolsHooks["APP_UNMOUNT"] = "app:unmount";
+	DevToolsHooks["COMPONENT_UPDATED"] = "component:updated";
+	DevToolsHooks["COMPONENT_ADDED"] = "component:added";
+	DevToolsHooks["COMPONENT_REMOVED"] = "component:removed";
+	DevToolsHooks["COMPONENT_EMIT"] = "component:emit";
+	DevToolsHooks["PERFORMANCE_START"] = "perf:start";
+	DevToolsHooks["PERFORMANCE_END"] = "perf:end";
+	DevToolsHooks["ADD_ROUTE"] = "router:add-route";
+	DevToolsHooks["REMOVE_ROUTE"] = "router:remove-route";
+	DevToolsHooks["RENDER_TRACKED"] = "render:tracked";
+	DevToolsHooks["RENDER_TRIGGERED"] = "render:triggered";
+	DevToolsHooks["APP_CONNECTED"] = "app:connected";
+	DevToolsHooks["SETUP_DEVTOOLS_PLUGIN"] = "devtools-plugin:setup";
+	return DevToolsHooks;
 }({});
 
 //#endregion
@@ -1185,40 +1188,40 @@ function createDevToolsHook() {
 		}
 	};
 }
-function subscribeDevToolsHook(hook$1) {
-	hook$1.on(DevToolsHooks.APP_INIT, (app, version, types) => {
+function subscribeDevToolsHook(hook) {
+	hook.on(DevToolsHooks.APP_INIT, (app, version, types) => {
 		if (app?._instance?.type?.devtools?.hide) return;
 		devtoolsHooks.callHook(DevToolsHooks.APP_INIT, app, version, types);
 	});
-	hook$1.on(DevToolsHooks.APP_UNMOUNT, (app) => {
+	hook.on(DevToolsHooks.APP_UNMOUNT, (app) => {
 		devtoolsHooks.callHook(DevToolsHooks.APP_UNMOUNT, app);
 	});
-	hook$1.on(DevToolsHooks.COMPONENT_ADDED, async (app, uid, parentUid, component) => {
+	hook.on(DevToolsHooks.COMPONENT_ADDED, async (app, uid, parentUid, component) => {
 		if (app?._instance?.type?.devtools?.hide || devtoolsState.highPerfModeEnabled) return;
 		if (!app || typeof uid !== "number" && !uid || !component) return;
 		devtoolsHooks.callHook(DevToolsHooks.COMPONENT_ADDED, app, uid, parentUid, component);
 	});
-	hook$1.on(DevToolsHooks.COMPONENT_UPDATED, (app, uid, parentUid, component) => {
+	hook.on(DevToolsHooks.COMPONENT_UPDATED, (app, uid, parentUid, component) => {
 		if (!app || typeof uid !== "number" && !uid || !component || devtoolsState.highPerfModeEnabled) return;
 		devtoolsHooks.callHook(DevToolsHooks.COMPONENT_UPDATED, app, uid, parentUid, component);
 	});
-	hook$1.on(DevToolsHooks.COMPONENT_REMOVED, async (app, uid, parentUid, component) => {
+	hook.on(DevToolsHooks.COMPONENT_REMOVED, async (app, uid, parentUid, component) => {
 		if (!app || typeof uid !== "number" && !uid || !component || devtoolsState.highPerfModeEnabled) return;
 		devtoolsHooks.callHook(DevToolsHooks.COMPONENT_REMOVED, app, uid, parentUid, component);
 	});
-	hook$1.on(DevToolsHooks.COMPONENT_EMIT, async (app, instance, event, params) => {
+	hook.on(DevToolsHooks.COMPONENT_EMIT, async (app, instance, event, params) => {
 		if (!app || !instance || devtoolsState.highPerfModeEnabled) return;
 		devtoolsHooks.callHook(DevToolsHooks.COMPONENT_EMIT, app, instance, event, params);
 	});
-	hook$1.on(DevToolsHooks.PERFORMANCE_START, (app, uid, vm, type, time) => {
+	hook.on(DevToolsHooks.PERFORMANCE_START, (app, uid, vm, type, time) => {
 		if (!app || devtoolsState.highPerfModeEnabled) return;
 		devtoolsHooks.callHook(DevToolsHooks.PERFORMANCE_START, app, uid, vm, type, time);
 	});
-	hook$1.on(DevToolsHooks.PERFORMANCE_END, (app, uid, vm, type, time) => {
+	hook.on(DevToolsHooks.PERFORMANCE_END, (app, uid, vm, type, time) => {
 		if (!app || devtoolsState.highPerfModeEnabled) return;
 		devtoolsHooks.callHook(DevToolsHooks.PERFORMANCE_END, app, uid, vm, type, time);
 	});
-	hook$1.on(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, (pluginDescriptor, setupFn, options) => {
+	hook.on(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, (pluginDescriptor, setupFn, options) => {
 		if (options?.target === "legacy") return;
 		devtoolsHooks.callHook(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, pluginDescriptor, setupFn);
 	});
@@ -1539,8 +1542,10 @@ function mergeOptions(to, from, instance) {
 	const { mixins, extends: extendsOptions } = from;
 	extendsOptions && mergeOptions(to, extendsOptions, instance);
 	mixins && mixins.forEach((m) => mergeOptions(to, m, instance));
-	for (const key of ["computed", "inject"]) if (Object.prototype.hasOwnProperty.call(from, key)) if (!to[key]) to[key] = from[key];
-	else Object.assign(to[key], from[key]);
+	for (const key of ["computed", "inject"]) if (Object.prototype.hasOwnProperty.call(from, key)) {
+		to[key] ??= {};
+		Object.assign(to[key], from[key]);
+	}
 	return to;
 }
 function resolveMergedOptions(instance) {
@@ -1707,6 +1712,14 @@ function processRefs(instance) {
 		value: returnError(() => instance.refs[key])
 	}));
 }
+const vnodeEvents = new Set([
+	"vnode-before-mount",
+	"vnode-mounted",
+	"vnode-before-update",
+	"vnode-updated",
+	"vnode-before-unmount",
+	"vnode-unmounted"
+]);
 function processEventListeners(instance) {
 	const emitsDefinition = instance.type.emits;
 	const declaredEmits = Array.isArray(emitsDefinition) ? emitsDefinition : Object.keys(emitsDefinition ?? {});
@@ -1716,15 +1729,17 @@ function processEventListeners(instance) {
 		const [prefix, ...eventNameParts] = key.split(/(?=[A-Z])/);
 		if (prefix === "on") {
 			const eventName = eventNameParts.join("-").toLowerCase();
-			const isDeclared = declaredEmits.includes(eventName);
+			const isBuiltIn = vnodeEvents.has(eventName);
+			const isDeclared = declaredEmits.includes(eventName) || declaredEmits.includes(camelize(eventName));
+			const text = isBuiltIn ? "✅ Built-in" : isDeclared ? "✅ Declared" : "⚠️ Not declared";
 			result.push({
 				type: "event listeners",
 				key: eventName,
 				value: { _custom: {
-					displayText: isDeclared ? "✅ Declared" : "⚠️ Not declared",
-					key: isDeclared ? "✅ Declared" : "⚠️ Not declared",
-					value: isDeclared ? "✅ Declared" : "⚠️ Not declared",
-					tooltipText: !isDeclared ? `The event <code>${eventName}</code> is not declared in the <code>emits</code> option. It will leak into the component's attributes (<code>$attrs</code>).` : null
+					displayText: text,
+					key: text,
+					value: text,
+					tooltipText: isBuiltIn ? `The event <code>${escape(eventName)}</code> is part of Vue and doesn't need to be declared by the component` : !isDeclared ? `The event <code>${escape(eventName)}</code> is not declared in the <code>emits</code> option. It will leak into the component's attributes (<code>$attrs</code>).` : null
 				} }
 			});
 		}
@@ -2500,8 +2515,9 @@ const devtoolsContext = target.__VUE_DEVTOOLS_KIT_CONTEXT__;
 
 //#endregion
 //#region ../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/lib/speakingurl.js
-var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/lib/speakingurl.js": ((exports, module) => {
+var require_speakingurl$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	(function(root) {
+		"use strict";
 		/**
 		* charMap
 		* @type {Object}
@@ -3962,13 +3978,13 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
 			}
 		} catch (e) {}
 	})(exports);
-}) });
+}));
 
 //#endregion
 //#region ../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/index.js
-var require_speakingurl = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/index.js": ((exports, module) => {
+var require_speakingurl = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	module.exports = require_speakingurl$1();
-}) });
+}));
 
 //#endregion
 //#region src/core/app/index.ts
@@ -4747,17 +4763,17 @@ const setDeep = (object, path, mapper) => {
 
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/plainer.js
-function traverse(tree, walker$1, origin = []) {
+function traverse(tree, walker, origin = []) {
 	if (!tree) return;
 	if (!isArray$2(tree)) {
-		forEach(tree, (subtree, key) => traverse(subtree, walker$1, [...origin, ...parsePath(key)]));
+		forEach(tree, (subtree, key) => traverse(subtree, walker, [...origin, ...parsePath(key)]));
 		return;
 	}
 	const [nodeValue, children] = tree;
 	if (children) forEach(children, (child, key) => {
-		traverse(child, walker$1, [...origin, ...parsePath(key)]);
+		traverse(child, walker, [...origin, ...parsePath(key)]);
 	});
-	walker$1(nodeValue, origin);
+	walker(nodeValue, origin);
 }
 function applyValueAnnotations(plain, annotations, superJson) {
 	traverse(annotations, (type, path) => {
@@ -5396,7 +5412,7 @@ function getFunctionDetails(func) {
 	return { _custom: {
 		type: "function",
 		displayText: `<span style="opacity:.8;margin-right:5px;">function</span> <span style="white-space:nowrap;">${escape(typeof func.name === "string" ? func.name : "")}${args}</span>`,
-		tooltipText: string.trim() ? `<pre>${string}</pre>` : null
+		tooltipText: string.trim() ? `<pre>${escape(string)}</pre>` : null
 	} };
 }
 function getBigIntDetails(val) {
@@ -5550,7 +5566,7 @@ function getObjectDetails(object) {
 			type: stateTypeName?.toLowerCase(),
 			stateTypeName,
 			value,
-			...raw ? { tooltipText: `<span class="font-mono">${raw}</span>` } : {}
+			...raw ? { tooltipText: `<pre>${escape(raw)}</pre>` } : {}
 		} };
 	}
 	if (ensurePropertyExists(object, "__asyncLoader") && typeof object.__asyncLoader === "function") return { _custom: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue/devtools-kit",
   "type": "module",
-  "version": "8.0.6",
+  "version": "8.0.7",
   "author": "webfansplz",
   "license": "MIT",
   "repository": {
@@ -25,14 +25,13 @@
   "dependencies": {
     "birpc": "^2.6.1",
     "hookable": "^5.5.3",
-    "mitt": "^3.0.1",
     "perfect-debounce": "^2.0.0",
-    "speakingurl": "^14.0.1",
-    "superjson": "^2.2.2",
-    "@vue/devtools-shared": "^8.0.6"
+    "@vue/devtools-shared": "^8.0.7"
   },
   "devDependencies": {
     "@types/speakingurl": "^13.0.6",
+    "speakingurl": "^14.0.1",
+    "superjson": "^2.2.2",
     "vue": "^3.5.22",
     "vue-router": "^4.6.0"
   },