@vueuse/shared 10.2.1 → 10.4.0

package/index.iife.js

@@ -117,33 +117,14 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
 ;(function (exports, vueDemi) {
   'use strict';
 
-  var __defProp$b = Object.defineProperty;
-  var __defProps$8 = Object.defineProperties;
-  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-  var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-  var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$b = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$d.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
-    if (__getOwnPropSymbols$d)
-      for (var prop of __getOwnPropSymbols$d(b)) {
-        if (__propIsEnum$d.call(b, prop))
-          __defNormalProp$b(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
   function computedEager(fn, options) {
-    var _a;
     const result = vueDemi.shallowRef();
     vueDemi.watchEffect(() => {
       result.value = fn();
-    }, __spreadProps$8(__spreadValues$b({}, options), {
-      flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
-    }));
+    }, {
+      ...options,
+      flush: options?.flush ?? "sync"
+    });
     return vueDemi.readonly(result);
   }
 
@@ -172,7 +153,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
           return v;
         },
         set(v2) {
-          set == null ? void 0 : set(v2);
+          set?.(v2);
         }
       };
     });
@@ -295,25 +276,9 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     return vueDemi.unref(v) != null;
   }
 
-  var __defProp$a = Object.defineProperty;
-  var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-  var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-  var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$a = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$c.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
-    if (__getOwnPropSymbols$c)
-      for (var prop of __getOwnPropSymbols$c(b)) {
-        if (__propIsEnum$c.call(b, prop))
-          __defNormalProp$a(a, prop, b[prop]);
-      }
-    return a;
-  };
   function makeDestructurable(obj, arr) {
     if (typeof Symbol !== "undefined") {
-      const clone = __spreadValues$a({}, obj);
+      const clone = { ...obj };
       Object.defineProperty(clone, Symbol.iterator, {
         enumerable: false,
         value() {
@@ -338,7 +303,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   const resolveUnref = toValue;
 
   function reactify(fn, options) {
-    const unrefFn = (options == null ? void 0 : options.computedGetter) === false ? vueDemi.unref : toValue;
+    const unrefFn = options?.computedGetter === false ? vueDemi.unref : toValue;
     return function(...args) {
       return vueDemi.computed(() => fn.apply(this, args.map((i) => unrefFn(i))));
     };
@@ -412,7 +377,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     );
   }
 
-  const isClient = typeof window !== "undefined";
+  const isClient = typeof window !== "undefined" && typeof document !== "undefined";
   const isDef = (val) => typeof val !== "undefined";
   const notNullish = (val) => val != null;
   const assert = (condition, ...infos) => {
@@ -434,8 +399,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   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) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
+    return isClient && window?.navigator?.userAgent && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
   }
 
   function createFilterWrapper(filter, fn) {
@@ -557,6 +521,22 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     unmounted: vueDemi.isVue3 ? "unmounted" : "unbind"
   };
 
+  function cacheStringFunction(fn) {
+    const cache = /* @__PURE__ */ Object.create(null);
+    return (str) => {
+      const hit = cache[str];
+      return hit || (cache[str] = fn(str));
+    };
+  }
+  const hyphenateRE = /\B([A-Z])/g;
+  const hyphenate = cacheStringFunction(
+    (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
+  );
+  const camelizeRE = /-(\w)/g;
+  const camelize = cacheStringFunction((str) => {
+    return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+  });
+
   function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
     return new Promise((resolve, reject) => {
       if (throwOnTimeout)
@@ -590,10 +570,9 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     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 value = target.match(/^-?[0-9]+\.?[0-9]*/)?.[0] || "";
     const unit = target.slice(value.length);
     const result = Number.parseFloat(value) + delta;
     if (Number.isNaN(result))
@@ -634,10 +613,10 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
 
   function refAutoReset(defaultValue, afterMs = 1e4) {
     return vueDemi.customRef((track, trigger) => {
-      let value = defaultValue;
+      let value = toValue(defaultValue);
       let timer;
       const resetAfter = () => setTimeout(() => {
-        value = defaultValue;
+        value = toValue(defaultValue);
         trigger();
       }, toValue(afterMs));
       tryOnScopeDispose(() => {
@@ -677,8 +656,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   function refDefault(source, defaultValue) {
     return vueDemi.computed({
       get() {
-        var _a;
-        return (_a = source.value) != null ? _a : defaultValue;
+        return source.value ?? defaultValue;
       },
       set(value) {
         source.value = value;
@@ -726,14 +704,13 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       return source;
     }
     function set(value, triggering = true) {
-      var _a, _b;
       if (value === source)
         return;
       const old = source;
-      if (((_a = options.onBeforeChange) == null ? void 0 : _a.call(options, value, old)) === false)
+      if (options.onBeforeChange?.(value, old) === false)
         return;
       source = value;
-      (_b = options.onChanged) == null ? void 0 : _b.call(options, value, old);
+      options.onChanged?.(value, old);
       if (triggering)
         trigger();
     }
@@ -771,8 +748,39 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     }
   }
 
+  function watchWithFilter(source, cb, options = {}) {
+    const {
+      eventFilter = bypassFilter,
+      ...watchOptions
+    } = options;
+    return vueDemi.watch(
+      source,
+      createFilterWrapper(
+        eventFilter,
+        cb
+      ),
+      watchOptions
+    );
+  }
+
+  function watchPausable(source, cb, options = {}) {
+    const {
+      eventFilter: filter,
+      ...watchOptions
+    } = options;
+    const { eventFilter, pause, resume, isActive } = pausableFilter(filter);
+    const stop = watchWithFilter(
+      source,
+      cb,
+      {
+        ...watchOptions,
+        eventFilter
+      }
+    );
+    return { stop, pause, resume, isActive };
+  }
+
   function syncRef(left, right, options = {}) {
-    var _a, _b;
     const {
       flush = "sync",
       deep = false,
@@ -780,28 +788,35 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       direction = "both",
       transform = {}
     } = options;
-    let watchLeft;
-    let watchRight;
-    const transformLTR = (_a = transform.ltr) != null ? _a : (v) => v;
-    const transformRTL = (_b = transform.rtl) != null ? _b : (v) => v;
+    const watchers = [];
+    const transformLTR = transform.ltr ?? ((v) => v);
+    const transformRTL = transform.rtl ?? ((v) => v);
     if (direction === "both" || direction === "ltr") {
-      watchLeft = vueDemi.watch(
+      watchers.push(watchPausable(
         left,
-        (newValue) => right.value = transformLTR(newValue),
+        (newValue) => {
+          watchers.forEach((w) => w.pause());
+          right.value = transformLTR(newValue);
+          watchers.forEach((w) => w.resume());
+        },
         { flush, deep, immediate }
-      );
+      ));
     }
     if (direction === "both" || direction === "rtl") {
-      watchRight = vueDemi.watch(
+      watchers.push(watchPausable(
         right,
-        (newValue) => left.value = transformRTL(newValue),
+        (newValue) => {
+          watchers.forEach((w) => w.pause());
+          left.value = transformRTL(newValue);
+          watchers.forEach((w) => w.resume());
+        },
         { flush, deep, immediate }
-      );
+      ));
     }
-    return () => {
-      watchLeft == null ? void 0 : watchLeft();
-      watchRight == null ? void 0 : watchRight();
+    const stop = () => {
+      watchers.forEach((w) => w.stop());
     };
+    return stop;
   }
 
   function syncRefs(source, targets, options = {}) {
@@ -819,43 +834,29 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     );
   }
 
-  var __defProp$9 = Object.defineProperty;
-  var __defProps$7 = Object.defineProperties;
-  var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-  var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-  var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$9 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$b.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
-    if (__getOwnPropSymbols$b)
-      for (var prop of __getOwnPropSymbols$b(b)) {
-        if (__propIsEnum$b.call(b, prop))
-          __defNormalProp$9(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-  function toRefs(objectRef) {
+  function toRefs(objectRef, options = {}) {
     if (!vueDemi.isRef(objectRef))
       return vueDemi.toRefs(objectRef);
-    const result = Array.isArray(objectRef.value) ? new Array(objectRef.value.length) : {};
+    const result = Array.isArray(objectRef.value) ? Array.from({ length: objectRef.value.length }) : {};
     for (const key in objectRef.value) {
       result[key] = vueDemi.customRef(() => ({
         get() {
           return objectRef.value[key];
         },
         set(v) {
-          if (Array.isArray(objectRef.value)) {
-            const copy = [...objectRef.value];
-            copy[key] = v;
-            objectRef.value = copy;
+          const replaceRef = toValue(options.replaceRef) ?? true;
+          if (replaceRef) {
+            if (Array.isArray(objectRef.value)) {
+              const copy = [...objectRef.value];
+              copy[key] = v;
+              objectRef.value = copy;
+            } else {
+              const newObject = { ...objectRef.value, [key]: v };
+              Object.setPrototypeOf(newObject, Object.getPrototypeOf(objectRef.value));
+              objectRef.value = newObject;
+            }
           } else {
-            const newObject = __spreadProps$7(__spreadValues$9({}, objectRef.value), { [key]: v });
-            Object.setPrototypeOf(newObject, Object.getPrototypeOf(objectRef.value));
-            objectRef.value = newObject;
+            objectRef.value[key] = v;
           }
         }
       }));
@@ -899,7 +900,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
           r,
           (v) => {
             if (condition(v) !== isNot) {
-              stop == null ? void 0 : stop();
+              stop?.();
               resolve(v);
             }
           },
@@ -913,7 +914,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       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(r)).finally(() => stop?.())
         );
       }
       return Promise.race(promises);
@@ -921,14 +922,14 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     function toBe(value, options) {
       if (!vueDemi.isRef(value))
         return toMatch((v) => v === value, options);
-      const { flush = "sync", deep = false, timeout, throwOnTimeout } = options != null ? options : {};
+      const { flush = "sync", deep = false, timeout, throwOnTimeout } = options ?? {};
       let stop = null;
       const watcher = new Promise((resolve) => {
         stop = vueDemi.watch(
           [r, value],
           ([v1, v2]) => {
             if (isNot !== (v1 === v2)) {
-              stop == null ? void 0 : stop();
+              stop?.();
               resolve(v1);
             }
           },
@@ -943,7 +944,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       if (timeout != null) {
         promises.push(
           promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => {
-            stop == null ? void 0 : stop();
+            stop?.();
             return toValue(r);
           })
         );
@@ -1014,10 +1015,9 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     return value === othVal;
   }
   function useArrayDifference(...args) {
-    var _a;
     const list = args[0];
     const values = args[1];
-    let compareFn = (_a = args[2]) != null ? _a : defaultComparator;
+    let compareFn = args[2] ?? defaultComparator;
     if (typeof compareFn === "string") {
       const key = compareFn;
       compareFn = (value, othVal) => value[key] === othVal[key];
@@ -1065,20 +1065,19 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     return isObject(obj) && containsProp(obj, "formIndex", "comparator");
   }
   function useArrayIncludes(...args) {
-    var _a;
     const list = args[0];
     const value = args[1];
     let comparator = args[2];
     let formIndex = 0;
     if (isArrayIncludesOptions(comparator)) {
-      formIndex = (_a = comparator.fromIndex) != null ? _a : 0;
+      formIndex = comparator.fromIndex ?? 0;
       comparator = comparator.comparator;
     }
     if (typeof comparator === "string") {
       const key = comparator;
       comparator = (element, value2) => element[key] === toValue(value2);
     }
-    comparator = comparator != null ? comparator : (element, value2) => element === toValue(value2);
+    comparator = comparator ?? ((element, value2) => element === toValue(value2));
     return vueDemi.computed(
       () => toValue(list).slice(formIndex).some(
         (element, index, array) => comparator(toValue(element), toValue(value), index, toValue(array))
@@ -1124,17 +1123,18 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   }
 
   function useCounter(initialValue = 0, options = {}) {
+    let _initialValue = vueDemi.unref(initialValue);
     const count = vueDemi.ref(initialValue);
     const {
-      max = Infinity,
-      min = -Infinity
+      max = Number.POSITIVE_INFINITY,
+      min = Number.NEGATIVE_INFINITY
     } = options;
     const inc = (delta = 1) => count.value = Math.min(max, count.value + delta);
     const dec = (delta = 1) => count.value = Math.max(min, count.value - delta);
     const get = () => count.value;
     const set = (val) => count.value = Math.max(min, Math.min(max, val));
-    const reset = (val = initialValue) => {
-      initialValue = val;
+    const reset = (val = _initialValue) => {
+      _initialValue = val;
       return set(val);
     };
     return { count, inc, dec, get, set, reset };
@@ -1149,7 +1149,6 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     return isLowercase ? m.toLowerCase() : m;
   }
   function formatDate(date, formatStr, options = {}) {
-    var _a;
     const years = date.getFullYear();
     const month = date.getMonth();
     const days = date.getDate();
@@ -1158,7 +1157,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     const seconds = date.getSeconds();
     const milliseconds = date.getMilliseconds();
     const day = date.getDay();
-    const meridiem = (_a = options.customMeridiem) != null ? _a : defaultMeridiem;
+    const meridiem = options.customMeridiem ?? defaultMeridiem;
     const matches = {
       YY: () => String(years).slice(-2),
       YYYY: () => years,
@@ -1186,14 +1185,11 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       a: () => meridiem(hours, minutes, true),
       aa: () => meridiem(hours, minutes, true, true)
     };
-    return formatStr.replace(REGEX_FORMAT, (match, $1) => {
-      var _a2;
-      return $1 || ((_a2 = matches[match]) == null ? void 0 : _a2.call(matches)) || match;
-    });
+    return formatStr.replace(REGEX_FORMAT, (match, $1) => $1 ?? matches[match]?.() ?? match);
   }
   function normalizeDate(date) {
     if (date === null)
-      return /* @__PURE__ */ new Date(NaN);
+      return new Date(Number.NaN);
     if (date === void 0)
       return /* @__PURE__ */ new Date();
     if (date instanceof Date)
@@ -1256,22 +1252,6 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     };
   }
 
-  var __defProp$8 = Object.defineProperty;
-  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$8 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$a.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-    if (__getOwnPropSymbols$a)
-      for (var prop of __getOwnPropSymbols$a(b)) {
-        if (__propIsEnum$a.call(b, prop))
-          __defNormalProp$8(a, prop, b[prop]);
-      }
-    return a;
-  };
   function useInterval(interval = 1e3, options = {}) {
     const {
       controls: exposeControls = false,
@@ -1292,18 +1272,18 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       { immediate }
     );
     if (exposeControls) {
-      return __spreadValues$8({
+      return {
         counter,
-        reset
-      }, controls);
+        reset,
+        ...controls
+      };
     } else {
       return counter;
     }
   }
 
   function useLastChanged(source, options = {}) {
-    var _a;
-    const ms = vueDemi.ref((_a = options.initialValue) != null ? _a : null);
+    const ms = vueDemi.ref(options.initialValue ?? null);
     vueDemi.watch(
       source,
       () => ms.value = timestamp(),
@@ -1350,37 +1330,22 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     };
   }
 
-  var __defProp$7 = Object.defineProperty;
-  var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$7 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$9.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-    if (__getOwnPropSymbols$9)
-      for (var prop of __getOwnPropSymbols$9(b)) {
-        if (__propIsEnum$9.call(b, prop))
-          __defNormalProp$7(a, prop, b[prop]);
-      }
-    return a;
-  };
   function useTimeout(interval = 1e3, options = {}) {
     const {
       controls: exposeControls = false,
       callback
     } = options;
     const controls = useTimeoutFn(
-      callback != null ? callback : noop,
+      callback ?? noop,
       interval,
       options
     );
     const ready = vueDemi.computed(() => !controls.isPending.value);
     if (exposeControls) {
-      return __spreadValues$7({
-        ready
-      }, controls);
+      return {
+        ready,
+        ...controls
+      };
     } else {
       return ready;
     }
@@ -1430,11 +1395,11 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   }
 
   function watchArray(source, cb, options) {
-    let oldList = (options == null ? void 0 : options.immediate) ? [] : [
+    let oldList = options?.immediate ? [] : [
       ...source instanceof Function ? source() : Array.isArray(source) ? source : toValue(source)
     ];
     return vueDemi.watch(source, (newList, _, onCleanup) => {
-      const oldListRemains = new Array(oldList.length);
+      const oldListRemains = Array.from({ length: oldList.length });
       const added = [];
       for (const obj of newList) {
         let found = false;
@@ -1454,58 +1419,11 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     }, options);
   }
 
-  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-  var __objRest$5 = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$8)
-      for (var prop of __getOwnPropSymbols$8(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  function watchWithFilter(source, cb, options = {}) {
-    const _a = options, {
-      eventFilter = bypassFilter
-    } = _a, watchOptions = __objRest$5(_a, [
-      "eventFilter"
-    ]);
-    return vueDemi.watch(
-      source,
-      createFilterWrapper(
-        eventFilter,
-        cb
-      ),
-      watchOptions
-    );
-  }
-
-  var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-  var __objRest$4 = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$7)
-      for (var prop of __getOwnPropSymbols$7(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
   function watchAtMost(source, cb, options) {
-    const _a = options, {
-      count
-    } = _a, watchOptions = __objRest$4(_a, [
-      "count"
-    ]);
+    const {
+      count,
+      ...watchOptions
+    } = options;
     const current = vueDemi.ref(0);
     const stop = watchWithFilter(
       source,
@@ -1520,120 +1438,38 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     return { count: current, stop };
   }
 
-  var __defProp$6 = Object.defineProperty;
-  var __defProps$6 = Object.defineProperties;
-  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$6 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
-    if (__getOwnPropSymbols$6)
-      for (var prop of __getOwnPropSymbols$6(b)) {
-        if (__propIsEnum$6.call(b, prop))
-          __defNormalProp$6(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-  var __objRest$3 = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$6)
-      for (var prop of __getOwnPropSymbols$6(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
   function watchDebounced(source, cb, options = {}) {
-    const _a = options, {
+    const {
       debounce = 0,
-      maxWait = void 0
-    } = _a, watchOptions = __objRest$3(_a, [
-      "debounce",
-      "maxWait"
-    ]);
+      maxWait = void 0,
+      ...watchOptions
+    } = options;
     return watchWithFilter(
       source,
       cb,
-      __spreadProps$6(__spreadValues$6({}, watchOptions), {
+      {
+        ...watchOptions,
         eventFilter: debounceFilter(debounce, { maxWait })
-      })
+      }
     );
   }
 
-  var __defProp$5 = Object.defineProperty;
-  var __defProps$5 = Object.defineProperties;
-  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$5 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
-    if (__getOwnPropSymbols$5)
-      for (var prop of __getOwnPropSymbols$5(b)) {
-        if (__propIsEnum$5.call(b, prop))
-          __defNormalProp$5(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
   function watchDeep(source, cb, options) {
     return vueDemi.watch(
       source,
       cb,
-      __spreadProps$5(__spreadValues$5({}, options), {
+      {
+        ...options,
         deep: true
-      })
+      }
     );
   }
 
-  var __defProp$4 = Object.defineProperty;
-  var __defProps$4 = Object.defineProperties;
-  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$4 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
-    if (__getOwnPropSymbols$4)
-      for (var prop of __getOwnPropSymbols$4(b)) {
-        if (__propIsEnum$4.call(b, prop))
-          __defNormalProp$4(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-  var __objRest$2 = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$4)
-      for (var prop of __getOwnPropSymbols$4(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
   function watchIgnorable(source, cb, options = {}) {
-    const _a = options, {
-      eventFilter = bypassFilter
-    } = _a, watchOptions = __objRest$2(_a, [
-      "eventFilter"
-    ]);
+    const {
+      eventFilter = bypassFilter,
+      ...watchOptions
+    } = options;
     const filteredCb = createFilterWrapper(
       eventFilter,
       cb
@@ -1671,7 +1507,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
           () => {
             syncCounter.value++;
           },
-          __spreadProps$4(__spreadValues$4({}, watchOptions), { flush: "sync" })
+          { ...watchOptions, flush: "sync" }
         )
       );
       ignoreUpdates = (updater) => {
@@ -1700,32 +1536,14 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     return { stop, ignoreUpdates, ignorePrevAsyncUpdates };
   }
 
-  var __defProp$3 = Object.defineProperty;
-  var __defProps$3 = Object.defineProperties;
-  var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$3 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    if (__getOwnPropSymbols$3)
-      for (var prop of __getOwnPropSymbols$3(b)) {
-        if (__propIsEnum$3.call(b, prop))
-          __defNormalProp$3(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
   function watchImmediate(source, cb, options) {
     return vueDemi.watch(
       source,
       cb,
-      __spreadProps$3(__spreadValues$3({}, options), {
+      {
+        ...options,
         immediate: true
-      })
+      }
     );
   }
 
@@ -1736,123 +1554,23 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     }, options);
   }
 
-  var __defProp$2 = Object.defineProperty;
-  var __defProps$2 = Object.defineProperties;
-  var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2)
-      for (var prop of __getOwnPropSymbols$2(b)) {
-        if (__propIsEnum$2.call(b, prop))
-          __defNormalProp$2(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-  var __objRest$1 = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$2)
-      for (var prop of __getOwnPropSymbols$2(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  function watchPausable(source, cb, options = {}) {
-    const _a = options, {
-      eventFilter: filter
-    } = _a, watchOptions = __objRest$1(_a, [
-      "eventFilter"
-    ]);
-    const { eventFilter, pause, resume, isActive } = pausableFilter(filter);
-    const stop = watchWithFilter(
-      source,
-      cb,
-      __spreadProps$2(__spreadValues$2({}, watchOptions), {
-        eventFilter
-      })
-    );
-    return { stop, pause, resume, isActive };
-  }
-
-  var __defProp$1 = Object.defineProperty;
-  var __defProps$1 = Object.defineProperties;
-  var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$1 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    if (__getOwnPropSymbols$1)
-      for (var prop of __getOwnPropSymbols$1(b)) {
-        if (__propIsEnum$1.call(b, prop))
-          __defNormalProp$1(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-  var __objRest = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$1)
-      for (var prop of __getOwnPropSymbols$1(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
   function watchThrottled(source, cb, options = {}) {
-    const _a = options, {
+    const {
       throttle = 0,
       trailing = true,
-      leading = true
-    } = _a, watchOptions = __objRest(_a, [
-      "throttle",
-      "trailing",
-      "leading"
-    ]);
+      leading = true,
+      ...watchOptions
+    } = options;
     return watchWithFilter(
       source,
       cb,
-      __spreadProps$1(__spreadValues$1({}, watchOptions), {
+      {
+        ...watchOptions,
         eventFilter: throttleFilter(throttle, trailing, leading)
-      })
+      }
     );
   }
 
-  var __defProp = Object.defineProperty;
-  var __defProps = Object.defineProperties;
-  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __propIsEnum = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    if (__getOwnPropSymbols)
-      for (var prop of __getOwnPropSymbols(b)) {
-        if (__propIsEnum.call(b, prop))
-          __defNormalProp(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   function watchTriggerable(source, cb, options = {}) {
     let cleanupFn;
     function onEffect() {
@@ -1878,9 +1596,10 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       });
       return res2;
     };
-    return __spreadProps(__spreadValues({}, res), {
+    return {
+      ...res,
       trigger
-    });
+    };
   }
   function getWatchSources(sources) {
     if (vueDemi.isReactive(sources))
@@ -1907,6 +1626,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   exports.assert = assert;
   exports.autoResetRef = refAutoReset;
   exports.bypassFilter = bypassFilter;
+  exports.camelize = camelize;
   exports.clamp = clamp;
   exports.computedEager = computedEager;
   exports.computedWithControl = computedWithControl;
@@ -1929,6 +1649,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   exports.formatDate = formatDate;
   exports.get = get;
   exports.hasOwn = hasOwn;
+  exports.hyphenate = hyphenate;
   exports.identity = identity;
   exports.ignorableWatch = watchIgnorable;
   exports.increaseWithUnit = increaseWithUnit;