@vueuse/shared 10.0.0-beta.3 → 10.0.0-beta.5

package/index.cjs

@@ -32,222 +32,6 @@ function computedEager(fn, options) {
   return vueDemi.readonly(result);
 }
 
-var _a;
-const isClient = typeof window !== "undefined";
-const isDef = (val) => typeof val !== "undefined";
-const assert = (condition, ...infos) => {
-  if (!condition)
-    console.warn(...infos);
-};
-const toString = Object.prototype.toString;
-const isBoolean = (val) => typeof val === "boolean";
-const isFunction = (val) => typeof val === "function";
-const isNumber = (val) => typeof val === "number";
-const isString = (val) => typeof val === "string";
-const isObject = (val) => toString.call(val) === "[object Object]";
-const isWindow = (val) => typeof window !== "undefined" && toString.call(val) === "[object Window]";
-const now = () => Date.now();
-const timestamp = () => +Date.now();
-const clamp = (n, min, max) => Math.min(max, Math.max(min, n));
-const noop = () => {
-};
-const rand = (min, max) => {
-  min = Math.ceil(min);
-  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 = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-
-function resolveUnref(r) {
-  return typeof r === "function" ? r() : vueDemi.unref(r);
-}
-
-function createFilterWrapper(filter, fn) {
-  function wrapper(...args) {
-    return new Promise((resolve, reject) => {
-      Promise.resolve(filter(() => fn.apply(this, args), { fn, thisArg: this, args })).then(resolve).catch(reject);
-    });
-  }
-  return wrapper;
-}
-const bypassFilter = (invoke) => {
-  return invoke();
-};
-function debounceFilter(ms, options = {}) {
-  let timer;
-  let maxTimer;
-  let lastRejector = noop;
-  const _clearTimeout = (timer2) => {
-    clearTimeout(timer2);
-    lastRejector();
-    lastRejector = noop;
-  };
-  const filter = (invoke) => {
-    const duration = resolveUnref(ms);
-    const maxDuration = resolveUnref(options.maxWait);
-    if (timer)
-      _clearTimeout(timer);
-    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
-      if (maxTimer) {
-        _clearTimeout(maxTimer);
-        maxTimer = null;
-      }
-      return Promise.resolve(invoke());
-    }
-    return new Promise((resolve, reject) => {
-      lastRejector = options.rejectOnCancel ? reject : resolve;
-      if (maxDuration && !maxTimer) {
-        maxTimer = setTimeout(() => {
-          if (timer)
-            _clearTimeout(timer);
-          maxTimer = null;
-          resolve(invoke());
-        }, maxDuration);
-      }
-      timer = setTimeout(() => {
-        if (maxTimer)
-          _clearTimeout(maxTimer);
-        maxTimer = null;
-        resolve(invoke());
-      }, duration);
-    });
-  };
-  return filter;
-}
-function throttleFilter(ms, trailing = true, leading = true, rejectOnCancel = false) {
-  let lastExec = 0;
-  let timer;
-  let isLeading = true;
-  let lastRejector = noop;
-  let lastValue;
-  const clear = () => {
-    if (timer) {
-      clearTimeout(timer);
-      timer = void 0;
-      lastRejector();
-      lastRejector = noop;
-    }
-  };
-  const filter = (_invoke) => {
-    const duration = resolveUnref(ms);
-    const elapsed = Date.now() - lastExec;
-    const invoke = () => {
-      return lastValue = _invoke();
-    };
-    clear();
-    if (duration <= 0) {
-      lastExec = Date.now();
-      return invoke();
-    }
-    if (elapsed > duration && (leading || !isLeading)) {
-      lastExec = Date.now();
-      invoke();
-    } else if (trailing) {
-      lastValue = new Promise((resolve, reject) => {
-        lastRejector = rejectOnCancel ? reject : resolve;
-        timer = setTimeout(() => {
-          lastExec = Date.now();
-          isLeading = true;
-          resolve(invoke());
-          clear();
-        }, Math.max(0, duration - elapsed));
-      });
-    }
-    if (!leading && !timer)
-      timer = setTimeout(() => isLeading = true, duration);
-    isLeading = false;
-    return lastValue;
-  };
-  return filter;
-}
-function pausableFilter(extendFilter = bypassFilter) {
-  const isActive = vueDemi.ref(true);
-  function pause() {
-    isActive.value = false;
-  }
-  function resume() {
-    isActive.value = true;
-  }
-  const eventFilter = (...args) => {
-    if (isActive.value)
-      extendFilter(...args);
-  };
-  return { isActive: vueDemi.readonly(isActive), pause, resume, eventFilter };
-}
-
-function __onlyVue3(name = "this function") {
-  if (vueDemi.isVue3)
-    return;
-  throw new Error(`[VueUse] ${name} is only works on Vue 3.`);
-}
-function __onlyVue27Plus(name = "this function") {
-  if (vueDemi.isVue3 || vueDemi.version.startsWith("2.7."))
-    return;
-  throw new Error(`[VueUse] ${name} is only works on Vue 2.7 or above.`);
-}
-const directiveHooks = {
-  mounted: vueDemi.isVue3 ? "mounted" : "inserted",
-  updated: vueDemi.isVue3 ? "updated" : "componentUpdated",
-  unmounted: vueDemi.isVue3 ? "unmounted" : "unbind"
-};
-
-function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
-  return new Promise((resolve, reject) => {
-    if (throwOnTimeout)
-      setTimeout(() => reject(reason), ms);
-    else
-      setTimeout(resolve, ms);
-  });
-}
-function identity(arg) {
-  return arg;
-}
-function createSingletonPromise(fn) {
-  let _promise;
-  function wrapper() {
-    if (!_promise)
-      _promise = fn();
-    return _promise;
-  }
-  wrapper.reset = async () => {
-    const _prev = _promise;
-    _promise = void 0;
-    if (_prev)
-      await _prev;
-  };
-  return wrapper;
-}
-function invoke(fn) {
-  return fn();
-}
-function containsProp(obj, ...props) {
-  return props.some((k) => k in obj);
-}
-function increaseWithUnit(target, delta) {
-  var _a;
-  if (typeof target === "number")
-    return target + delta;
-  const value = ((_a = target.match(/^-?[0-9]+\.?[0-9]*/)) == null ? void 0 : _a[0]) || "";
-  const unit = target.slice(value.length);
-  const result = parseFloat(value) + delta;
-  if (Number.isNaN(result))
-    return target;
-  return result + unit;
-}
-function objectPick(obj, keys, omitUndefined = false) {
-  return keys.reduce((n, k) => {
-    if (k in obj) {
-      if (!omitUndefined || obj[k] !== void 0)
-        n[k] = obj[k];
-    }
-    return n;
-  }, {});
-}
-function objectEntries(obj) {
-  return Object.entries(obj);
-}
-
 function computedWithControl(source, fn) {
   let v = void 0;
   let track;
@@ -258,8 +42,8 @@ function computedWithControl(source, fn) {
     trigger();
   };
   vueDemi.watch(source, update, { flush: "sync" });
-  const get = isFunction(fn) ? fn : fn.get;
-  const set = isFunction(fn) ? void 0 : fn.set;
+  const get = typeof fn === "function" ? fn : fn.get;
+  const set = typeof fn === "function" ? void 0 : fn.set;
   const result = vueDemi.customRef((_track, _trigger) => {
     track = _track;
     trigger = _trigger;
@@ -361,7 +145,11 @@ function createSharedComposable(composable) {
 }
 
 function extendRef(ref, extend, { enumerable = false, unwrap = true } = {}) {
-  __onlyVue27Plus();
+  if (!vueDemi.isVue3 && !vueDemi.version.startsWith("2.7.")) {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("[VueUse] extendRef only works in Vue 2.7 or above.");
+    return;
+  }
   for (const [key, value] of Object.entries(extend)) {
     if (key === "value")
       continue;
@@ -429,8 +217,13 @@ function makeDestructurable(obj, arr) {
   }
 }
 
+function toValue(r) {
+  return typeof r === "function" ? r() : vueDemi.unref(r);
+}
+const resolveUnref = toValue;
+
 function reactify(fn, options) {
-  const unrefFn = (options == null ? void 0 : options.computedGetter) === false ? vueDemi.unref : resolveUnref;
+  const unrefFn = (options == null ? void 0 : options.computedGetter) === false ? vueDemi.unref : toValue;
   return function(...args) {
     return vueDemi.computed(() => fn.apply(this, args.map((i) => unrefFn(i))));
   };
@@ -500,14 +293,227 @@ function reactiveOmit(obj, ...keys) {
   const flatKeys = keys.flat();
   const predicate = flatKeys[0];
   return reactiveComputed(
-    () => typeof predicate === "function" ? Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter(([k, v]) => !predicate(resolveUnref(v), k))) : Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter((e) => !flatKeys.includes(e[0])))
+    () => typeof predicate === "function" ? Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter(([k, v]) => !predicate(toValue(v), k))) : Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter((e) => !flatKeys.includes(e[0])))
   );
 }
 
+const isClient = typeof window !== "undefined";
+const isDef = (val) => typeof val !== "undefined";
+const assert = (condition, ...infos) => {
+  if (!condition)
+    console.warn(...infos);
+};
+const toString = Object.prototype.toString;
+const isObject = (val) => toString.call(val) === "[object Object]";
+const now = () => Date.now();
+const timestamp = () => +Date.now();
+const clamp = (n, min, max) => Math.min(max, Math.max(min, n));
+const noop = () => {
+};
+const rand = (min, max) => {
+  min = Math.ceil(min);
+  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();
+function getIsIOS() {
+  var _a;
+  return isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+}
+
+function createFilterWrapper(filter, fn) {
+  function wrapper(...args) {
+    return new Promise((resolve, reject) => {
+      Promise.resolve(filter(() => fn.apply(this, args), { fn, thisArg: this, args })).then(resolve).catch(reject);
+    });
+  }
+  return wrapper;
+}
+const bypassFilter = (invoke) => {
+  return invoke();
+};
+function debounceFilter(ms, options = {}) {
+  let timer;
+  let maxTimer;
+  let lastRejector = noop;
+  const _clearTimeout = (timer2) => {
+    clearTimeout(timer2);
+    lastRejector();
+    lastRejector = noop;
+  };
+  const filter = (invoke) => {
+    const duration = toValue(ms);
+    const maxDuration = toValue(options.maxWait);
+    if (timer)
+      _clearTimeout(timer);
+    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
+      if (maxTimer) {
+        _clearTimeout(maxTimer);
+        maxTimer = null;
+      }
+      return Promise.resolve(invoke());
+    }
+    return new Promise((resolve, reject) => {
+      lastRejector = options.rejectOnCancel ? reject : resolve;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            _clearTimeout(timer);
+          maxTimer = null;
+          resolve(invoke());
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          _clearTimeout(maxTimer);
+        maxTimer = null;
+        resolve(invoke());
+      }, duration);
+    });
+  };
+  return filter;
+}
+function throttleFilter(ms, trailing = true, leading = true, rejectOnCancel = false) {
+  let lastExec = 0;
+  let timer;
+  let isLeading = true;
+  let lastRejector = noop;
+  let lastValue;
+  const clear = () => {
+    if (timer) {
+      clearTimeout(timer);
+      timer = void 0;
+      lastRejector();
+      lastRejector = noop;
+    }
+  };
+  const filter = (_invoke) => {
+    const duration = toValue(ms);
+    const elapsed = Date.now() - lastExec;
+    const invoke = () => {
+      return lastValue = _invoke();
+    };
+    clear();
+    if (duration <= 0) {
+      lastExec = Date.now();
+      return invoke();
+    }
+    if (elapsed > duration && (leading || !isLeading)) {
+      lastExec = Date.now();
+      invoke();
+    } else if (trailing) {
+      lastValue = new Promise((resolve, reject) => {
+        lastRejector = rejectOnCancel ? reject : resolve;
+        timer = setTimeout(() => {
+          lastExec = Date.now();
+          isLeading = true;
+          resolve(invoke());
+          clear();
+        }, Math.max(0, duration - elapsed));
+      });
+    }
+    if (!leading && !timer)
+      timer = setTimeout(() => isLeading = true, duration);
+    isLeading = false;
+    return lastValue;
+  };
+  return filter;
+}
+function pausableFilter(extendFilter = bypassFilter) {
+  const isActive = vueDemi.ref(true);
+  function pause() {
+    isActive.value = false;
+  }
+  function resume() {
+    isActive.value = true;
+  }
+  const eventFilter = (...args) => {
+    if (isActive.value)
+      extendFilter(...args);
+  };
+  return { isActive: vueDemi.readonly(isActive), pause, resume, eventFilter };
+}
+
+const directiveHooks = {
+  mounted: vueDemi.isVue3 ? "mounted" : "inserted",
+  updated: vueDemi.isVue3 ? "updated" : "componentUpdated",
+  unmounted: vueDemi.isVue3 ? "unmounted" : "unbind"
+};
+
+function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
+  return new Promise((resolve, reject) => {
+    if (throwOnTimeout)
+      setTimeout(() => reject(reason), ms);
+    else
+      setTimeout(resolve, ms);
+  });
+}
+function identity(arg) {
+  return arg;
+}
+function createSingletonPromise(fn) {
+  let _promise;
+  function wrapper() {
+    if (!_promise)
+      _promise = fn();
+    return _promise;
+  }
+  wrapper.reset = async () => {
+    const _prev = _promise;
+    _promise = void 0;
+    if (_prev)
+      await _prev;
+  };
+  return wrapper;
+}
+function invoke(fn) {
+  return fn();
+}
+function containsProp(obj, ...props) {
+  return props.some((k) => k in obj);
+}
+function increaseWithUnit(target, delta) {
+  var _a;
+  if (typeof target === "number")
+    return target + delta;
+  const value = ((_a = target.match(/^-?[0-9]+\.?[0-9]*/)) == null ? void 0 : _a[0]) || "";
+  const unit = target.slice(value.length);
+  const result = parseFloat(value) + delta;
+  if (Number.isNaN(result))
+    return target;
+  return result + unit;
+}
+function objectPick(obj, keys, omitUndefined = false) {
+  return keys.reduce((n, k) => {
+    if (k in obj) {
+      if (!omitUndefined || obj[k] !== void 0)
+        n[k] = obj[k];
+    }
+    return n;
+  }, {});
+}
+function objectOmit(obj, keys, omitUndefined = false) {
+  return Object.fromEntries(Object.entries(obj).filter(([key, value]) => {
+    return (!omitUndefined || value !== void 0) && !keys.includes(key);
+  }));
+}
+function objectEntries(obj) {
+  return Object.entries(obj);
+}
+
+function toRef(...args) {
+  if (args.length !== 1)
+    return vueDemi.toRef(...args);
+  const r = args[0];
+  return typeof r === "function" ? vueDemi.readonly(vueDemi.customRef(() => ({ get: r, set: noop }))) : vueDemi.ref(r);
+}
+const resolveRef = toRef;
+
 function reactivePick(obj, ...keys) {
   const flatKeys = keys.flat();
   const predicate = flatKeys[0];
-  return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter(([k, v]) => predicate(resolveUnref(v), k))) : Object.fromEntries(flatKeys.map((k) => [k, vueDemi.toRef(obj, k)])));
+  return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter(([k, v]) => predicate(toValue(v), k))) : Object.fromEntries(flatKeys.map((k) => [k, toRef(obj, k)])));
 }
 
 function refAutoReset(defaultValue, afterMs = 1e4) {
@@ -517,7 +523,7 @@ function refAutoReset(defaultValue, afterMs = 1e4) {
     const resetAfter = () => setTimeout(() => {
       value = defaultValue;
       trigger();
-    }, resolveUnref(afterMs));
+    }, toValue(afterMs));
     tryOnScopeDispose(() => {
       clearTimeout(timer);
     });
