@vueuse/shared 14.2.1 → 14.4.0

package/dist/index.js

@@ -1,5 +1,4 @@
 import { computed, customRef, effectScope, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, isReactive, isRef, nextTick, onBeforeMount, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, provide, reactive, readonly, ref, shallowReadonly, shallowRef, toRef as toRef$1, toRefs as toRefs$1, toValue, unref, watch, watchEffect } from "vue";
-
 //#region computedEager/index.ts
 /**
 *
@@ -27,7 +26,6 @@ function computedEager(fn, options) {
 }
 /** @deprecated use `computedEager` instead */
 const eagerComputed = computedEager;
-
 //#endregion
 //#region computedWithControl/index.ts
 /**
@@ -49,22 +47,22 @@ function computedWithControl(source, fn, options = {}) {
 		flush: "sync",
 		...options
 	});
-	const get$1 = typeof fn === "function" ? fn : fn.get;
-	const set$1 = typeof fn === "function" ? void 0 : fn.set;
+	const get = typeof fn === "function" ? fn : fn.get;
+	const set = typeof fn === "function" ? void 0 : fn.set;
 	const result = customRef((_track, _trigger) => {
 		track = _track;
 		trigger = _trigger;
 		return {
 			get() {
 				if (dirty) {
-					v = get$1(v);
+					v = get(v);
 					dirty = false;
 				}
 				track();
 				return v;
 			},
-			set(v$1) {
-				set$1 === null || set$1 === void 0 || set$1(v$1);
+			set(v) {
+				set === null || set === void 0 || set(v);
 			}
 		};
 	});
@@ -73,7 +71,44 @@ function computedWithControl(source, fn, options = {}) {
 }
 /** @deprecated use `computedWithControl` instead */
 const controlledComputed = computedWithControl;
-
+//#endregion
+//#region createDisposableDirective/index.ts
+/**
+* Utility for authoring disposable directives. Reactive effects created within `mounted` directive hook will be tracked and automatically disposed when directive is unmounted.
+*
+* @see https://vueuse.org/createDisposableDirective
+*
+* @__NO_SIDE_EFFECTS__
+*/
+function createDisposableDirective(origin = {}) {
+	function isFunc(fn) {
+		return typeof fn === "function";
+	}
+	const normalisedOrigin = isFunc(origin) ? {
+		mounted: origin,
+		updated: origin
+	} : origin;
+	const { mounted, unmounted } = normalisedOrigin;
+	if (!isFunc(mounted)) return origin;
+	const scopeWeakMap = /* @__PURE__ */ new WeakMap();
+	return {
+		...normalisedOrigin,
+		mounted(el, binding, vNode, prevNode) {
+			var _scopeWeakMap$get;
+			const scope = (_scopeWeakMap$get = scopeWeakMap.get(el)) !== null && _scopeWeakMap$get !== void 0 ? _scopeWeakMap$get : effectScope();
+			scopeWeakMap.set(el, scope);
+			scope.run(() => {
+				mounted === null || mounted === void 0 || mounted(el, binding, vNode, prevNode);
+			});
+		},
+		unmounted(el, binding, vNode, prevNode) {
+			var _scopeWeakMap$get2;
+			(_scopeWeakMap$get2 = scopeWeakMap.get(el)) === null || _scopeWeakMap$get2 === void 0 || _scopeWeakMap$get2.stop();
+			scopeWeakMap.delete(el);
+			if (isFunc(unmounted)) unmounted(el, binding, vNode, prevNode);
+		}
+	};
+}
 //#endregion
 //#region tryOnScopeDispose/index.ts
 /**
@@ -88,7 +123,6 @@ function tryOnScopeDispose(fn, failSilently) {
 	}
 	return false;
 }
-
 //#endregion
 //#region createEventHook/index.ts
 /**
@@ -122,7 +156,6 @@ function createEventHook() {
 		clear
 	};
 }
-
 //#endregion
 //#region createGlobalState/index.ts
 /**
@@ -145,11 +178,9 @@ function createGlobalState(stateFactory) {
 		return state;
 	});
 }
-
 //#endregion
 //#region provideLocal/map.ts
 const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
-
 //#endregion
 //#region injectLocal/index.ts
 /**
@@ -172,7 +203,6 @@ const injectLocal = (...args) => {
 	if (owner && localProvidedStateMap.has(owner) && key in localProvidedStateMap.get(owner)) return localProvidedStateMap.get(owner)[key];
 	return inject(...args);
 };
-
 //#endregion
 //#region provideLocal/index.ts
 /**
@@ -194,16 +224,8 @@ function provideLocal(key, value) {
 	localProvidedState[key] = value;
 	return provide(key, value);
 }
-
 //#endregion
 //#region createInjectionState/index.ts
-/**
-* Create global state that can be injected into components.
-*
-* @see https://vueuse.org/createInjectionState
-*
-* @__NO_SIDE_EFFECTS__
-*/
 function createInjectionState(composable, options) {
 	const key = (options === null || options === void 0 ? void 0 : options.injectionKey) || Symbol(composable.name || "InjectionState");
 	const defaultValue = options === null || options === void 0 ? void 0 : options.defaultValue;
@@ -215,7 +237,6 @@ function createInjectionState(composable, options) {
 	const useInjectedState = () => injectLocal(key, defaultValue);
 	return [useProvidingState, useInjectedState];
 }
-
 //#endregion
 //#region createRef/index.ts
 /**
@@ -237,7 +258,6 @@ function createRef(value, deep) {
 	if (deep === true) return ref(value);
 	else return shallowRef(value);
 }
-
 //#endregion
 //#region utils/is.ts
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
@@ -258,13 +278,12 @@ const rand = (min, max) => {
 	max = Math.floor(max);
 	return Math.floor(Math.random() * (max - min + 1)) + min;
 };
-const hasOwn = (val, key) => Object.prototype.hasOwnProperty.call(val, key);
-const isIOS = /* @__PURE__ */ getIsIOS();
+const hasOwn = (val, key) => Object.hasOwn(val, key);
+const isIOS = /* #__PURE__ */ getIsIOS();
 function getIsIOS() {
 	var _window, _window2, _window3;
 	return isClient && !!((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.navigator) === null || _window2 === void 0 ? void 0 : _window2.maxTouchPoints) > 2 && /iPad|Macintosh/.test((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.navigator.userAgent));
 }
-
 //#endregion
 //#region toRef/index.ts
 function toRef(...args) {
@@ -275,12 +294,8 @@ function toRef(...args) {
 		set: noop
 	}))) : ref(r);
 }
