@vitejs/devtools 0.0.0-alpha.5 → 0.0.0-alpha.7

package/dist/{core-uTAXYiA1.js → dist-BuuUhVT5.js}

@@ -2279,10 +2279,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
 		if (prepend) hooks.unshift(wrappedHook);
 		else hooks.push(wrappedHook);
 		return wrappedHook;
-	} else if (!!(process.env.NODE_ENV !== "production")) {
-		const apiName = toHandlerKey(ErrorTypeStrings$1[type].replace(/ hook$/, ""));
-		warn$1(`${apiName} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.`);
-	}
+	} else if (!!(process.env.NODE_ENV !== "production")) warn$1(`${toHandlerKey(ErrorTypeStrings$1[type].replace(/ hook$/, ""))} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.`);
 }
 const createHook = (lifecycle) => (hook, target = currentInstance) => {
 	if (!isInSSRComponentSetup || lifecycle === "sp") injectHook(lifecycle, (...args) => hook(...args), target);
@@ -2582,12 +2579,11 @@ function applyOptions(instance) {
 		const opt = computedOptions[key];
 		const get = isFunction(opt) ? opt.bind(publicThis, publicThis) : isFunction(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
 		if (!!(process.env.NODE_ENV !== "production") && get === NOOP) warn$1(`Computed property "${key}" has no getter.`);
-		const set = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : !!(process.env.NODE_ENV !== "production") ? () => {
-			warn$1(`Write operation failed: computed property "${key}" is readonly.`);
-		} : NOOP;
 		const c = computed({
 			get,
-			set
+			set: !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : !!(process.env.NODE_ENV !== "production") ? () => {
+				warn$1(`Write operation failed: computed property "${key}" is readonly.`);
+			} : NOOP
 		});
 		Object.defineProperty(ctx, key, {
 			enumerable: true,
@@ -3436,10 +3432,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		}
 	};
 	const mountChildren = (children, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, start = 0) => {
-		for (let i = start; i < children.length; i++) {
-			const child = children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]);
-			patch(null, child, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
-		}
+		for (let i = start; i < children.length; i++) patch(null, children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]), container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 	};
 	const patchElement = (n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
 		const el = n2.el = n1.el;
@@ -3493,8 +3486,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		for (let i = 0; i < newChildren.length; i++) {
 			const oldVNode = oldChildren[i];
 			const newVNode = newChildren[i];
-			const container = oldVNode.el && (oldVNode.type === Fragment || !isSameVNodeType(oldVNode, newVNode) || oldVNode.shapeFlag & 198) ? hostParentNode(oldVNode.el) : fallbackContainer;
-			patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, namespace, slotScopeIds, true);
+			patch(oldVNode, newVNode, oldVNode.el && (oldVNode.type === Fragment || !isSameVNodeType(oldVNode, newVNode) || oldVNode.shapeFlag & 198) ? hostParentNode(oldVNode.el) : fallbackContainer, null, parentComponent, parentSuspense, namespace, slotScopeIds, true);
 		}
 	};
 	const patchProps = (el, oldProps, newProps, parentComponent, namespace) => {
@@ -4871,10 +4863,7 @@ function setupStatefulComponent(instance, isSSR) {
 			});
 			else {
 				instance.asyncDep = setupResult;
-				if (!!(process.env.NODE_ENV !== "production") && !instance.suspense) {
-					const name = (_a = Component.name) != null ? _a : "Anonymous";
-					warn$1(`Component <${name}>: setup function returned a promise, but no <Suspense> boundary was found in the parent component tree. A component with async setup() must be nested in a <Suspense> in order to be rendered.`);
-				}
+				if (!!(process.env.NODE_ENV !== "production") && !instance.suspense) warn$1(`Component <${(_a = Component.name) != null ? _a : "Anonymous"}>: setup function returned a promise, but no <Suspense> boundary was found in the parent component tree. A component with async setup() must be nested in a <Suspense> in order to be rendered.`);
 			}
 		} else handleSetupResult(instance, setupResult, isSSR);
 	} else finishComponentSetup(instance, isSSR);