@@ -634,10 +640,6 @@ function refWithControl(initial, options = {}) {
 }
 const controlledRef = refWithControl;
 
-function resolveRef(r) {
-  return typeof r === "function" ? vueDemi.computed(r) : vueDemi.ref(r);
-}
-
 function set(...args) {
   if (args.length === 2) {
     const [ref, value] = args;
@@ -795,7 +797,7 @@ function createUntil(r, isNot = false) {
     const promises = [watcher];
     if (timeout != null) {
       promises.push(
-        promiseTimeout(timeout, throwOnTimeout).then(() => resolveUnref(r)).finally(() => stop == null ? void 0 : stop())
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => stop == null ? void 0 : stop())
       );
     }
     return Promise.race(promises);
@@ -824,9 +826,9 @@ function createUntil(r, isNot = false) {
     const promises = [watcher];
     if (timeout != null) {
       promises.push(
-        promiseTimeout(timeout, throwOnTimeout).then(() => resolveUnref(r)).finally(() => {
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => {
           stop == null ? void 0 : stop();
-          return resolveUnref(r);
+          return toValue(r);
         })
       );
     }
@@ -847,7 +849,7 @@ function createUntil(r, isNot = false) {
   function toContains(value, options) {
     return toMatch((v) => {
       const array = Array.from(v);
-      return array.includes(value) || array.includes(resolveUnref(value));
+      return array.includes(value) || array.includes(toValue(value));
     }, options);
   }
   function changed(options) {
@@ -860,7 +862,7 @@ function createUntil(r, isNot = false) {
       return count >= n;
     }, options);
   }
-  if (Array.isArray(resolveUnref(r))) {
+  if (Array.isArray(toValue(r))) {
     const instance = {
       toMatch,
       toContains,
@@ -900,31 +902,31 @@ function useArrayDifference(...args) {
   const list = args[0];
   const values = args[1];
   let compareFn = (_a = args[2]) != null ? _a : defaultComparator;
-  if (isString(compareFn)) {
+  if (typeof compareFn === "string") {
     const key = compareFn;
     compareFn = (value, othVal) => value[key] === othVal[key];
   }
-  return vueDemi.computed(() => resolveUnref(list).filter((x) => resolveUnref(values).findIndex((y) => compareFn(x, y)) === -1));
+  return vueDemi.computed(() => toValue(list).filter((x) => toValue(values).findIndex((y) => compareFn(x, y)) === -1));
 }
 
 function useArrayEvery(list, fn) {
-  return vueDemi.computed(() => resolveUnref(list).every((element, index, array) => fn(resolveUnref(element), index, array)));
+  return vueDemi.computed(() => toValue(list).every((element, index, array) => fn(toValue(element), index, array)));
 }
 
 function useArrayFilter(list, fn) {
-  return vueDemi.computed(() => resolveUnref(list).map((i) => resolveUnref(i)).filter(fn));
+  return vueDemi.computed(() => toValue(list).map((i) => toValue(i)).filter(fn));
 }
 
 function useArrayFind(list, fn) {
   return vueDemi.computed(
-    () => resolveUnref(
-      resolveUnref(list).find((element, index, array) => fn(resolveUnref(element), index, array))
+    () => toValue(
+      toValue(list).find((element, index, array) => fn(toValue(element), index, array))
     )
   );
 }
 
 function useArrayFindIndex(list, fn) {
-  return vueDemi.computed(() => resolveUnref(list).findIndex((element, index, array) => fn(resolveUnref(element), index, array)));
+  return vueDemi.computed(() => toValue(list).findIndex((element, index, array) => fn(toValue(element), index, array)));
 }
 
 function findLast(arr, cb) {
@@ -937,8 +939,8 @@ function findLast(arr, cb) {
 }
 function useArrayFindLast(list, fn) {
   return vueDemi.computed(
-    () => resolveUnref(
-      !Array.prototype.findLast ? findLast(resolveUnref(list), (element, index, array) => fn(resolveUnref(element), index, array)) : resolveUnref(list).findLast((element, index, array) => fn(resolveUnref(element), index, array))
+    () => 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))
     )
   );
 }
@@ -958,34 +960,34 @@ function useArrayIncludes(...args) {
   }
   if (typeof comparator === "string") {
     const key = comparator;
-    comparator = (element, value2) => element[key] === resolveUnref(value2);
+    comparator = (element, value2) => element[key] === toValue(value2);
   }
-  comparator = comparator != null ? comparator : (element, value2) => element === resolveUnref(value2);
+  comparator = comparator != null ? comparator : (element, value2) => element === toValue(value2);
   return vueDemi.computed(
-    () => resolveUnref(list).slice(formIndex).some(
-      (element, index, array) => comparator(resolveUnref(element), resolveUnref(value), index, resolveUnref(array))
+    () => toValue(list).slice(formIndex).some(
+      (element, index, array) => comparator(toValue(element), toValue(value), index, toValue(array))
     )
   );
 }
 
 function useArrayJoin(list, separator) {
-  return vueDemi.computed(() => resolveUnref(list).map((i) => resolveUnref(i)).join(resolveUnref(separator)));
+  return vueDemi.computed(() => toValue(list).map((i) => toValue(i)).join(toValue(separator)));
 }
 
 function useArrayMap(list, fn) {
-  return vueDemi.computed(() => resolveUnref(list).map((i) => resolveUnref(i)).map(fn));
+  return vueDemi.computed(() => toValue(list).map((i) => toValue(i)).map(fn));
 }
 
 function useArrayReduce(list, reducer, ...args) {
-  const reduceCallback = (sum, value, index) => reducer(resolveUnref(sum), resolveUnref(value), index);
+  const reduceCallback = (sum, value, index) => reducer(toValue(sum), toValue(value), index);
   return vueDemi.computed(() => {
-    const resolved = resolveUnref(list);
-    return args.length ? resolved.reduce(reduceCallback, resolveUnref(args[0])) : resolved.reduce(reduceCallback);
+    const resolved = toValue(list);
+    return args.length ? resolved.reduce(reduceCallback, toValue(args[0])) : resolved.reduce(reduceCallback);
   });
 }
 
 function useArraySome(list, fn) {
-  return vueDemi.computed(() => resolveUnref(list).some((element, index, array) => fn(resolveUnref(element), index, array)));
+  return vueDemi.computed(() => toValue(list).some((element, index, array) => fn(toValue(element), index, array)));
 }
 
 function uniq(array) {
@@ -1000,7 +1002,7 @@ function uniqueElementsBy(array, fn) {
 }
 function useArrayUnique(list, compareFn) {
   return vueDemi.computed(() => {
-    const resolvedList = resolveUnref(list).map((element) => resolveUnref(element));
+    const resolvedList = toValue(list).map((element) => toValue(element));
     return compareFn ? uniqueElementsBy(resolvedList, compareFn) : uniq(resolvedList);
   });
 }
@@ -1088,7 +1090,7 @@ function normalizeDate(date) {
   return new Date(date);
 }
 function useDateFormat(date, formatStr = "HH:mm:ss", options = {}) {
-  return vueDemi.computed(() => formatDate(normalizeDate(resolveUnref(date)), resolveUnref(formatStr), options));
+  return vueDemi.computed(() => formatDate(normalizeDate(toValue(date)), toValue(formatStr), options));
 }
 
 function useIntervalFn(cb, interval = 1e3, options = {}) {
@@ -1109,7 +1111,7 @@ function useIntervalFn(cb, interval = 1e3, options = {}) {
     clean();
   }
   function resume() {
-    const intervalValue = resolveUnref(interval);
+    const intervalValue = toValue(interval);
     if (intervalValue <= 0)
       return;
     isActive.value = true;
@@ -1120,7 +1122,7 @@ function useIntervalFn(cb, interval = 1e3, options = {}) {
   }
   if (immediate && isClient)
     resume();
-  if (vueDemi.isRef(interval) || isFunction(interval)) {
+  if (vueDemi.isRef(interval) || typeof interval === "function") {
     const stopWatch = vueDemi.watch(interval, () => {
       if (isActive.value && isClient)
         resume();
@@ -1214,7 +1216,7 @@ function useTimeoutFn(cb, interval, options = {}) {
       isPending.value = false;
       timer = null;
       cb(...args);
-    }, resolveUnref(interval));
+    }, toValue(interval));
   }
   if (immediate) {
     isPending.value = true;
@@ -1272,7 +1274,7 @@ function useToNumber(value, options = {}) {
     nanToZero
   } = options;
   return vueDemi.computed(() => {
-    let resolved = resolveUnref(value);
+    let resolved = toValue(value);
     if (typeof resolved === "string")
       resolved = Number[method](resolved, radix);
     if (nanToZero && isNaN(resolved))
@@ -1282,7 +1284,7 @@ function useToNumber(value, options = {}) {
 }
 
 function useToString(value) {
-  return vueDemi.computed(() => `${resolveUnref(value)}`);
+  return vueDemi.computed(() => `${toValue(value)}`);
 }
 
 function useToggle(initialValue = false, options = {}) {
@@ -1297,8 +1299,8 @@ function useToggle(initialValue = false, options = {}) {
       _value.value = value;
       return _value.value;
     } else {
-      const truthy = resolveUnref(truthyValue);
-      _value.value = _value.value === truthy ? resolveUnref(falsyValue) : truthy;
+      const truthy = toValue(truthyValue);
+      _value.value = _value.value === truthy ? toValue(falsyValue) : truthy;
       return _value.value;
     }
   }
@@ -1310,7 +1312,7 @@ function useToggle(initialValue = false, options = {}) {
 
 function watchArray(source, cb, options) {
   let oldList = (options == null ? void 0 : options.immediate) ? [] : [
-    ...source instanceof Function ? source() : Array.isArray(source) ? source : vueDemi.unref(source)
+    ...source instanceof Function ? source() : Array.isArray(source) ? source : toValue(source)
   ];
   return vueDemi.watch(source, (newList, _, onCleanup) => {
     const oldListRemains = new Array(oldList.length);
@@ -1390,7 +1392,7 @@ function watchAtMost(source, cb, options) {
     source,
     (...args) => {
       current.value += 1;
-      if (current.value >= resolveUnref(count))
+      if (current.value >= toValue(count))
         vueDemi.nextTick(() => stop());
       cb(...args);
     },
@@ -1765,11 +1767,8 @@ function getWatchSources(sources) {
   if (vueDemi.isReactive(sources))
     return sources;
   if (Array.isArray(sources))
-    return sources.map((item) => getOneWatchSource(item));
-  return getOneWatchSource(sources);
-}
-function getOneWatchSource(source) {
-  return typeof source === "function" ? source() : vueDemi.unref(source);
+    return sources.map((item) => toValue(item));
+  return toValue(sources);
 }
 function getOldValue(source) {
   return Array.isArray(source) ? source.map(() => void 0) : void 0;
@@ -1786,8 +1785,6 @@ function whenever(source, cb, options) {
   );
 }
 
-exports.__onlyVue27Plus = __onlyVue27Plus;
-exports.__onlyVue3 = __onlyVue3;
 exports.assert = assert;
 exports.autoResetRef = refAutoReset;
 exports.bypassFilter = bypassFilter;
@@ -1817,21 +1814,17 @@ exports.identity = identity;
 exports.ignorableWatch = watchIgnorable;
 exports.increaseWithUnit = increaseWithUnit;
 exports.invoke = invoke;
-exports.isBoolean = isBoolean;
 exports.isClient = isClient;
 exports.isDef = isDef;
 exports.isDefined = isDefined;
-exports.isFunction = isFunction;
 exports.isIOS = isIOS;
-exports.isNumber = isNumber;
 exports.isObject = isObject;
-exports.isString = isString;
-exports.isWindow = isWindow;
 exports.makeDestructurable = makeDestructurable;
 exports.noop = noop;
 exports.normalizeDate = normalizeDate;
 exports.now = now;
 exports.objectEntries = objectEntries;
+exports.objectOmit = objectOmit;
 exports.objectPick = objectPick;
 exports.pausableFilter = pausableFilter;
 exports.pausableWatch = watchPausable;
@@ -1857,7 +1850,9 @@ exports.throttledRef = refThrottled;
 exports.throttledWatch = watchThrottled;
 exports.timestamp = timestamp;
 exports.toReactive = toReactive;
+exports.toRef = toRef;
 exports.toRefs = toRefs;
+exports.toValue = toValue;
 exports.tryOnBeforeMount = tryOnBeforeMount;
 exports.tryOnBeforeUnmount = tryOnBeforeUnmount;
 exports.tryOnMounted = tryOnMounted;