-
 //#endregion
 //#region utils/filters.ts
-/**
-* @internal
-*/
 function createFilterWrapper(filter, fn) {
 	function wrapper(...args) {
 		return new Promise((resolve, reject) => {
@@ -291,10 +306,15 @@ function createFilterWrapper(filter, fn) {
 			})).then(resolve).catch(reject);
 		});
 	}
+	if ("cancel" in filter) Object.assign(wrapper, {
+		cancel: filter.cancel,
+		flush: filter.flush,
+		isPending: filter.isPending
+	});
 	return wrapper;
 }
-const bypassFilter = (invoke$1) => {
-	return invoke$1();
+const bypassFilter = (invoke) => {
+	return invoke();
 };
 /**
 * Create an EventFilter that debounce the events
@@ -303,13 +323,15 @@ function debounceFilter(ms, options = {}) {
 	let timer;
 	let maxTimer;
 	let lastRejector = noop;
-	const _clearTimeout = (timer$1) => {
-		clearTimeout(timer$1);
+	let lastResolve = noop;
+	const _pending = shallowRef(false);
+	const _clearTimeout = (timer) => {
+		clearTimeout(timer);
 		lastRejector();
 		lastRejector = noop;
 	};
 	let lastInvoker;
-	const filter = (invoke$1) => {
+	const handler = (invoke) => {
 		const duration = toValue(ms);
 		const maxDuration = toValue(options.maxWait);
 		if (timer) _clearTimeout(timer);
@@ -318,24 +340,60 @@ function debounceFilter(ms, options = {}) {
 				_clearTimeout(maxTimer);
 				maxTimer = void 0;
 			}
-			return Promise.resolve(invoke$1());
+			_pending.value = false;
+			return Promise.resolve(invoke());
 		}
+		_pending.value = true;
 		return new Promise((resolve, reject) => {
 			lastRejector = options.rejectOnCancel ? reject : resolve;
-			lastInvoker = invoke$1;
+			lastResolve = resolve;
+			lastInvoker = invoke;
 			if (maxDuration && !maxTimer) maxTimer = setTimeout(() => {
 				if (timer) _clearTimeout(timer);
 				maxTimer = void 0;
+				_pending.value = false;
 				resolve(lastInvoker());
 			}, maxDuration);
 			timer = setTimeout(() => {
 				if (maxTimer) _clearTimeout(maxTimer);
 				maxTimer = void 0;
-				resolve(invoke$1());
+				_pending.value = false;
+				resolve(invoke());
 			}, duration);
 		});
 	};
-	return filter;
+	return Object.assign(handler, {
+		cancel: () => {
+			if (timer) {
+				_clearTimeout(timer);
+				timer = void 0;
+			}
+			if (maxTimer) {
+				_clearTimeout(maxTimer);
+				maxTimer = void 0;
+			}
+			_pending.value = false;
+			lastResolve = noop;
+		},
+		flush: () => {
+			if (_pending.value) {
+				if (timer) {
+					clearTimeout(timer);
+					timer = void 0;
+				}
+				if (maxTimer) {
+					clearTimeout(maxTimer);
+					maxTimer = void 0;
+				}
+				_pending.value = false;
+				const resolve = lastResolve;
+				lastRejector = noop;
+				lastResolve = noop;
+				resolve(lastInvoker());
+			}
+		},
+		isPending: shallowReadonly(_pending)
+	});
 }
 function throttleFilter(...args) {
 	let lastExec = 0;
@@ -360,23 +418,23 @@ function throttleFilter(...args) {
 	const filter = (_invoke) => {
 		const duration = toValue(ms);
 		const elapsed = Date.now() - lastExec;
-		const invoke$1 = () => {
+		const invoke = () => {
 			return lastValue = _invoke();
 		};
 		clear();
 		if (duration <= 0) {
 			lastExec = Date.now();
-			return invoke$1();
+			return invoke();
 		}
 		if (elapsed > duration) {
 			lastExec = Date.now();
-			if (leading || !isLeading) invoke$1();
+			if (leading || !isLeading) invoke();
 		} else if (trailing) lastValue = new Promise((resolve, reject) => {
 			lastRejector = rejectOnCancel ? reject : resolve;
 			timer = setTimeout(() => {
 				lastExec = Date.now();
 				isLeading = true;
-				resolve(invoke$1());
+				resolve(invoke());
 				clear();
 			}, Math.max(0, duration - elapsed));
 		});
@@ -405,18 +463,17 @@ function pausableFilter(extendFilter = bypassFilter, options = {}) {
 		if (isActive.value) extendFilter(...args);
 	};
 	return {
-		isActive: readonly(isActive),
+		isActive: shallowReadonly(isActive),
 		pause,
 		resume,
 		eventFilter
 	};
 }
-
 //#endregion
 //#region utils/general.ts
 function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
 	return new Promise((resolve, reject) => {
-		if (throwOnTimeout) setTimeout(() => reject(reason), ms);
+		if (throwOnTimeout) setTimeout(reject, ms, reason);
 		else setTimeout(resolve, ms);
 	});
 }
@@ -494,7 +551,6 @@ function objectEntries(obj) {
 function toArray(value) {
 	return Array.isArray(value) ? value : [value];
 }
-
 //#endregion
 //#region utils/port.ts
 function cacheStringFunction(fn) {
@@ -509,13 +565,11 @@ const camelizeRE = /-(\w)/g;
 const camelize = cacheStringFunction((str) => {
 	return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
 });
-
 //#endregion
 //#region utils/vue.ts
 function getLifeCycleTarget(target) {
 	return target || getCurrentInstance();
 }
-
 //#endregion
 //#region createSharedComposable/index.ts
 /**
@@ -548,13 +602,12 @@ function createSharedComposable(composable) {
 		return state;
 	});
 }
-
 //#endregion
 //#region extendRef/index.ts
-function extendRef(ref$1, extend, { enumerable = false, unwrap = true } = {}) {
+function extendRef(ref, extend, { enumerable = false, unwrap = true } = {}) {
 	for (const [key, value] of Object.entries(extend)) {
 		if (key === "value") continue;
-		if (isRef(value) && unwrap) Object.defineProperty(ref$1, key, {
+		if (isRef(value) && unwrap) Object.defineProperty(ref, key, {
 			get() {
 				return value.value;
 			},
@@ -563,27 +616,24 @@ function extendRef(ref$1, extend, { enumerable = false, unwrap = true } = {}) {
 			},
 			enumerable
 		});
-		else Object.defineProperty(ref$1, key, {
+		else Object.defineProperty(ref, key, {
 			value,
 			enumerable
 		});
 	}
-	return ref$1;
+	return ref;
 }
-
 //#endregion
 //#region get/index.ts
 function get(obj, key) {
 	if (key == null) return unref(obj);
 	return unref(obj)[key];
 }
-
 //#endregion
 //#region isDefined/index.ts
 function isDefined(v) {
 	return unref(v) != null;
 }
-
 //#endregion
 //#region makeDestructurable/index.ts
 /* @__NO_SIDE_EFFECTS__ */
@@ -603,7 +653,6 @@ function makeDestructurable(obj, arr) {
 		return clone;
 	} else return Object.assign([...arr], obj);
 }
