@reactive-vscode/vueuse 0.2.9 → 0.2.10

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ref, watch, customRef, getCurrentScope, onScopeDispose, effectScope, isRef, unref, computed, reactive, toRefs as toRefs$1, readonly, toRef as toRef$1, nextTick, isReactive, shallowRef, watchEffect, isReadonly, markRaw } from "@reactive-vscode/reactivity";
+import { ref, watch, customRef, getCurrentScope, onScopeDispose, effectScope, isRef, unref, toValue as toValue$1, computed, reactive, toRefs as toRefs$1, readonly, toRef as toRef$1, nextTick, isReactive, shallowRef, watchEffect, isReadonly, markRaw } from "@reactive-vscode/reactivity";
 function computedWithControl(source, fn) {
   let v = void 0;
   let track;
@@ -44,6 +44,9 @@ function createEventHook() {
   const off = (fn) => {
     fns.delete(fn);
   };
+  const clear = () => {
+    fns.clear();
+  };
   const on = (fn) => {
     fns.add(fn);
     const offFn = () => off(fn);
@@ -58,7 +61,8 @@ function createEventHook() {
   return {
     on,
     off,
-    trigger
+    trigger,
+    clear
   };
 }
 function createGlobalState(stateFactory) {
@@ -143,12 +147,8 @@ function makeDestructurable(obj, arr) {
     return Object.assign([...arr], obj);
   }
 }
-function toValue(r) {
-  return typeof r === "function" ? r() : unref(r);
-}
-const resolveUnref = toValue;
 function reactify(fn, options) {
-  const unrefFn = (options == null ? void 0 : options.computedGetter) === false ? unref : toValue;
+  const unrefFn = (options == null ? void 0 : options.computedGetter) === false ? unref : toValue$1;
   return function(...args) {
     return computed(() => fn.apply(this, args.map((i) => unrefFn(i))));
   };
@@ -213,7 +213,7 @@ function reactiveComputed(fn) {
 function reactiveOmit(obj, ...keys) {
   const flatKeys = keys.flat();
   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]))));
+  return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(toRefs$1(obj)).filter(([k, v]) => !predicate(toValue$1(v), k))) : Object.fromEntries(Object.entries(toRefs$1(obj)).filter((e) => !flatKeys.includes(e[0]))));
 }
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 const isWorker = typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
@@ -256,9 +256,10 @@ function debounceFilter(ms, options = {}) {
     lastRejector();
     lastRejector = noop;
   };