@@ -5413,10 +5402,8 @@ function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
 	if (nextValue && existingInvoker) existingInvoker.value = !!(process.env.NODE_ENV !== "production") ? sanitizeEventValue(nextValue, rawName) : nextValue;
 	else {
 		const [name, options] = parseName(rawName);
-		if (nextValue) {
-			const invoker = invokers[rawName] = createInvoker(!!(process.env.NODE_ENV !== "production") ? sanitizeEventValue(nextValue, rawName) : nextValue, instance);
-			addEventListener(el, name, invoker, options);
-		} else if (existingInvoker) {
+		if (nextValue) addEventListener(el, name, invokers[rawName] = createInvoker(!!(process.env.NODE_ENV !== "production") ? sanitizeEventValue(nextValue, rawName) : nextValue, instance), options);
+		else if (existingInvoker) {
 			removeEventListener(el, name, existingInvoker, options);
 			invokers[rawName] = void 0;
 		}
@@ -5930,21 +5917,38 @@ function initDev() {
 if (!!(process.env.NODE_ENV !== "production")) initDev();
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+shared@13.9.0_vue@3.5.22_typescript@5.9.3_/node_modules/@vueuse/shared/index.mjs
-function tryOnScopeDispose(fn) {
+//#region ../../node_modules/.pnpm/@vueuse+shared@14.0.0_vue@3.5.22_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js
+/**
+* Call onScopeDispose() if it's inside an effect scope lifecycle, if not, do nothing
+*
+* @param fn
+*/
+function tryOnScopeDispose(fn, failSilently) {
 	if (getCurrentScope()) {
-		onScopeDispose(fn);
+		onScopeDispose(fn, failSilently);
 		return true;
 	}
 	return false;
 }
 const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
-const injectLocal = /* @__NO_SIDE_EFFECTS__ */ (...args) => {
-	var _a;
+/**
+* On the basis of `inject`, it is allowed to directly call inject to obtain the value after call provide in the same component.
+*
+* @example
+* ```ts
+* injectLocal('MyInjectionKey', 1)
+* const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1
+* ```
+*
+* @__NO_SIDE_EFFECTS__
+*/
+const injectLocal = (...args) => {
+	var _getCurrentInstance;
 	const key = args[0];
-	const instance = (_a = getCurrentInstance()) == null ? void 0 : _a.proxy;
-	if (instance == null && !hasInjectionContext()) throw new Error("injectLocal must be called in setup");
-	if (instance && localProvidedStateMap.has(instance) && key in localProvidedStateMap.get(instance)) return localProvidedStateMap.get(instance)[key];
+	const instance = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.proxy;
+	const owner = instance !== null && instance !== void 0 ? instance : getCurrentScope();
+	if (owner == null && !hasInjectionContext()) throw new Error("injectLocal must be called in setup");
+	if (owner && localProvidedStateMap.has(owner) && key in localProvidedStateMap.get(owner)) return localProvidedStateMap.get(owner)[key];
 	return inject(...args);
 };
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
@@ -5961,6 +5965,9 @@ function toRef(...args) {
 		set: noop
 	}))) : ref(r);
 }
+/**
+* @internal
+*/
 function createFilterWrapper(filter, fn) {
 	function wrapper(...args) {
 		return new Promise((resolve, reject) => {
@@ -5973,20 +5980,23 @@ function createFilterWrapper(filter, fn) {
 	}
 	return wrapper;
 }
-const bypassFilter = (invoke) => {
-	return invoke();
+const bypassFilter = (invoke$1) => {
+	return invoke$1();
 };
+/**
+* Create an EventFilter that debounce the events
+*/
 function debounceFilter(ms, options = {}) {
 	let timer;
 	let maxTimer;
 	let lastRejector = noop;
-	const _clearTimeout = (timer2) => {
-		clearTimeout(timer2);
+	const _clearTimeout = (timer$1) => {
+		clearTimeout(timer$1);
 		lastRejector();
 		lastRejector = noop;
 	};
 	let lastInvoker;
-	const filter = (invoke) => {
+	const filter = (invoke$1) => {
 		const duration = toValue(ms);
 		const maxDuration = toValue(options.maxWait);
 		if (timer) _clearTimeout(timer);
@@ -5995,11 +6005,11 @@ function debounceFilter(ms, options = {}) {
 				_clearTimeout(maxTimer);
 				maxTimer = void 0;
 			}
-			return Promise.resolve(invoke());
+			return Promise.resolve(invoke$1());
 		}
 		return new Promise((resolve, reject) => {
 			lastRejector = options.rejectOnCancel ? reject : resolve;
-			lastInvoker = invoke;
+			lastInvoker = invoke$1;
 			if (maxDuration && !maxTimer) maxTimer = setTimeout(() => {
 				if (timer) _clearTimeout(timer);
 				maxTimer = void 0;
@@ -6008,12 +6018,18 @@ function debounceFilter(ms, options = {}) {
 			timer = setTimeout(() => {
 				if (maxTimer) _clearTimeout(maxTimer);
 				maxTimer = void 0;
-				resolve(invoke());
+				resolve(invoke$1());
 			}, duration);
 		});
 	};
 	return filter;
 }
+/**
+* EventFilter that gives extra controls to pause and resume the filter
+*
+* @param extendFilter  Extra filter to apply when the PausableFilter is active, default to none
+* @param options Options to configure the filter
+*/
 function pausableFilter(extendFilter = bypassFilter, options = {}) {
 	const { initialState = "active" } = options;
 	const isActive = toRef(initialState === "active");
@@ -6033,6 +6049,9 @@ function pausableFilter(extendFilter = bypassFilter, options = {}) {
 		eventFilter
 	};
 }
+/**
+* Get a px value for SSR use, do not rely on this method outside of SSR as REM unit is assumed at 16px, which might not be the case on the client
+*/
 function pxValue(px) {
 	return px.endsWith("rem") ? Number.parseFloat(px) * 16 : Number.parseFloat(px);
 }
@@ -6040,10 +6059,10 @@ function toArray(value) {
 	return Array.isArray(value) ? value : [value];
 }
 function cacheStringFunction(fn) {
-	const cache = /* @__PURE__ */ Object.create(null);
-	return (str) => {
+	const cache = Object.create(null);
+	return ((str) => {
 		return cache[str] || (cache[str] = fn(str));
-	};
+	});
 }
 const hyphenateRE = /\B([A-Z])/g;
 const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, "-$1").toLowerCase());
@@ -6054,7 +6073,18 @@ const camelize = cacheStringFunction((str) => {
 function getLifeCycleTarget(target) {
 	return target || getCurrentInstance();
 }
-/* @__NO_SIDE_EFFECTS__ */
+/**
+* Debounce execution of a function.
+*
+* @see https://vueuse.org/useDebounceFn
+* @param  fn          A function to be executed after delay milliseconds debounced.
+* @param  ms          A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.
+* @param  options     Options
+*
+* @return A new, debounce, function.
+*
+* @__NO_SIDE_EFFECTS__
+*/
 function useDebounceFn(fn, ms = 200, options = {}) {
 	return createFilterWrapper(debounceFilter(ms, options), fn);
 }
@@ -6075,6 +6105,15 @@ function watchPausable(source, cb, options = {}) {
 		isActive
 	};
 }
+/** @deprecated use `watchPausable` instead */
+const pausableWatch = watchPausable;
+/**
+* Extended `toRefs` that also accepts refs of an object.
+*
+* @see https://vueuse.org/toRefs
+* @param objectRef A ref or normal object or array.
+* @param options Options
+*/
 function toRefs(objectRef, options = {}) {
 	if (!isRef(objectRef)) return toRefs$1(objectRef);
 	const result = Array.isArray(objectRef.value) ? Array.from({ length: objectRef.value.length }) : {};
@@ -6083,8 +6122,8 @@ function toRefs(objectRef, options = {}) {
 			return objectRef.value[key];
 		},
 		set(v) {
-			var _a;
-			if ((_a = toValue(options.replaceRef)) != null ? _a : true) if (Array.isArray(objectRef.value)) {
+			var _toValue;
+			if ((_toValue = toValue(options.replaceRef)) !== null && _toValue !== void 0 ? _toValue : true) if (Array.isArray(objectRef.value)) {
 				const copy = [...objectRef.value];
 				copy[key] = v;
 				objectRef.value = copy;
@@ -6101,11 +6140,23 @@ function toRefs(objectRef, options = {}) {
 	}));
 	return result;
 }
+/**
+* Call onMounted() if it's inside a component lifecycle, if not, just call the function
+*
+* @param fn
+* @param sync if set to false, it will run in the nextTick() of Vue
+* @param target
+*/
 function tryOnMounted(fn, sync = true, target) {
 	if (getLifeCycleTarget(target)) onMounted(fn, target);
 	else if (sync) fn();
 	else nextTick(fn);
 }
+/**
+* Shorthand for watching value with {immediate: true}
+*
+* @see https://vueuse.org/watchImmediate
+*/
 function watchImmediate(source, cb, options) {
 	return watch(source, cb, {
 		...options,
@@ -6114,15 +6165,20 @@ function watchImmediate(source, cb, options) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+core@13.9.0_vue@3.5.22_typescript@5.9.3_/node_modules/@vueuse/core/index.mjs
+//#region ../../node_modules/.pnpm/@vueuse+core@14.0.0_vue@3.5.22_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js
 const defaultWindow = isClient ? window : void 0;
 const defaultDocument = isClient ? window.document : void 0;
 const defaultNavigator = isClient ? window.navigator : void 0;
 const defaultLocation = isClient ? window.location : void 0;
+/**
+* Get the dom element of a ref of element or Vue component instance
+*
+* @param elRef
+*/
 function unrefElement(elRef) {
-	var _a;
+	var _$el;
 	const plain = toValue(elRef);
-	return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+	return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
 }
 function useEventListener(...args) {
 	const cleanups = [];
@@ -6139,16 +6195,16 @@ function useEventListener(...args) {
 		return test.every((e) => typeof e !== "string") ? test : void 0;
 	});
 	const stopWatch = watchImmediate(() => {
-		var _a, _b;
+		var _firstParamTargets$va, _firstParamTargets$va2;
 		return [
-			(_b = (_a = firstParamTargets.value) == null ? void 0 : _a.map((e) => unrefElement(e))) != null ? _b : [defaultWindow].filter((e) => e != null),
+			(_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
 			toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
 			toArray(unref(firstParamTargets.value ? args[2] : args[1])),
 			toValue(firstParamTargets.value ? args[3] : args[2])
 		];
 	}, ([raw_targets, raw_events, raw_listeners, raw_options]) => {
 		cleanup();
-		if (!(raw_targets == null ? void 0 : raw_targets.length) || !(raw_events == null ? void 0 : raw_events.length) || !(raw_listeners == null ? void 0 : raw_listeners.length)) return;
+		if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
 		const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
 		cleanups.push(...raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone)))));
 	}, { flush: "post" });
@@ -6159,7 +6215,13 @@ function useEventListener(...args) {
 	tryOnScopeDispose(cleanup);
 	return stop$1;
 }
-/* @__NO_SIDE_EFFECTS__ */
+/**
+* Mounted state in ref.
+*
+* @see https://vueuse.org/useMounted
+*
+* @__NO_SIDE_EFFECTS__
+*/
 function useMounted() {
 	const isMounted = shallowRef(false);
 	const instance = getCurrentInstance();
@@ -6170,12 +6232,21 @@ function useMounted() {
 }
 /* @__NO_SIDE_EFFECTS__ */
 function useSupported(callback) {
-	const isMounted = /* @__PURE__ */ useMounted();
+	const isMounted = useMounted();
 	return computed(() => {
 		isMounted.value;
 		return Boolean(callback());
 	});
 }
+/**
+* Watch for changes being made to the DOM tree.
+*
+* @see https://vueuse.org/useMutationObserver
+* @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver MutationObserver MDN
+* @param target
+* @param callback
+* @param options
+*/
 function useMutationObserver(target, callback, options = {}) {
 	const { window: window$1 = defaultWindow,...mutationOptions } = options;
 	let observer;
@@ -6186,12 +6257,10 @@ function useMutationObserver(target, callback, options = {}) {
 			observer = void 0;
 		}
 	};
-	const targets = computed(() => {
-		const value = toValue(target);
-		const items = toArray(value).map(unrefElement).filter(notNullish);
+	const stopWatch = watch(computed(() => {
+		const items = toArray(toValue(target)).map(unrefElement).filter(notNullish);
 		return new Set(items);
-	});
-	const stopWatch = watch(targets, (newTargets) => {
+	}), (newTargets) => {
 		cleanup();
 		if (isSupported$1.value && newTargets.size) {
 			observer = new MutationObserver(callback);
@@ -6202,7 +6271,7 @@ function useMutationObserver(target, callback, options = {}) {
 		flush: "post"
 	});
 	const takeRecords = () => {
-		return observer == null ? void 0 : observer.takeRecords();
+		return observer === null || observer === void 0 ? void 0 : observer.takeRecords();
 	};
 	const stop$1 = () => {
 		stopWatch();
@@ -6221,6 +6290,13 @@ function useSSRWidth() {
 	const ssrWidth = hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;
 	return typeof ssrWidth === "number" ? ssrWidth : void 0;
 }
+/**
+* Reactive Media Query.
+*
+* @see https://vueuse.org/useMediaQuery
+* @param query
+* @param options
+*/
 function useMediaQuery(query, options = {}) {
 	const { window: window$1 = defaultWindow, ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;
 	const isSupported$1 = /* @__PURE__ */ useSupported(() => window$1 && "matchMedia" in window$1 && typeof window$1.matchMedia === "function");
@@ -6299,26 +6375,28 @@ const StorageSerializers = {
 	}
 };
 const customStorageEventName = "vueuse-storage";
-function useStorage(key, defaults, storage, options = {}) {
-	var _a;
+/**
+* Reactive LocalStorage/SessionStorage.
+*
+* @see https://vueuse.org/useStorage
+*/
+function useStorage(key, defaults$1, storage, options = {}) {
+	var _options$serializer;
 	const { flush = "pre", deep = true, listenToStorageChanges = true, writeDefaults = true, mergeDefaults = false, shallow, window: window$1 = defaultWindow, eventFilter, onError = (e) => {
 		console.error(e);
 	}, initOnMounted } = options;
-	const data = (shallow ? shallowRef : ref)(typeof defaults === "function" ? defaults() : defaults);
+	const data = (shallow ? shallowRef : ref)(typeof defaults$1 === "function" ? defaults$1() : defaults$1);
 	const keyComputed = computed(() => toValue(key));
 	if (!storage) try {
-		storage = getSSRHandler("getDefaultStorage", () => {
-			var _a2;
-			return (_a2 = defaultWindow) == null ? void 0 : _a2.localStorage;
-		})();
+		storage = getSSRHandler("getDefaultStorage", () => defaultWindow === null || defaultWindow === void 0 ? void 0 : defaultWindow.localStorage)();
 	} catch (e) {
 		onError(e);
 	}
 	if (!storage) return data;
-	const rawInit = toValue(defaults);
+	const rawInit = toValue(defaults$1);
 	const type = guessSerializerType(rawInit);
-	const serializer = (_a = options.serializer) != null ? _a : StorageSerializers[type];
-	const { pause: pauseWatch, resume: resumeWatch } = watchPausable(data, (newValue) => write(newValue), {
+	const serializer = (_options$serializer = options.serializer) !== null && _options$serializer !== void 0 ? _options$serializer : StorageSerializers[type];
+	const { pause: pauseWatch, resume: resumeWatch } = pausableWatch(data, (newValue) => write(newValue), {
 		flush,
 		deep,
 		eventFilter
@@ -6333,6 +6411,12 @@ function useStorage(key, defaults, storage, options = {}) {
 		if (initOnMounted && !firstMounted) return;
 		updateFromCustomEvent(ev);
 	};
+	/**
+	* The custom event is needed for same-document syncing when using custom
+	* storage backends, but it doesn't work across different documents.
+	*
+	* TODO: Consider implementing a BroadcastChannel-based solution that fixes this.
+	*/
 	if (window$1 && listenToStorageChanges) if (storage instanceof Storage) useEventListener(window$1, "storage", onStorageEvent, { passive: true });
 	else useEventListener(window$1, customStorageEventName, onStorageCustomEvent);
 	if (initOnMounted) tryOnMounted(() => {
@@ -6394,7 +6478,7 @@ function useStorage(key, defaults, storage, options = {}) {
 		pauseWatch();
 		try {
 			const serializedData = serializer.write(data.value);
-			if (event === void 0 || (event == null ? void 0 : event.newValue) !== serializedData) data.value = read(event);
+			if (event === void 0 || (event === null || event === void 0 ? void 0 : event.newValue) !== serializedData) data.value = read(event);
 		} catch (e) {
 			onError(e);
 		} finally {
@@ -6407,18 +6491,28 @@ function useStorage(key, defaults, storage, options = {}) {
 	}
 	return data;
 }
+/**
+* Manipulate CSS variables.
+*
+* @see https://vueuse.org/useCssVar
+* @param prop
+* @param target
+* @param options
+*/
 function useCssVar(prop, target, options = {}) {
 	const { window: window$1 = defaultWindow, initialValue, observe = false } = options;
 	const variable = shallowRef(initialValue);
 	const elRef = computed(() => {
-		var _a;
-		return unrefElement(target) || ((_a = window$1 == null ? void 0 : window$1.document) == null ? void 0 : _a.documentElement);
+		var _window$document;
+		return unrefElement(target) || (window$1 === null || window$1 === void 0 || (_window$document = window$1.document) === null || _window$document === void 0 ? void 0 : _window$document.documentElement);
 	});
 	function updateCssVar() {
-		var _a;
 		const key = toValue(prop);
 		const el = toValue(elRef);
-		if (el && window$1 && key) variable.value = ((_a = window$1.getComputedStyle(el).getPropertyValue(key)) == null ? void 0 : _a.trim()) || variable.value || initialValue;
+		if (el && window$1 && key) {
+			var _window$getComputedSt;
+			variable.value = ((_window$getComputedSt = window$1.getComputedStyle(el).getPropertyValue(key)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.trim()) || variable.value || initialValue;
+		}
 	}
 	if (observe) useMutationObserver(elRef, updateCssVar, {
 		attributeFilter: ["style", "class"],
@@ -6430,11 +6524,19 @@ function useCssVar(prop, target, options = {}) {
 	}, { immediate: true });
 	watch([variable, elRef], ([val, el]) => {
 		const raw_prop = toValue(prop);
-		if ((el == null ? void 0 : el.style) && raw_prop) if (val == null) el.style.removeProperty(raw_prop);
+		if ((el === null || el === void 0 ? void 0 : el.style) && raw_prop) if (val == null) el.style.removeProperty(raw_prop);
 		else el.style.setProperty(raw_prop, val);
 	}, { immediate: true });
 	return variable;
 }
+/**
+* Reports changes to the dimensions of an Element's content or the border-box
+*
+* @see https://vueuse.org/useResizeObserver
+* @param target
+* @param callback
+* @param options
+*/
 function useResizeObserver(target, callback, options = {}) {
 	const { window: window$1 = defaultWindow,...observerOptions } = options;
 	let observer;
@@ -6445,11 +6547,10 @@ function useResizeObserver(target, callback, options = {}) {
 			observer = void 0;
 		}
 	};
-	const targets = computed(() => {
+	const stopWatch = watch(computed(() => {
 		const _targets = toValue(target);
 		return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
-	});
-	const stopWatch = watch(targets, (els) => {
+	}), (els) => {
 		cleanup();
 		if (isSupported$1.value && window$1) {
 			observer = new ResizeObserver(callback);
@@ -6469,6 +6570,12 @@ function useResizeObserver(target, callback, options = {}) {
 		stop: stop$1
 	};
 }
+/**
+* Reactive bounding box of an HTML element.
+*
+* @see https://vueuse.org/useElementBounding
+* @param target
+*/
 function useElementBounding(target, options = {}) {
 	const { reset = true, windowResize = true, windowScroll = true, immediate = true, updateTiming = "sync" } = options;
 	const height = shallowRef(0);
@@ -6531,14 +6638,27 @@ function useElementBounding(target, options = {}) {
 		update
 	};
 }
+/**
+* Reactive LocalStorage.
+*
+* @see https://vueuse.org/useLocalStorage
+* @param key
+* @param initialValue
+* @param options
+*/
 function useLocalStorage(key, initialValue, options = {}) {
 	const { window: window$1 = defaultWindow } = options;
-	return useStorage(key, initialValue, window$1 == null ? void 0 : window$1.localStorage, options);
+	return useStorage(key, initialValue, window$1 === null || window$1 === void 0 ? void 0 : window$1.localStorage, options);
 }
 const topVarName = "--vueuse-safe-area-top";
 const rightVarName = "--vueuse-safe-area-right";
 const bottomVarName = "--vueuse-safe-area-bottom";
 const leftVarName = "--vueuse-safe-area-left";
+/**
+* Reactive `env(safe-area-inset-*)`
+*
+* @see https://vueuse.org/useScreenSafeArea
+*/
 function useScreenSafeArea() {
 	const top = shallowRef("");
 	const right = shallowRef("");
@@ -6610,7 +6730,14 @@ const DEFAULT_UNITS = [
 		name: "year"
 	}
 ];
-/* @__NO_SIDE_EFFECTS__ */
+/**
+* Reactive window size.
+*
+* @see https://vueuse.org/useWindowSize
+* @param options
+*
+* @__NO_SIDE_EFFECTS__
+*/
 function useWindowSize(options = {}) {
 	const { window: window$1 = defaultWindow, initialWidth = Number.POSITIVE_INFINITY, initialHeight = Number.POSITIVE_INFINITY, listenOrientation = true, includeScrollbar = true, type = "inner" } = options;
 	const width = shallowRef(initialWidth);
@@ -6636,10 +6763,7 @@ function useWindowSize(options = {}) {
 	const listenerOptions = { passive: true };
 	useEventListener("resize", update, listenerOptions);
 	if (window$1 && type === "visual" && window$1.visualViewport) useEventListener(window$1.visualViewport, "resize", update, listenerOptions);
-	if (listenOrientation) {
-		const matches = useMediaQuery("(orientation: portrait)");
-		watch(matches, () => update());
-	}
+	if (listenOrientation) watch(useMediaQuery("(orientation: portrait)"), () => update());
 	return {
 		width,
 		height
@@ -6647,4 +6771,4 @@ function useWindowSize(options = {}) {
 }
 
 //#endregion
-export { Fragment, computed, createBaseVNode, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, defineCustomElement, markRaw, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, toDisplayString, toRefs, toRefs$1, unref, useElementBounding, useEventListener, useLocalStorage, useModel, useScreenSafeArea, useTemplateRef, useWindowSize, vShow, watch, watchEffect, withCtx, withDirectives, withModifiers };
+export { withDirectives as A, renderList as C, watch as D, useTemplateRef as E, unref as F, normalizeClass as I, normalizeStyle as L, reactive as M, ref as N, watchEffect as O, toRefs$1 as P, toDisplayString as R, openBlock as S, useModel as T, defineComponent as _, useWindowSize as a, onMounted as b, vShow as c, computed as d, createBaseVNode as f, createVNode as g, createElementBlock as h, useScreenSafeArea as i, markRaw as j, withCtx as k, withModifiers as l, createCommentVNode as m, useEventListener as n, toRefs as o, createBlock as p, useLocalStorage as r, defineCustomElement as s, useElementBounding as t, Fragment as u, mergeModels as v, renderSlot as w, onUnmounted as x, nextTick as y };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { DevToolsNodeContext } from "@vitejs/devtools-kit";
-import "@vitejs/devtools-vite";
+import * as _vitejs_devtools_kit0 from "@vitejs/devtools-kit";
+import { DevToolsNodeContext, RpcDefinitionsToFunctions } from "@vitejs/devtools-kit";
 import { Plugin, ResolvedConfig, ViteDevServer } from "vite";
 import * as h30 from "h3";
 import * as birpc0 from "birpc";
@@ -7,6 +7,17 @@ import * as birpc0 from "birpc";
 //#region src/node/context.d.ts
 declare function createDevToolsContext(viteConfig: ResolvedConfig, viteServer?: ViteDevServer): Promise<DevToolsNodeContext>;
 //#endregion
+//#region src/node/rpc/index.d.ts
+declare const builtinRpcFunctions: readonly [_vitejs_devtools_kit0.RpcFunctionDefinition<"vite:core:list-rpc-functions", "action", [], Promise<{
+  [k: string]: {
+    type: any;
+  };
+}>>, _vitejs_devtools_kit0.RpcFunctionDefinition<"vite:core:list-dock-entries", "query", [], _vitejs_devtools_kit0.DevToolsDockEntry[]>, _vitejs_devtools_kit0.RpcFunctionDefinition<"vite:core:open-in-editor", "action", [path: string], Promise<void>>, _vitejs_devtools_kit0.RpcFunctionDefinition<"vite:core:open-in-finder", "action", [path: string], Promise<void>>];
+type ServerFunctions = RpcDefinitionsToFunctions<typeof builtinRpcFunctions>;
+declare module '@vitejs/devtools-kit' {
+  interface DevToolsRpcServerFunctions extends ServerFunctions {}
+}
+//#endregion
 //#region src/node/plugins/index.d.ts
 interface DevToolsOptions {
   /**
@@ -16,7 +27,7 @@ interface DevToolsOptions {
    */
   builtinDevTools?: boolean;
 }
-declare function DevTools(options?: DevToolsOptions): Plugin[];
+declare function DevTools(options?: DevToolsOptions): Promise<Plugin[]>;
 //#endregion
 //#region src/node/ws.d.ts
 interface CreateWsServerOptions {

package/dist/index.js

@@ -1,4 +1,4 @@
-import { DevTools, createDevToolsContext, createDevToolsMiddleware } from "./plugins--vOHltJp.js";
-import "./dirs-B7dOX6eI.js";
+import { n as createDevToolsMiddleware, t as DevTools, u as createDevToolsContext } from "./plugins-BdxoM625.js";
+import "./dirs-DcSK9l9L.js";
 
 export { DevTools, createDevToolsContext, createDevToolsMiddleware };