-
 //#endregion
 //#region reactify/index.ts
 /**
@@ -624,7 +673,6 @@ function reactify(fn, options) {
 }
 /** @deprecated use `reactify` instead */
 const createReactiveFn = reactify;
-
 //#endregion
 //#region reactifyObject/index.ts
 /**
@@ -647,7 +695,6 @@ function reactifyObject(obj, optionsOrKeys = {}) {
 		return [key, typeof value === "function" ? reactify(value.bind(obj), options) : value];
 	}));
 }
-
 //#endregion
 //#region toReactive/index.ts
 /**
@@ -684,7 +731,6 @@ function toReactive(objectRef) {
 		}
 	}));
 }
-
 //#endregion
 //#region reactiveComputed/index.ts
 /**
@@ -693,7 +739,6 @@ function toReactive(objectRef) {
 function reactiveComputed(fn) {
 	return toReactive(computed(fn));
 }
-
 //#endregion
 //#region reactiveOmit/index.ts
 /**
@@ -706,7 +751,6 @@ function reactiveOmit(obj, ...keys) {
 	const predicate = flatKeys[0];
 	return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(toRefs$1(obj)).filter(([k, v]) => !predicate(toValue(v), k))) : Object.fromEntries(Object.entries(toRefs$1(obj)).filter((e) => !flatKeys.includes(e[0]))));
 }
-
 //#endregion
 //#region reactivePick/index.ts
 /**
@@ -719,7 +763,6 @@ function reactivePick(obj, ...keys) {
 	const predicate = flatKeys[0];
 	return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(toRefs$1(obj)).filter(([k, v]) => predicate(toValue(v), k))) : Object.fromEntries(flatKeys.map((k) => [k, toRef(obj, k)])));
 }
-
 //#endregion
 //#region refAutoReset/index.ts
 /**
@@ -756,7 +799,6 @@ function refAutoReset(defaultValue, afterMs = 1e4) {
 }
 /** @deprecated use `refAutoReset` instead */
 const autoResetRef = refAutoReset;