+  let lastInvoker;
   const filter = (invoke2) => {
-    const duration = toValue(ms);
-    const maxDuration = toValue(options.maxWait);
+    const duration = toValue$1(ms);
+    const maxDuration = toValue$1(options.maxWait);
     if (timer)
       _clearTimeout(timer);
     if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
@@ -270,12 +271,13 @@ function debounceFilter(ms, options = {}) {
     }
     return new Promise((resolve, reject) => {
       lastRejector = options.rejectOnCancel ? reject : resolve;
+      lastInvoker = invoke2;
       if (maxDuration && !maxTimer) {
         maxTimer = setTimeout(() => {
           if (timer)
             _clearTimeout(timer);
           maxTimer = null;
-          resolve(invoke2());
+          resolve(lastInvoker());
         }, maxDuration);
       }
       timer = setTimeout(() => {
@@ -311,7 +313,7 @@ function throttleFilter(...args) {
     }
   };
   const filter = (_invoke) => {
-    const duration = toValue(ms);
+    const duration = toValue$1(ms);
     const elapsed = Date.now() - lastExec;
     const invoke2 = () => {
       return lastValue = _invoke();
@@ -432,6 +434,9 @@ function objectEntries(obj) {
 function getLifeCycleTarget(target) {
   return target || null;
 }
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
 function toRef(...args) {
   if (args.length !== 1)
     return toRef$1(...args);
@@ -442,16 +447,16 @@ const resolveRef = toRef;
 function reactivePick(obj, ...keys) {
   const flatKeys = keys.flat();
   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)])));
+  return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(toRefs$1(obj)).filter(([k, v]) => predicate(toValue$1(v), k))) : Object.fromEntries(flatKeys.map((k) => [k, toRef(obj, k)])));
 }
 function refAutoReset(defaultValue, afterMs = 1e4) {
   return customRef((track, trigger) => {
-    let value = toValue(defaultValue);
+    let value = toValue$1(defaultValue);
     let timer;
     const resetAfter = () => setTimeout(() => {
-      value = toValue(defaultValue);
+      value = toValue$1(defaultValue);
       trigger();
-    }, toValue(afterMs));
+    }, toValue$1(afterMs));
     tryOnScopeDispose(() => {
       clearTimeout(timer);
     });
@@ -645,8 +650,7 @@ function syncRefs(source, targets, options = {}) {
     deep = false,
     immediate = true
   } = options;
-  if (!Array.isArray(targets))
-    targets = [targets];
+  targets = toArray(targets);
   return watch(
     source,
     (newValue) => targets.forEach((target) => target.value = newValue),
@@ -664,7 +668,7 @@ function toRefs(objectRef, options = {}) {
       },
       set(v) {
         var _a;
-        const replaceRef = (_a = toValue(options.replaceRef)) != null ? _a : true;
+        const replaceRef = (_a = toValue$1(options.replaceRef)) != null ? _a : true;
         if (replaceRef) {
           if (Array.isArray(objectRef.value)) {
             const copy = [...objectRef.value];
@@ -683,6 +687,8 @@ function toRefs(objectRef, options = {}) {
   }
   return result;
 }
+const toValue = toValue$1;
+const resolveUnref = toValue$1;
 function tryOnMounted(fn, sync = true, target) {
   if (sync)
     fn();
@@ -714,7 +720,7 @@ function createUntil(r, isNot = false) {
     const promises = [watcher];
     if (timeout != null) {
       promises.push(
-        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => stop == null ? void 0 : stop())
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue$1(r)).finally(() => stop == null ? void 0 : stop())
       );
     }
     return Promise.race(promises);
@@ -746,9 +752,9 @@ function createUntil(r, isNot = false) {
     const promises = [watcher];
     if (timeout != null) {
       promises.push(
-        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => {
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue$1(r)).finally(() => {
           stop == null ? void 0 : stop();
-          return toValue(r);
+          return toValue$1(r);
         })
       );
     }
@@ -769,7 +775,7 @@ function createUntil(r, isNot = false) {
   function toContains(value, options) {
     return toMatch((v) => {
       const array = Array.from(v);
-      return array.includes(value) || array.includes(toValue(value));
+      return array.includes(value) || array.includes(toValue$1(value));
     }, options);
   }
   function changed(options) {
@@ -782,7 +788,7 @@ function createUntil(r, isNot = false) {
       return count >= n;
     }, options);
   }
-  if (Array.isArray(toValue(r))) {
+  if (Array.isArray(toValue$1(r))) {
     const instance = {
       toMatch,
       toContains,
@@ -817,29 +823,38 @@ function defaultComparator(value, othVal) {
   return value === othVal;
 }
 function useArrayDifference(...args) {
-  var _a;
+  var _a, _b;
   const list = args[0];
   const values = args[1];
   let compareFn = (_a = args[2]) != null ? _a : defaultComparator;
+  const {
+    symmetric = false
+  } = (_b = args[3]) != null ? _b : {};
   if (typeof compareFn === "string") {
     const key = compareFn;
     compareFn = (value, othVal) => value[key] === othVal[key];
   }
-  return computed(() => toValue(list).filter((x) => toValue(values).findIndex((y) => compareFn(x, y)) === -1));
+  const diff1 = computed(() => toValue$1(list).filter((x) => toValue$1(values).findIndex((y) => compareFn(x, y)) === -1));
+  if (symmetric) {
+    const diff2 = computed(() => toValue$1(values).filter((x) => toValue$1(list).findIndex((y) => compareFn(x, y)) === -1));
+    return computed(() => symmetric ? [...toValue$1(diff1), ...toValue$1(diff2)] : toValue$1(diff1));
+  } else {
+    return diff1;
+  }
 }
 function useArrayEvery(list, fn) {
-  return computed(() => toValue(list).every((element, index, array) => fn(toValue(element), index, array)));
+  return computed(() => toValue$1(list).every((element, index, array) => fn(toValue$1(element), index, array)));
 }
 function useArrayFilter(list, fn) {
-  return computed(() => toValue(list).map((i) => toValue(i)).filter(fn));
+  return computed(() => toValue$1(list).map((i) => toValue$1(i)).filter(fn));
 }
 function useArrayFind(list, fn) {
-  return computed(() => toValue(
-    toValue(list).find((element, index, array) => fn(toValue(element), index, array))
+  return computed(() => toValue$1(
+    toValue$1(list).find((element, index, array) => fn(toValue$1(element), index, array))
   ));
 }
 function useArrayFindIndex(list, fn) {
-  return computed(() => toValue(list).findIndex((element, index, array) => fn(toValue(element), index, array)));
+  return computed(() => toValue$1(list).findIndex((element, index, array) => fn(toValue$1(element), index, array)));
 }
 function findLast(arr, cb) {
   let index = arr.length;
@@ -850,8 +865,8 @@ function findLast(arr, cb) {
   return void 0;
 }
 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))
+  return computed(() => toValue$1(
+    !Array.prototype.findLast ? findLast(toValue$1(list), (element, index, array) => fn(toValue$1(element), index, array)) : toValue$1(list).findLast((element, index, array) => fn(toValue$1(element), index, array))
   ));
 }
 function isArrayIncludesOptions(obj) {
@@ -869,31 +884,31 @@ function useArrayIncludes(...args) {
   }
   if (typeof comparator === "string") {
     const key = comparator;
-    comparator = (element, value2) => element[key] === toValue(value2);
+    comparator = (element, value2) => element[key] === toValue$1(value2);
   }
-  comparator = comparator != null ? comparator : (element, value2) => element === toValue(value2);
-  return computed(() => toValue(list).slice(formIndex).some((element, index, array) => comparator(
-    toValue(element),
-    toValue(value),
+  comparator = comparator != null ? comparator : (element, value2) => element === toValue$1(value2);
+  return computed(() => toValue$1(list).slice(formIndex).some((element, index, array) => comparator(
+    toValue$1(element),
+    toValue$1(value),
     index,
-    toValue(array)
+    toValue$1(array)
   )));
 }
 function useArrayJoin(list, separator) {
-  return computed(() => toValue(list).map((i) => toValue(i)).join(toValue(separator)));
+  return computed(() => toValue$1(list).map((i) => toValue$1(i)).join(toValue$1(separator)));
 }
 function useArrayMap(list, fn) {
-  return computed(() => toValue(list).map((i) => toValue(i)).map(fn));
+  return computed(() => toValue$1(list).map((i) => toValue$1(i)).map(fn));
 }
 function useArrayReduce(list, reducer, ...args) {
-  const reduceCallback = (sum, value, index) => reducer(toValue(sum), toValue(value), index);
+  const reduceCallback = (sum, value, index) => reducer(toValue$1(sum), toValue$1(value), index);
   return computed(() => {
-    const resolved = toValue(list);
-    return args.length ? resolved.reduce(reduceCallback, typeof args[0] === "function" ? toValue(args[0]()) : toValue(args[0])) : resolved.reduce(reduceCallback);
+    const resolved = toValue$1(list);
+    return args.length ? resolved.reduce(reduceCallback, typeof args[0] === "function" ? toValue$1(args[0]()) : toValue$1(args[0])) : resolved.reduce(reduceCallback);
   });
 }
 function useArraySome(list, fn) {
-  return computed(() => toValue(list).some((element, index, array) => fn(toValue(element), index, array)));
+  return computed(() => toValue$1(list).some((element, index, array) => fn(toValue$1(element), index, array)));
 }
 function uniq(array) {
   return Array.from(new Set(array));
@@ -907,7 +922,7 @@ function uniqueElementsBy(array, fn) {
 }
 function useArrayUnique(list, compareFn) {
   return computed(() => {
-    const resolvedList = toValue(list).map((element) => toValue(element));
+    const resolvedList = toValue$1(list).map((element) => toValue$1(element));
     return compareFn ? uniqueElementsBy(resolvedList, compareFn) : uniq(resolvedList);
   });
 }
@@ -959,8 +974,8 @@ function formatDate(date, formatStr, options = {}) {
     M: () => month + 1,
     Mo: () => formatOrdinal(month + 1),
     MM: () => `${month + 1}`.padStart(2, "0"),
-    MMM: () => date.toLocaleDateString(toValue(options.locales), { month: "short" }),
-    MMMM: () => date.toLocaleDateString(toValue(options.locales), { month: "long" }),
+    MMM: () => date.toLocaleDateString(toValue$1(options.locales), { month: "short" }),
+    MMMM: () => date.toLocaleDateString(toValue$1(options.locales), { month: "long" }),
     D: () => String(days),
     Do: () => formatOrdinal(days),
     DD: () => `${days}`.padStart(2, "0"),
@@ -978,9 +993,9 @@ function formatDate(date, formatStr, options = {}) {
     ss: () => `${seconds}`.padStart(2, "0"),
     SSS: () => `${milliseconds}`.padStart(3, "0"),
     d: () => day,
-    dd: () => date.toLocaleDateString(toValue(options.locales), { weekday: "narrow" }),
-    ddd: () => date.toLocaleDateString(toValue(options.locales), { weekday: "short" }),
-    dddd: () => date.toLocaleDateString(toValue(options.locales), { weekday: "long" }),
+    dd: () => date.toLocaleDateString(toValue$1(options.locales), { weekday: "narrow" }),
+    ddd: () => date.toLocaleDateString(toValue$1(options.locales), { weekday: "short" }),
+    dddd: () => date.toLocaleDateString(toValue$1(options.locales), { weekday: "long" }),
     A: () => meridiem(hours, minutes),
     AA: () => meridiem(hours, minutes, false, true),
     a: () => meridiem(hours, minutes, true),
@@ -1009,7 +1024,7 @@ function normalizeDate(date) {
   return new Date(date);
 }
 function useDateFormat(date, formatStr = "HH:mm:ss", options = {}) {
-  return computed(() => formatDate(normalizeDate(toValue(date)), toValue(formatStr), options));
+  return computed(() => formatDate(normalizeDate(toValue$1(date)), toValue$1(formatStr), options));
 }
 function useIntervalFn(cb, interval = 1e3, options = {}) {
   const {
@@ -1029,7 +1044,7 @@ function useIntervalFn(cb, interval = 1e3, options = {}) {
     clean();
   }
   function resume() {
-    const intervalValue = toValue(interval);
+    const intervalValue = toValue$1(interval);
     if (intervalValue <= 0)
       return;
     isActive.value = true;
@@ -1117,7 +1132,7 @@ function useTimeoutFn(cb, interval, options = {}) {
       isPending.value = false;
       timer = null;
       cb(...args);
-    }, toValue(interval));
+    }, toValue$1(interval));
   }
   if (immediate) {
     isPending.value = true;
@@ -1158,8 +1173,10 @@ function useToNumber(value, options = {}) {
     nanToZero
   } = options;
   return computed(() => {
-    let resolved = toValue(value);
-    if (typeof resolved === "string")
+    let resolved = toValue$1(value);
+    if (typeof method === "function")
+      resolved = method(resolved);
+    else if (typeof resolved === "string")
       resolved = Number[method](resolved, radix);
     if (nanToZero && Number.isNaN(resolved))
       resolved = 0;
@@ -1167,7 +1184,7 @@ function useToNumber(value, options = {}) {
   });
 }
 function useToString(value) {
-  return computed(() => `${toValue(value)}`);
+  return computed(() => `${toValue$1(value)}`);
 }
 function useToggle(initialValue = false, options = {}) {
   const {
@@ -1181,8 +1198,8 @@ function useToggle(initialValue = false, options = {}) {
       _value.value = value;
       return _value.value;
     } else {
-      const truthy = toValue(truthyValue);
-      _value.value = _value.value === truthy ? toValue(falsyValue) : truthy;
+      const truthy = toValue$1(truthyValue);
+      _value.value = _value.value === truthy ? toValue$1(falsyValue) : truthy;
       return _value.value;
     }
   }
@@ -1192,7 +1209,7 @@ function useToggle(initialValue = false, options = {}) {
     return [_value, toggle];
 }
 function watchArray(source, cb, options) {
-  let oldList = (options == null ? void 0 : options.immediate) ? [] : [...source instanceof Function ? source() : Array.isArray(source) ? source : toValue(source)];
+  let oldList = (options == null ? void 0 : options.immediate) ? [] : [...source instanceof Function ? source() : Array.isArray(source) ? source : toValue$1(source)];
   return watch(source, (newList, _, onCleanup) => {
     const oldListRemains = Array.from({ length: oldList.length });
     const added = [];
@@ -1223,7 +1240,7 @@ function watchAtMost(source, cb, options) {
     source,
     (...args) => {
       current.value += 1;
-      if (current.value >= toValue(count))
+      if (current.value >= toValue$1(count))
         nextTick(() => stop());
       cb(...args);
     },
@@ -1393,8 +1410,8 @@ function getWatchSources(sources) {
   if (isReactive(sources))
     return sources;
   if (Array.isArray(sources))
-    return sources.map((item) => toValue(item));
-  return toValue(sources);
+    return sources.map((item) => toValue$1(item));
+  return toValue$1(sources);
 }
 function getOldValue(source) {
   return Array.isArray(source) ? source.map(() => void 0) : void 0;
@@ -1475,61 +1492,60 @@ function computedAsync(evaluationCallback, initialState, optionsOrRef) {
 }
 function createUnrefFn(fn) {
   return function(...args) {
-    return fn.apply(this, args.map((i) => toValue(i)));
+    return fn.apply(this, args.map((i) => toValue$1(i)));
   };
 }
 const defaultWindow = isClient ? window : void 0;
 function unrefElement(elRef) {
   var _a;
-  const plain = toValue(elRef);
+  const plain = toValue$1(elRef);
   return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
 }
 function useEventListener(...args) {
-  let target;
-  let events2;
-  let listeners;
-  let options;
-  if (typeof args[0] === "string" || Array.isArray(args[0])) {
-    [events2, listeners, options] = args;
-    target = defaultWindow;
-  } else {
-    [target, events2, listeners, options] = args;
-  }
-  if (!target)
-    return noop;
-  if (!Array.isArray(events2))
-    events2 = [events2];
-  if (!Array.isArray(listeners))
-    listeners = [listeners];
   const cleanups = [];
   const cleanup = () => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   };
-  const register = (el, event, listener, options2) => {
-    el.addEventListener(event, listener, options2);
-    return () => el.removeEventListener(event, listener, options2);
+  const register = (el, event, listener, options) => {
+    el.addEventListener(event, listener, options);
+    return () => el.removeEventListener(event, listener, options);
   };
-  const stopWatch = watch(
-    () => [unrefElement(target), toValue(options)],
-    ([el, options2]) => {
+  const firstParamTargets = computed(() => {
+    const test = toArray(toValue$1(args[0])).filter((e) => e != null);
+    return test.every((e) => typeof e !== "string") ? test : void 0;
+  });
+  const stopWatch = watchImmediate(
+    () => {
+      var _a, _b;
+      return [
+        (_b = (_a = firstParamTargets.value) == null ? void 0 : _a.map((e) => unrefElement(e))) != null ? _b : [defaultWindow].filter((e) => e != null),
+        toArray(toValue$1(firstParamTargets.value ? args[1] : args[0])),
+        toArray(unref(firstParamTargets.value ? args[2] : args[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        toValue$1(firstParamTargets.value ? args[3] : args[2])
+      ];
+    },
+    ([raw_targets, raw_events, raw_listeners, raw_options]) => {
       cleanup();
-      if (!el)
+      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;
-      const optionsClone = isObject(options2) ? { ...options2 } : options2;
+      const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
       cleanups.push(
-        ...events2.flatMap((event) => {
-          return listeners.map((listener) => register(el, event, listener, optionsClone));
-        })
+        ...raw_targets.flatMap(
+          (el) => raw_events.flatMap(
+            (event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))
+          )
+        )
       );
     },
-    { immediate: true, flush: "post" }
+    { flush: "post" }
   );
   const stop = () => {
     stopWatch();
     cleanup();
   };
-  tryOnScopeDispose(stop);
+  tryOnScopeDispose(cleanup);
   return stop;
 }
 function useMounted() {
@@ -1550,7 +1566,9 @@ function useRafFn(fn, options = {}) {
     window: window2 = defaultWindow
   } = options;
   const isActive = ref(false);
-  const intervalLimit = fpsLimit ? 1e3 / fpsLimit : null;
+  const intervalLimit = computed(() => {
+    return fpsLimit ? 1e3 / toValue$1(fpsLimit) : null;
+  });
   let previousFrameTimestamp = 0;
   let rafId = null;
   function loop(timestamp2) {
@@ -1559,7 +1577,7 @@ function useRafFn(fn, options = {}) {
     if (!previousFrameTimestamp)
       previousFrameTimestamp = timestamp2;
     const delta = timestamp2 - previousFrameTimestamp;
-    if (intervalLimit && delta < intervalLimit) {
+    if (intervalLimit.value && delta < intervalLimit.value) {
       rafId = window2.requestAnimationFrame(loop);
       return;
     }
@@ -1700,8 +1718,9 @@ function useAsyncState(promise, initialState, options) {
     }
     return state.value;
   }
-  if (immediate)
+  if (immediate) {
     execute(delay);
+  }
   const shell = {
     state,
     isReady,
@@ -1748,7 +1767,7 @@ function useBase64(target, options) {
       return;
     promise.value = new Promise((resolve, reject) => {
       try {
-        const _target = toValue(target);
+        const _target = toValue$1(target);
         if (_target == null) {
           resolve("");
         } else if (typeof _target === "string") {
@@ -1781,7 +1800,9 @@ function useBase64(target, options) {
         reject(error);
       }
     });
-    promise.value.then((res) => base64.value = res);
+    promise.value.then((res) => {
+      base64.value = (options == null ? void 0 : options.dataUrl) === false ? res.replace(/^data:.*?;base64,/, "") : res;
+    });
     return promise.value;
   }
   if (isRef(target) || typeof target === "function")
@@ -1839,15 +1860,18 @@ function useBroadcastChannel(options) {
     tryOnMounted(() => {
       error.value = null;
       channel.value = new BroadcastChannel(name);
-      channel.value.addEventListener("message", (e) => {
+      const listenerOptions = {
+        passive: true
+      };
+      useEventListener(channel, "message", (e) => {
         data.value = e.data;
-      }, { passive: true });
-      channel.value.addEventListener("messageerror", (e) => {
+      }, listenerOptions);
+      useEventListener(channel, "messageerror", (e) => {
         error.value = e;
-      }, { passive: true });
-      channel.value.addEventListener("close", () => {
+      }, listenerOptions);
+      useEventListener(channel, "close", () => {
         isClosed.value = true;
-      });
+      }, listenerOptions);
     });
   }
   tryOnScopeDispose(() => {
@@ -1876,6 +1900,8 @@ function cloneFnJSON(source) {
 }
 function useCloned(source, options = {}) {
   const cloned = ref({});
+  const isModified = ref(false);
+  let _lastSync = false;
   const {
     manual,
     clone = cloneFnJSON,
@@ -1883,8 +1909,20 @@ function useCloned(source, options = {}) {
     deep = true,
     immediate = true
   } = options;
+  watch(cloned, () => {
+    if (_lastSync) {
+      _lastSync = false;
+      return;
+    }
+    isModified.value = true;
+  }, {
+    deep: true,
+    flush: "sync"
+  });
   function sync() {
-    cloned.value = clone(toValue(source));
+    _lastSync = true;
+    isModified.value = false;
+    cloned.value = clone(toValue$1(source));
   }
   if (!manual && (isRef(source) || typeof source === "function")) {
     watch(source, sync, {
@@ -1895,7 +1933,7 @@ function useCloned(source, options = {}) {
   } else {
     sync();
   }
-  return { cloned, sync };
+  return { cloned, isModified, sync };
 }
 function useCycleList(list, options) {
   const state = shallowRef(getInitialValue());
@@ -1932,7 +1970,7 @@ function useCycleList(list, options) {
   }
   function getInitialValue() {
     var _a, _b;
-    return (_b = toValue((_a = options == null ? void 0 : options.initialValue) != null ? _a : toValue(list)[0])) != null ? _b : void 0;
+    return (_b = toValue$1((_a = options == null ? void 0 : options.initialValue) != null ? _a : toValue$1(list)[0])) != null ? _b : void 0;
   }
   watch(listRef, () => set2(index.value));
   return {
@@ -2166,8 +2204,8 @@ function createFetch(config = {}) {
   const _fetchOptions = config.fetchOptions || {};
   function useFactoryFetch(url, ...args) {
     const computedUrl = computed(() => {
-      const baseUrl = toValue(config.baseUrl);
-      const targetUrl = toValue(url);
+      const baseUrl = toValue$1(config.baseUrl);
+      const targetUrl = toValue$1(url);
       return baseUrl && !isAbsoluteURL(targetUrl) ? joinPaths(baseUrl, targetUrl) : targetUrl;
     });
     let options = _options;
@@ -2279,9 +2317,9 @@ function useFetch(url, ...args) {
       method: config.method,
       headers: {}
     };
-    if (config.payload) {
+    const payload = toValue$1(config.payload);
+    if (payload) {
       const headers = headersToObject(defaultFetchOptions.headers);
-      const payload = toValue(config.payload);
       const proto = Object.getPrototypeOf(payload);
       if (!config.payloadType && payload && (proto === Object.prototype || Array.isArray(proto)) && !(payload instanceof FormData))
         config.payloadType = "json";
@@ -2291,7 +2329,7 @@ function useFetch(url, ...args) {
     }
     let isCanceled = false;
     const context = {
-      url: toValue(url),
+      url: toValue$1(url),
       options: {
         ...defaultFetchOptions,
         ...fetchOptions
@@ -2330,7 +2368,9 @@ function useFetch(url, ...args) {
       if (options.afterFetch) {
         ({ data: responseData } = await options.afterFetch({
           data: responseData,
-          response: fetchResponse
+          response: fetchResponse,
+          context,
+          execute
         }));
       }
       data.value = responseData;
@@ -2342,7 +2382,9 @@ function useFetch(url, ...args) {
         ({ error: errorData, data: responseData } = await options.onFetchError({
           data: responseData,
           error: fetchError,
-          response: response.value
+          response: response.value,
+          context,
+          execute
         }));
       }
       error.value = errorData;
@@ -2488,13 +2530,14 @@ function useIdle(timeout = oneMinute, options = {}) {
   );
   if (window2) {
     const document2 = window2.document;
+    const listenerOptions = { passive: true };
     for (const event of events2)
-      useEventListener(window2, event, onEvent, { passive: true });
+      useEventListener(window2, event, onEvent, listenerOptions);
     if (listenForVisibilityChange) {
       useEventListener(document2, "visibilitychange", () => {
         if (!document2.hidden)
           onEvent();
-      });
+      }, listenerOptions);
     }
     reset();
   }
@@ -2529,7 +2572,7 @@ function useObjectUrl(object) {
     url.value = void 0;
   };
   watch(
-    () => toValue(object),
+    () => toValue$1(object),
     (newObject) => {
       release();
       if (newObject)
@@ -2542,14 +2585,14 @@ function useObjectUrl(object) {
 }
 function useClamp(value, min, max) {
   if (typeof value === "function" || isReadonly(value))
-    return computed(() => clamp(toValue(value), toValue(min), toValue(max)));
+    return computed(() => clamp(toValue$1(value), toValue$1(min), toValue$1(max)));
   const _value = ref(value);
   return computed({
     get() {
-      return _value.value = clamp(_value.value, toValue(min), toValue(max));
+      return _value.value = clamp(_value.value, toValue$1(min), toValue$1(max));
     },
     set(value2) {
-      _value.value = clamp(value2, toValue(min), toValue(max));
+      _value.value = clamp(value2, toValue$1(min), toValue$1(max));
     }
   });
 }
@@ -2565,7 +2608,7 @@ function useOffsetPagination(options) {
   const currentPageSize = useClamp(pageSize, 1, Number.POSITIVE_INFINITY);
   const pageCount = computed(() => Math.max(
     1,
-    Math.ceil(toValue(total) / toValue(currentPageSize))
+    Math.ceil(toValue$1(total) / toValue$1(currentPageSize))
   ));
   const currentPage = useClamp(page, 1, pageCount);
   const isFirstPage = computed(() => currentPage.value === 1);
@@ -2640,9 +2683,9 @@ function useSorted(...args) {
     sortFn = defaultSortFn
   } = options;
   if (!dirty)
-    return computed(() => sortFn([...toValue(source)], compareFn));
+    return computed(() => sortFn([...toValue$1(source)], compareFn));
   watchEffect(() => {
-    const result = sortFn(toValue(source), compareFn);
+    const result = sortFn(toValue$1(source), compareFn);
     if (isRef(source))
       source.value = result;
     else
@@ -2763,7 +2806,7 @@ function useTimeAgo(time, options = {}) {
     updateInterval = 3e4
   } = options;
   const { now: now2, ...controls } = useNow({ interval: updateInterval, controls: true });
-  const timeAgo = computed(() => formatTimeAgo(new Date(toValue(time)), options, toValue(now2)));
+  const timeAgo = computed(() => formatTimeAgo(new Date(toValue$1(time)), options, toValue$1(now2)));
   if (exposeControls) {
     return {
       timeAgo,
@@ -2819,7 +2862,10 @@ function formatTimeAgo(from, options = {}, now2 = Date.now()) {
   }
   return messages.invalid;
 }
-function useTimeoutPoll(fn, interval, timeoutPollOptions) {
+function useTimeoutPoll(fn, interval, options = {}) {
+  const {
+    immediate = true
+  } = options;
   const { start } = useTimeoutFn(loop, interval, { immediate: false });
   const isActive = ref(false);
   async function loop() {
@@ -2837,7 +2883,7 @@ function useTimeoutPoll(fn, interval, timeoutPollOptions) {
   function pause() {
     isActive.value = false;
   }
-  if (timeoutPollOptions == null ? void 0 : timeoutPollOptions.immediate)
+  if (immediate && isClient)
     resume();
   tryOnScopeDispose(pause);
   return {
@@ -2876,6 +2922,7 @@ function useUrlSearchParams(mode = "history", options = {}) {
     removeNullishValues = true,
     removeFalsyValues = false,
     write: enableWrite = true,
+    writeMode = "replace",
     window: window2 = defaultWindow
   } = options;
   if (!window2)
@@ -2931,7 +2978,7 @@ function useUrlSearchParams(mode = "history", options = {}) {
         else
           params.set(key, mapEntry);
       });
-      write(params);
+      write(params, false);
     },
     { deep: true }
   );
@@ -2939,11 +2986,19 @@ function useUrlSearchParams(mode = "history", options = {}) {
     pause();
     if (shouldUpdate)
       updateState(params);
-    window2.history.replaceState(
-      window2.history.state,
-      window2.document.title,
-      window2.location.pathname + constructQuery(params)
-    );
+    if (writeMode === "replace") {
+      window2.history.replaceState(
+        window2.history.state,
+        window2.document.title,
+        window2.location.pathname + constructQuery(params)
+      );
+    } else {
+      window2.history.pushState(
+        window2.history.state,
+        window2.document.title,
+        window2.location.pathname + constructQuery(params)
+      );
+    }
     resume();
   }
   function onChanged() {
@@ -2951,9 +3006,10 @@ function useUrlSearchParams(mode = "history", options = {}) {
       return;
     write(read(), true);
   }
-  useEventListener(window2, "popstate", onChanged, false);
+  const listenerOptions = { passive: true };
+  useEventListener(window2, "popstate", onChanged, listenerOptions);
   if (mode !== "history")
-    useEventListener(window2, "hashchange", onChanged, false);
+    useEventListener(window2, "hashchange", onChanged, listenerOptions);
   const initial = read();
   if (initial.keys().next().value)
     updateState(initial);
@@ -2974,6 +3030,7 @@ function useWebSocket(url, options = {}) {
     onError,
     onMessage,
     immediate = true,
+    autoConnect = true,
     autoClose = true,
     protocols = []
   } = options;
@@ -2986,6 +3043,7 @@ function useWebSocket(url, options = {}) {
   let explicitlyClosed = false;
   let retried = 0;
   let bufferedData = [];
+  let retryTimeout;
   let pongTimeoutWait;
   const _sendBuffer = () => {
     if (bufferedData.length && wsRef.value && status.value === "OPEN") {
@@ -2994,12 +3052,19 @@ function useWebSocket(url, options = {}) {
       bufferedData = [];
     }
   };
+  const resetRetry = () => {
+    if (retryTimeout != null) {
+      clearTimeout(retryTimeout);
+      retryTimeout = void 0;
+    }
+  };
   const resetHeartbeat = () => {
     clearTimeout(pongTimeoutWait);
     pongTimeoutWait = void 0;
   };
   const close = (code = 1e3, reason) => {
-    if (!isClient || !wsRef.value)
+    resetRetry();
+    if (!isClient && !isWorker || !wsRef.value)
       return;
     explicitlyClosed = true;
     resetHeartbeat();
@@ -3041,9 +3106,9 @@ function useWebSocket(url, options = {}) {
         } = resolveNestedOptions(options.autoReconnect);
         if (typeof retries === "number" && (retries < 0 || retried < retries)) {
           retried += 1;
-          setTimeout(_init, delay);
+          retryTimeout = setTimeout(_init, delay);
         } else if (typeof retries === "function" && retries()) {
-          setTimeout(_init, delay);
+          retryTimeout = setTimeout(_init, delay);
         } else {
           onFailed == null ? void 0 : onFailed();
         }
@@ -3059,7 +3124,7 @@ function useWebSocket(url, options = {}) {
           message = DEFAULT_PING_MESSAGE,
           responseMessage = message
         } = resolveNestedOptions(options.heartbeat);
-        if (e.data === responseMessage)
+        if (e.data === toValue$1(responseMessage))
           return;
       }
       data.value = e.data;
@@ -3074,7 +3139,7 @@ function useWebSocket(url, options = {}) {
     } = resolveNestedOptions(options.heartbeat);
     const { pause, resume } = useIntervalFn(
       () => {
-        send(message, false);
+        send(toValue$1(message), false);
         if (pongTimeoutWait != null)
           return;
         pongTimeoutWait = setTimeout(() => {
@@ -3090,7 +3155,7 @@ function useWebSocket(url, options = {}) {
   }
   if (autoClose) {
     if (isClient)
-      useEventListener("beforeunload", () => close());
+      useEventListener("beforeunload", () => close(), { passive: true });
     tryOnScopeDispose(close);
   }
   const open = () => {
@@ -3103,7 +3168,8 @@ function useWebSocket(url, options = {}) {
   };
   if (immediate)
     open();
-  watch(urlRef, open);
+  if (autoConnect)
+    watch(urlRef, open);
   return {
     data,
     status,