-
 //#endregion
 //#region useDebounceFn/index.ts
 /**
@@ -767,14 +809,11 @@ const autoResetRef = refAutoReset;
 * @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__
+* @return A new, debounced, function with isPending, cancel, and flush properties.
 */
 function useDebounceFn(fn, ms = 200, options = {}) {
 	return createFilterWrapper(debounceFilter(ms, options), fn);
 }
-
 //#endregion
 //#region refDebounced/index.ts
 /**
@@ -794,7 +833,6 @@ function refDebounced(value, ms = 200, options = {}) {
 const debouncedRef = refDebounced;
 /** @deprecated use `refDebounced` instead */
 const useDebounce = refDebounced;
-
 //#endregion
 //#region refDefault/index.ts
 /**
@@ -813,7 +851,6 @@ function refDefault(source, defaultValue) {
 		}
 	});
 }
-
 //#endregion
 //#region refManualReset/index.ts
 /**
@@ -845,7 +882,6 @@ function refManualReset(defaultValue) {
 	refValue.reset = reset;
 	return refValue;
 }
-
 //#endregion
 //#region useThrottleFn/index.ts
 /**
@@ -870,7 +906,6 @@ function refManualReset(defaultValue) {
 function useThrottleFn(fn, ms = 200, trailing = false, leading = true, rejectOnCancel = false) {
 	return createFilterWrapper(throttleFilter(ms, trailing, leading, rejectOnCancel), fn);
 }
-
 //#endregion
 //#region refThrottled/index.ts
 /**
@@ -895,7 +930,6 @@ function refThrottled(value, delay = 200, trailing = true, leading = true) {
 const throttledRef = refThrottled;
 /** @deprecated use `refThrottled` instead */
 const useThrottle = refThrottled;
-
 //#endregion
 //#region refWithControl/index.ts
 /**
@@ -907,23 +941,23 @@ function refWithControl(initial, options = {}) {
 	let source = initial;
 	let track;
 	let trigger;
-	const ref$1 = customRef((_track, _trigger) => {
+	const ref = customRef((_track, _trigger) => {
 		track = _track;
 		trigger = _trigger;
 		return {
 			get() {
-				return get$1();
+				return get();
 			},
 			set(v) {
-				set$1(v);
+				set(v);
 			}
 		};
 	});
-	function get$1(tracking = true) {
+	function get(tracking = true) {
 		if (tracking) track();
 		return source;
 	}
-	function set$1(value, triggering = true) {
+	function set(value, triggering = true) {
 		var _options$onBeforeChan, _options$onChanged;
 		if (value === source) return;
 		const old = source;
@@ -935,26 +969,26 @@ function refWithControl(initial, options = {}) {
 	/**
 	* Get the value without tracked in the reactivity system
 	*/
-	const untrackedGet = () => get$1(false);
+	const untrackedGet = () => get(false);
 	/**
 	* Set the value without triggering the reactivity system
 	*/
-	const silentSet = (v) => set$1(v, false);
+	const silentSet = (v) => set(v, false);
 	/**
 	* Get the value without tracked in the reactivity system.
 	*
 	* Alias for `untrackedGet()`
 	*/
-	const peek = () => get$1(false);
+	const peek = () => get(false);
 	/**
 	* Set the value without triggering the reactivity system
 	*
 	* Alias for `silentSet(v)`
 	*/
-	const lay = (v) => set$1(v, false);
-	return extendRef(ref$1, {
-		get: get$1,
-		set: set$1,
+	const lay = (v) => set(v, false);
+	return extendRef(ref, {
+		get,
+		set,
 		untrackedGet,
 		silentSet,
 		peek,
@@ -963,7 +997,6 @@ function refWithControl(initial, options = {}) {
 }
 /** @deprecated use `refWithControl` instead */
 const controlledRef = refWithControl;
-
 //#endregion
 //#region set/index.ts
 /**
@@ -971,27 +1004,25 @@ const controlledRef = refWithControl;
 */
 function set(...args) {
 	if (args.length === 2) {
-		const [ref$1, value] = args;
-		ref$1.value = value;
+		const [ref, value] = args;
+		ref.value = value;
 	}
 	if (args.length === 3) {
 		const [target, key, value] = args;
 		target[key] = value;
 	}
 }
-
 //#endregion
 //#region watchWithFilter/index.ts
 function watchWithFilter(source, cb, options = {}) {
-	const { eventFilter = bypassFilter,...watchOptions } = options;
+	const { eventFilter = bypassFilter, ...watchOptions } = options;
 	return watch(source, createFilterWrapper(eventFilter, cb), watchOptions);
 }
-
 //#endregion
 //#region watchPausable/index.ts
 /** @deprecated Use Vue's built-in `watch` instead. This function will be removed in future version. */
 function watchPausable(source, cb, options = {}) {
-	const { eventFilter: filter, initialState = "active",...watchOptions } = options;
+	const { eventFilter: filter, initialState = "active", ...watchOptions } = options;
 	const { eventFilter, pause, resume, isActive } = pausableFilter(filter, { initialState });
 	return {
 		stop: watchWithFilter(source, cb, {
@@ -1005,7 +1036,6 @@ function watchPausable(source, cb, options = {}) {
 }
 /** @deprecated Use Vue's built-in `watch` instead. This function will be removed in future version. */
 const pausableWatch = watchPausable;
-
 //#endregion
 //#region syncRef/index.ts
 /**
@@ -1045,7 +1075,6 @@ function syncRef(left, right, ...[options]) {
 	};
 	return stop;
 }
-
 //#endregion
 //#region syncRefs/index.ts
 /**
@@ -1063,7 +1092,6 @@ function syncRefs(source, targets, options = {}) {
 		immediate
 	});
 }
-
 //#endregion
 //#region toRefs/index.ts
 /**
@@ -1099,7 +1127,6 @@ function toRefs(objectRef, options = {}) {
 	}));
 	return result;
 }
-
 //#endregion
 //#region tryOnBeforeMount/index.ts
 /**
@@ -1114,7 +1141,6 @@ function tryOnBeforeMount(fn, sync = true, target) {
 	else if (sync) fn();
 	else nextTick(fn);
 }
-
 //#endregion
 //#region tryOnBeforeUnmount/index.ts
 /**
@@ -1126,7 +1152,6 @@ function tryOnBeforeMount(fn, sync = true, target) {
 function tryOnBeforeUnmount(fn, target) {
 	if (getLifeCycleTarget(target)) onBeforeUnmount(fn, target);
 }
-
 //#endregion
 //#region tryOnMounted/index.ts
 /**
@@ -1141,7 +1166,6 @@ function tryOnMounted(fn, sync = true, target) {
 	else if (sync) fn();
 	else nextTick(fn);
 }
-
 //#endregion
 //#region tryOnUnmounted/index.ts
 /**
@@ -1153,7 +1177,6 @@ function tryOnMounted(fn, sync = true, target) {
 function tryOnUnmounted(fn, target) {
 	if (getLifeCycleTarget(target)) onUnmounted(fn, target);
 }
-
 //#endregion
 //#region until/index.ts
 function createUntil(r, isNot = false) {
@@ -1252,7 +1275,6 @@ function createUntil(r, isNot = false) {
 function until(r) {
 	return createUntil(r);
 }
-
 //#endregion
 //#region useArrayDifference/index.ts
 function defaultComparator(value, othVal) {
@@ -1282,7 +1304,6 @@ function useArrayDifference(...args) {
 		return computed(() => symmetric ? [...toValue(diff1), ...toValue(diff2)] : toValue(diff1));
 	} else return diff1;
 }
-
 //#endregion
 //#region useArrayEvery/index.ts
 /**
@@ -1299,7 +1320,6 @@ function useArrayDifference(...args) {
 function useArrayEvery(list, fn) {
 	return computed(() => toValue(list).every((element, index, array) => fn(toValue(element), index, array)));
 }
-
 //#endregion
 //#region useArrayFilter/index.ts
 /**
@@ -1316,7 +1336,6 @@ function useArrayEvery(list, fn) {
 function useArrayFilter(list, fn) {
 	return computed(() => toValue(list).map((i) => toValue(i)).filter(fn));
 }
-
 //#endregion
 //#region useArrayFind/index.ts
 /**
@@ -1333,7 +1352,6 @@ function useArrayFilter(list, fn) {
 function useArrayFind(list, fn) {
 	return computed(() => toValue(toValue(list).find((element, index, array) => fn(toValue(element), index, array))));
 }
-
 //#endregion
 //#region useArrayFindIndex/index.ts
 /**
@@ -1350,7 +1368,6 @@ function useArrayFind(list, fn) {
 function useArrayFindIndex(list, fn) {
 	return computed(() => toValue(list).findIndex((element, index, array) => fn(toValue(element), index, array)));
 }
-
 //#endregion
 //#region useArrayFindLast/index.ts
 function findLast(arr, cb) {
@@ -1371,7 +1388,6 @@ function findLast(arr, cb) {
 function useArrayFindLast(list, fn) {
 	return computed(() => toValue(!Array.prototype.findLast ? findLast(toValue(list), (element, index, array) => fn(toValue(element), index, array)) : toValue(list).findLast((element, index, array) => fn(toValue(element), index, array))));
 }
-
 //#endregion
 //#region useArrayIncludes/index.ts
 function isArrayIncludesOptions(obj) {
@@ -1399,12 +1415,11 @@ function useArrayIncludes(...args) {
 	}
 	if (typeof comparator === "string") {
 		const key = comparator;
-		comparator = (element, value$1) => element[key] === toValue(value$1);
+		comparator = (element, value) => element[key] === toValue(value);
 	}
-	comparator = (_comparator = comparator) !== null && _comparator !== void 0 ? _comparator : ((element, value$1) => element === toValue(value$1));
+	comparator = (_comparator = comparator) !== null && _comparator !== void 0 ? _comparator : ((element, value) => element === toValue(value));
 	return computed(() => toValue(list).slice(formIndex).some((element, index, array) => comparator(toValue(element), toValue(value), index, toValue(array))));
 }
-
 //#endregion
 //#region useArrayJoin/index.ts
 /**
@@ -1421,7 +1436,6 @@ function useArrayIncludes(...args) {
 function useArrayJoin(list, separator) {
 	return computed(() => toValue(list).map((i) => toValue(i)).join(toValue(separator)));
 }
-
 //#endregion
 //#region useArrayMap/index.ts
 /**
@@ -1438,7 +1452,6 @@ function useArrayJoin(list, separator) {
 function useArrayMap(list, fn) {
 	return computed(() => toValue(list).map((i) => toValue(i)).map(fn));
 }
-
 //#endregion
 //#region useArrayReduce/index.ts
 /**
@@ -1460,7 +1473,6 @@ function useArrayReduce(list, reducer, ...args) {
 		return args.length ? resolved.reduce(reduceCallback, typeof args[0] === "function" ? toValue(args[0]()) : toValue(args[0])) : resolved.reduce(reduceCallback);
 	});
 }
-
 //#endregion
 //#region useArraySome/index.ts
 /**
@@ -1477,7 +1489,6 @@ function useArrayReduce(list, reducer, ...args) {
 function useArraySome(list, fn) {
 	return computed(() => toValue(list).some((element, index, array) => fn(toValue(element), index, array)));
 }
-
 //#endregion
 //#region useArrayUnique/index.ts
 function uniq(array) {
@@ -1504,7 +1515,6 @@ function useArrayUnique(list, compareFn) {
 		return compareFn ? uniqueElementsBy(resolvedList, compareFn) : uniq(resolvedList);
 	});
 }
-
 //#endregion
 //#region useCounter/index.ts
 /**
@@ -1520,22 +1530,21 @@ function useCounter(initialValue = 0, options = {}) {
 	const { max = Number.POSITIVE_INFINITY, min = Number.NEGATIVE_INFINITY } = options;
 	const inc = (delta = 1) => count.value = Math.max(Math.min(max, count.value + delta), min);
 	const dec = (delta = 1) => count.value = Math.min(Math.max(min, count.value - delta), max);
-	const get$1 = () => count.value;
-	const set$1 = (val) => count.value = Math.max(min, Math.min(max, val));
+	const get = () => count.value;
+	const set = (val) => count.value = Math.max(min, Math.min(max, val));
 	const reset = (val = _initialValue) => {
 		_initialValue = val;
-		return set$1(val);
+		return set(val);
 	};
 	return {
 		count: shallowReadonly(count),
 		inc,
 		dec,
-		get: get$1,
-		set: set$1,
+		get,
+		set,
 		reset
 	};
 }
-
 //#endregion
 //#region useDateFormat/index.ts
 const REGEX_PARSE = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[T\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/i;
@@ -1640,7 +1649,6 @@ function normalizeDate(date) {
 function useDateFormat(date, formatStr = "HH:mm:ss", options = {}) {
 	return computed(() => formatDate(normalizeDate(toValue(date)), toValue(formatStr), options));
 }
-
 //#endregion
 //#region useIntervalFn/index.ts
 /**
@@ -1684,7 +1692,6 @@ function useIntervalFn(cb, interval = 1e3, options = {}) {
 		resume
 	};
 }
-
 //#endregion
 //#region useInterval/index.ts
 function useInterval(interval = 1e3, options = {}) {
@@ -1705,7 +1712,6 @@ function useInterval(interval = 1e3, options = {}) {
 	};
 	else return shallowReadonly(counter);
 }
-
 //#endregion
 //#region useLastChanged/index.ts
 function useLastChanged(source, options = {}) {
@@ -1714,7 +1720,6 @@ function useLastChanged(source, options = {}) {
 	watch(source, () => ms.value = timestamp(), options);
 	return shallowReadonly(ms);
 }
-
 //#endregion
 //#region useTimeoutFn/index.ts
 /**
@@ -1759,7 +1764,6 @@ function useTimeoutFn(cb, interval, options = {}) {
 		stop
 	};
 }
-
 //#endregion
 //#region useTimeout/index.ts
 function useTimeout(interval = 1e3, options = {}) {
@@ -1772,7 +1776,6 @@ function useTimeout(interval = 1e3, options = {}) {
 	};
 	else return ready;
 }
-
 //#endregion
 //#region useToNumber/index.ts
 /**
@@ -1790,7 +1793,6 @@ function useToNumber(value, options = {}) {
 		return resolved;
 	});
 }
-
 //#endregion
 //#region useToString/index.ts
 /**
@@ -1803,7 +1805,6 @@ function useToNumber(value, options = {}) {
 function useToString(value) {
 	return computed(() => `${toValue(value)}`);
 }
-
 //#endregion
 //#region useToggle/index.ts
 /**
@@ -1832,7 +1833,6 @@ function useToggle(initialValue = false, options = {}) {
 	if (valueIsRef) return toggle;
 	else return [_value, toggle];
 }
-
 //#endregion
 //#region watchArray/index.ts
 /**
@@ -1854,16 +1854,15 @@ function watchArray(source, cb, options) {
 			}
 			if (!found) added.push(obj);
 		}
-		const removed = oldList.filter((_$1, i) => !oldListRemains[i]);
+		const removed = oldList.filter((_, i) => !oldListRemains[i]);
 		cb(newList, oldList, added, removed, onCleanup);
 		oldList = [...newList];
 	}, options);
 }
-
 //#endregion
 //#region watchAtMost/index.ts
 function watchAtMost(source, cb, options) {
-	const { count,...watchOptions } = options;
+	const { count, ...watchOptions } = options;
 	const current = shallowRef(0);
 	const { stop, resume, pause } = watchWithFilter(source, (...args) => {
 		current.value += 1;
@@ -1877,11 +1876,10 @@ function watchAtMost(source, cb, options) {
 		pause
 	};
 }
-
 //#endregion
 //#region watchDebounced/index.ts
 function watchDebounced(source, cb, options = {}) {
-	const { debounce = 0, maxWait = void 0,...watchOptions } = options;
+	const { debounce = 0, maxWait = void 0, ...watchOptions } = options;
 	return watchWithFilter(source, cb, {
 		...watchOptions,
 		eventFilter: debounceFilter(debounce, { maxWait })
@@ -1889,7 +1887,6 @@ function watchDebounced(source, cb, options = {}) {
 }
 /** @deprecated use `watchDebounced` instead */
 const debouncedWatch = watchDebounced;
-
 //#endregion
 //#region watchDeep/index.ts
 /**
@@ -1903,11 +1900,10 @@ function watchDeep(source, cb, options) {
 		deep: true
 	});
 }
-
 //#endregion
 //#region watchIgnorable/index.ts
 function watchIgnorable(source, cb, options = {}) {
-	const { eventFilter = bypassFilter,...watchOptions } = options;
+	const { eventFilter = bypassFilter, ...watchOptions } = options;
 	const filteredCb = createFilterWrapper(eventFilter, cb);
 	let ignoreUpdates;
 	let ignorePrevAsyncUpdates;
@@ -1960,7 +1956,6 @@ function watchIgnorable(source, cb, options = {}) {
 }
 /** @deprecated use `watchIgnorable` instead */
 const ignorableWatch = watchIgnorable;
-
 //#endregion
 //#region watchImmediate/index.ts
 /**
@@ -1974,7 +1969,6 @@ function watchImmediate(source, cb, options) {
 		immediate: true
 	});
 }
-
 //#endregion
 //#region watchOnce/index.ts
 /**
@@ -1988,11 +1982,10 @@ function watchOnce(source, cb, options) {
 		once: true
 	});
 }
-
 //#endregion
 //#region watchThrottled/index.ts
 function watchThrottled(source, cb, options = {}) {
-	const { throttle = 0, trailing = true, leading = true,...watchOptions } = options;
+	const { throttle = 0, trailing = true, leading = true, ...watchOptions } = options;
 	return watchWithFilter(source, cb, {
 		...watchOptions,
 		eventFilter: throttleFilter(throttle, trailing, leading)
@@ -2000,7 +1993,6 @@ function watchThrottled(source, cb, options = {}) {
 }
 /** @deprecated use `watchThrottled` instead */
 const throttledWatch = watchThrottled;
-
 //#endregion
 //#region watchTriggerable/index.ts
 function watchTriggerable(source, cb, options = {}) {
@@ -2022,11 +2014,11 @@ function watchTriggerable(source, cb, options = {}) {
 	const res = watchIgnorable(source, _cb, options);
 	const { ignoreUpdates } = res;
 	const trigger = () => {
-		let res$1;
+		let res;
 		ignoreUpdates(() => {
-			res$1 = _cb(getWatchSources(source), getOldValue(source));
+			res = _cb(getWatchSources(source), getOldValue(source));
 		});
-		return res$1;
+		return res;
 	};
 	return {
 		...res,
@@ -2041,14 +2033,8 @@ function getWatchSources(sources) {
 function getOldValue(source) {
 	return Array.isArray(source) ? source.map(() => void 0) : void 0;
 }
-
 //#endregion
 //#region whenever/index.ts
-/**
-* Shorthand for watching value to be truthy
-*
-* @see https://vueuse.org/whenever
-*/
 function whenever(source, cb, options) {
 	const stop = watch(source, (v, ov, onInvalidate) => {
 		if (v) {
@@ -2061,6 +2047,5 @@ function whenever(source, cb, options) {
 	});
 	return stop;
 }
-
 //#endregion
-export { assert, autoResetRef, bypassFilter, camelize, clamp, computedEager, computedWithControl, containsProp, controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, createInjectionState, createReactiveFn, createRef, createSharedComposable, createSingletonPromise, debounceFilter, debouncedRef, debouncedWatch, eagerComputed, extendRef, formatDate, get, getLifeCycleTarget, hasOwn, hyphenate, identity, ignorableWatch, increaseWithUnit, injectLocal, invoke, isClient, isDef, isDefined, isIOS, isObject, isWorker, makeDestructurable, noop, normalizeDate, notNullish, now, objectEntries, objectOmit, objectPick, pausableFilter, pausableWatch, promiseTimeout, provideLocal, pxValue, rand, reactify, reactifyObject, reactiveComputed, reactiveOmit, reactivePick, refAutoReset, refDebounced, refDefault, refManualReset, refThrottled, refWithControl, set, syncRef, syncRefs, throttleFilter, throttledRef, throttledWatch, timestamp, toArray, toReactive, toRef, toRefs, tryOnBeforeMount, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useArrayDifference, useArrayEvery, useArrayFilter, useArrayFind, useArrayFindIndex, useArrayFindLast, useArrayIncludes, useArrayJoin, useArrayMap, useArrayReduce, useArraySome, useArrayUnique, useCounter, useDateFormat, useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToNumber, useToString, useToggle, watchArray, watchAtMost, watchDebounced, watchDeep, watchIgnorable, watchImmediate, watchOnce, watchPausable, watchThrottled, watchTriggerable, watchWithFilter, whenever };
+export { assert, autoResetRef, bypassFilter, camelize, clamp, computedEager, computedWithControl, containsProp, controlledComputed, controlledRef, createDisposableDirective, createEventHook, createFilterWrapper, createGlobalState, createInjectionState, createReactiveFn, createRef, createSharedComposable, createSingletonPromise, debounceFilter, debouncedRef, debouncedWatch, eagerComputed, extendRef, formatDate, get, getLifeCycleTarget, hasOwn, hyphenate, identity, ignorableWatch, increaseWithUnit, injectLocal, invoke, isClient, isDef, isDefined, isIOS, isObject, isWorker, makeDestructurable, noop, normalizeDate, notNullish, now, objectEntries, objectOmit, objectPick, pausableFilter, pausableWatch, promiseTimeout, provideLocal, pxValue, rand, reactify, reactifyObject, reactiveComputed, reactiveOmit, reactivePick, refAutoReset, refDebounced, refDefault, refManualReset, refThrottled, refWithControl, set, syncRef, syncRefs, throttleFilter, throttledRef, throttledWatch, timestamp, toArray, toReactive, toRef, toRefs, tryOnBeforeMount, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useArrayDifference, useArrayEvery, useArrayFilter, useArrayFind, useArrayFindIndex, useArrayFindLast, useArrayIncludes, useArrayJoin, useArrayMap, useArrayReduce, useArraySome, useArrayUnique, useCounter, useDateFormat, useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToNumber, useToString, useToggle, watchArray, watchAtMost, watchDebounced, watchDeep, watchIgnorable, watchImmediate, watchOnce, watchPausable, watchThrottled, watchTriggerable, watchWithFilter, whenever };