@vueuse/shared 7.5.5 → 7.6.0

package/index.cjs

@@ -390,17 +390,17 @@ function useDebounce(value, ms = 200, options = {}) {
   return debounced;
 }
 
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
 var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+  if (source != null && __getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -414,33 +414,33 @@ function watchWithFilter(source, cb, options = {}) {
   return vueDemi.watch(source, createFilterWrapper(eventFilter, cb), watchOptions);
 }
 
-var __defProp$7 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = 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) => {
+var __defProp$8 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = 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$8.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$9.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))
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -451,16 +451,38 @@ function debouncedWatch(source, cb, options = {}) {
   } = _a, watchOptions = __objRest$4(_a, [
     "debounce"
   ]);
-  return watchWithFilter(source, cb, __spreadProps$4(__spreadValues$7({}, watchOptions), {
+  return watchWithFilter(source, cb, __spreadProps$5(__spreadValues$8({}, watchOptions), {
     eventFilter: debounceFilter(debounce)
   }));
 }
 
-function eagerComputed(fn) {
+var __defProp$7 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = 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$8.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+function eagerComputed(fn, options) {
+  var _a;
   const result = vueDemi.shallowRef();
-  vueDemi.watchSyncEffect(() => {
+  vueDemi.watchEffect(() => {
     result.value = fn();
-  });
+  }, __spreadProps$4(__spreadValues$7({}, options), {
+    flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
+  }));
   return vueDemi.readonly(result);
 }
 
@@ -986,10 +1008,17 @@ function useIntervalFn(cb, interval = 1e3, options = {}) {
     if (immediateCallback)
       cb();
     clean();
-    timer = setInterval(cb, interval);
+    timer = setInterval(cb, vueDemi.unref(interval));
   }
   if (immediate && isClient)
     resume();
+  if (vueDemi.isRef(interval)) {
+    const stopWatch = vueDemi.watch(interval, () => {
+      if (immediate && isClient)
+        resume();
+    });
+    tryOnScopeDispose(stopWatch);
+  }
   tryOnScopeDispose(pause);
   return {
     isActive,

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as vue_demi from 'vue-demi';
-import { Ref, WatchOptions, WatchSource, ComputedRef, WatchCallback, WatchStopHandle, ShallowUnwrapRef as ShallowUnwrapRef$1, UnwrapRef, ToRefs } from 'vue-demi';
+import { Ref, WatchOptions, WatchSource, ComputedRef, WatchCallback, WatchStopHandle, WatchOptionsBase, ShallowUnwrapRef as ShallowUnwrapRef$1, UnwrapRef, ToRefs } from 'vue-demi';
 
 declare const isClient: boolean;
 declare const isDef: <T = any>(val?: T | undefined) => val is T;
@@ -321,7 +321,7 @@ declare function debouncedWatch<T extends Readonly<WatchSource<unknown>[]>, Imme
 declare function debouncedWatch<T, Immediate extends Readonly<boolean> = false>(source: WatchSource<T>, cb: WatchCallback<T, Immediate extends true ? T | undefined : T>, options?: DebouncedWatchOptions<Immediate>): WatchStopHandle;
 declare function debouncedWatch<T extends object, Immediate extends Readonly<boolean> = false>(source: T, cb: WatchCallback<T, Immediate extends true ? T | undefined : T>, options?: DebouncedWatchOptions<Immediate>): WatchStopHandle;
 
-declare function eagerComputed<T>(fn: () => T): Readonly<Ref<T>>;
+declare function eagerComputed<T>(fn: () => T, options?: WatchOptionsBase): Readonly<Ref<T>>;
 
 interface ExtendRefOptions<Unwrap extends boolean = boolean> {
     /**
@@ -624,8 +624,8 @@ interface IntervalOptions<Controls extends boolean> {
      */
     immediate?: boolean;
 }
-declare function useInterval(interval?: number, options?: IntervalOptions<false>): Ref<number>;
-declare function useInterval(interval: number, options: IntervalOptions<true>): {
+declare function useInterval(interval?: MaybeRef<number>, options?: IntervalOptions<false>): Ref<number>;
+declare function useInterval(interval: MaybeRef<number>, options: IntervalOptions<true>): {
     counter: Ref<number>;
 } & Pausable;
 
@@ -650,7 +650,7 @@ interface IntervalFnOptions {
  * @param interval
  * @param options
  */
-declare function useIntervalFn(cb: Fn, interval?: number, options?: IntervalFnOptions): Pausable;
+declare function useIntervalFn(cb: Fn, interval?: MaybeRef<number>, options?: IntervalFnOptions): Pausable;
 
 interface UseLastChangedOptions<Immediate extends boolean, InitialValue extends number | null | undefined = undefined> extends WatchOptions<Immediate> {
     initialValue?: InitialValue;

package/index.iife.js

@@ -448,17 +448,17 @@
     return debounced;
   }
 
-  var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
   var __objRest$5 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$9)
-      for (var prop of __getOwnPropSymbols$9(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+    if (source != null && __getOwnPropSymbols$a)
+      for (var prop of __getOwnPropSymbols$a(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -472,33 +472,33 @@
     return vueDemi.watch(source, createFilterWrapper(eventFilter, cb), watchOptions);
   }
 
-  var __defProp$7 = Object.defineProperty;
-  var __defProps$4 = Object.defineProperties;
-  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$8 = 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) => {
+  var __defProp$8 = Object.defineProperty;
+  var __defProps$5 = Object.defineProperties;
+  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$9 = 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$8.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-    if (__getOwnPropSymbols$8)
-      for (var prop of __getOwnPropSymbols$8(b)) {
-        if (__propIsEnum$8.call(b, prop))
-          __defNormalProp$7(a, prop, b[prop]);
+      if (__hasOwnProp$9.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
+    if (__getOwnPropSymbols$9)
+      for (var prop of __getOwnPropSymbols$9(b)) {
+        if (__propIsEnum$9.call(b, prop))
+          __defNormalProp$8(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
   var __objRest$4 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$9.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))
+    if (source != null && __getOwnPropSymbols$9)
+      for (var prop of __getOwnPropSymbols$9(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -509,16 +509,38 @@
     } = _a, watchOptions = __objRest$4(_a, [
       "debounce"
     ]);
-    return watchWithFilter(source, cb, __spreadProps$4(__spreadValues$7({}, watchOptions), {
+    return watchWithFilter(source, cb, __spreadProps$5(__spreadValues$8({}, watchOptions), {
       eventFilter: debounceFilter(debounce)
     }));
   }
 
-  function eagerComputed(fn) {
+  var __defProp$7 = Object.defineProperty;
+  var __defProps$4 = Object.defineProperties;
+  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$8 = 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$8.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+    if (__getOwnPropSymbols$8)
+      for (var prop of __getOwnPropSymbols$8(b)) {
+        if (__propIsEnum$8.call(b, prop))
+          __defNormalProp$7(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+  function eagerComputed(fn, options) {
+    var _a;
     const result = vueDemi.shallowRef();
-    vueDemi.watchSyncEffect(() => {
+    vueDemi.watchEffect(() => {
       result.value = fn();
-    });
+    }, __spreadProps$4(__spreadValues$7({}, options), {
+      flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
+    }));
     return vueDemi.readonly(result);
   }
 
@@ -1044,10 +1066,17 @@
       if (immediateCallback)
         cb();
       clean();
-      timer = setInterval(cb, interval);
+      timer = setInterval(cb, vueDemi.unref(interval));
     }
     if (immediate && isClient)
       resume();
+    if (vueDemi.isRef(interval)) {
+      const stopWatch = vueDemi.watch(interval, () => {
+        if (immediate && isClient)
+          resume();
+      });
+      tryOnScopeDispose(stopWatch);
+    }
     tryOnScopeDispose(pause);
     return {
       isActive,

package/index.iife.min.js

@@ -1 +1 @@
-(function(i){if(!i.VueDemi){var o={},O=i.Vue;if(O)if(O.version.slice(0,2)==="2."){var m=i.VueCompositionAPI;if(m){for(var g in m)o[g]=m[g];o.isVue2=!0,o.isVue3=!1,o.install=function(){},o.Vue=O,o.Vue2=O,o.version=O.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if(O.version.slice(0,2)==="3."){for(var g in O)o[g]=O[g];o.isVue2=!1,o.isVue3=!0,o.install=function(){},o.Vue=O,o.Vue2=void 0,o.version=O.version,o.set=function(h,w,b){return Array.isArray(h)?(h.length=Math.max(h.length,w),h.splice(w,1,b),b):(h[w]=b,b)},o.del=function(h,w){if(Array.isArray(h)){h.splice(w,1);return}delete h[w]}}else console.error("[vue-demi] Vue version "+O.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");i.VueDemi=o}})(window),function(i,o){"use strict";function O(...e){return o.computed(()=>e.every(t=>o.unref(t)))}function m(e,t){const r="sync",n=o.watch(e,u=>{t.value=u},{flush:r,immediate:!0}),a=o.watch(t,u=>{e.value=u},{flush:r,immediate:!0});return()=>{n(),a()}}function g(e,t){let r,n,a;const u=o.ref(!0);return o.watch(e,()=>{u.value=!0,a()},{flush:"sync"}),o.customRef((l,c)=>(n=l,a=c,{get(){return u.value&&(r=t(),u.value=!1),n(),r},set(){}}))}function h(e="this function"){if(!o.isVue3)throw new Error(`[VueUse] ${e} is only works on Vue 3.`)}function w(e,t,{enumerable:r=!1,unwrap:n=!0}={}){h();for(const[a,u]of Object.entries(t))a!=="value"&&(o.isRef(u)&&n?Object.defineProperty(e,a,{get(){return u.value},set(l){u.value=l},enumerable:r}):Object.defineProperty(e,a,{value:u,enumerable:r}));return e}function b(e,t={}){let r=e,n,a;const u=o.customRef((s,v)=>(n=s,a=v,{get(){return l()},set(y){c(y)}}));function l(s=!0){return s&&n(),r}function c(s,v=!0){var y,C;if(s===r)return;const P=r;((y=t.onBeforeChange)==null?void 0:y.call(t,s,P))!==!1&&(r=s,(C=t.onChanged)==null||C.call(t,s,P),v&&a())}return w(u,{get:l,set:c,untrackedGet:()=>l(!1),silentSet:s=>c(s,!1),peek:()=>l(!1),lay:s=>c(s,!1)},{enumerable:!0})}function Oe(){const e=[],t=a=>{const u=e.indexOf(a);u!==-1&&e.splice(u,1)};return{on:a=>(e.push(a),{off:()=>t(a)}),off:t,trigger:a=>{e.forEach(u=>u(a))}}}function he(e){let t=!1,r;const n=o.effectScope(!0);return()=>(t||(r=n.run(e),t=!0),r)}function A(e){return function(...t){return o.computed(()=>e.apply(this,t.map(r=>o.unref(r))))}}function j(e){return o.getCurrentScope()?(o.onScopeDispose(e),!0):!1}function we(e){let t=0,r,n;const a=()=>{t-=1,n&&t<=0&&(n.stop(),r=void 0,n=void 0)};return(...u)=>(t+=1,r||(n=o.effectScope(!0),r=n.run(()=>e(...u))),j(a),r)}const N=typeof window!="undefined",Pe=e=>typeof e!="undefined",ge=(e,...t)=>{e||console.warn(...t)},M=Object.prototype.toString,be=e=>typeof e=="boolean",me=e=>typeof e=="function",$e=e=>typeof e=="number",Se=e=>typeof e=="string",je=e=>M.call(e)==="[object Object]",Fe=e=>typeof window!="undefined"&&M.call(e)==="[object Window]",Te=()=>Date.now(),U=()=>+Date.now(),Ie=(e,t,r)=>Math.min(r,Math.max(t,e)),B=()=>{},Ee=(e,t)=>(e=Math.ceil(e),t=Math.floor(t),Math.floor(Math.random()*(t-e+1))+e);function $(e,t){function r(...n){e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})}return r}const F=e=>e();function R(e,t={}){let r,n;return u=>{const l=o.unref(e),c=o.unref(t.maxWait);if(r&&clearTimeout(r),l<=0||c!==void 0&&c<=0)return n&&(clearTimeout(n),n=null),u();c&&!n&&(n=setTimeout(()=>{r&&clearTimeout(r),n=null,u()},c)),r=setTimeout(()=>{n&&clearTimeout(n),n=null,u()},l)}}function W(e,t=!0,r=!0){let n=0,a,u=!r;const l=()=>{a&&(clearTimeout(a),a=void 0)};return d=>{const _=o.unref(e),p=Date.now()-n;if(l(),_<=0)return n=Date.now(),d();p>_&&(n=Date.now(),u?u=!1:d()),t&&(a=setTimeout(()=>{n=Date.now(),r||(u=!0),l(),d()},_)),!r&&!a&&(a=setTimeout(()=>u=!0,_))}}function G(e=F){const t=o.ref(!0);function r(){t.value=!1}function n(){t.value=!0}return{isActive:t,pause:r,resume:n,eventFilter:(...u)=>{t.value&&e(...u)}}}function L(e,t=!1,r="Timeout"){return new Promise((n,a)=>{setTimeout(t?()=>a(r):n,e)})}function Ve(e){return e}function Ce(e){let t;function r(){return t||(t=e()),t}return r.reset=async()=>{const n=t;t=void 0,n&&await n},r}function Ae(e){return e()}function Ne(e,...t){return t.some(r=>r in e)}function Re(e,t){var r;if(typeof e=="number")return e+t;const n=((r=e.match(/^-?[0-9]+\.?[0-9]*/))==null?void 0:r[0])||"",a=e.slice(n.length),u=parseFloat(n)+t;return Number.isNaN(u)?e:u+a}function We(e,t,r=!1){return t.reduce((n,a)=>(a in e&&(!r||!e[a]===void 0)&&(n[a]=e[a]),n),{})}function H(e,t=200,r={}){return $(R(t,r),e)}function z(e,t=200,r={}){if(t<=0)return e;const n=o.ref(e.value),a=H(()=>{n.value=e.value},t,r);return o.watch(e,()=>a()),n}var q=Object.getOwnPropertySymbols,Me=Object.prototype.hasOwnProperty,Ue=Object.prototype.propertyIsEnumerable,Be=(e,t)=>{var r={};for(var n in e)Me.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&q)for(var n of q(e))t.indexOf(n)<0&&Ue.call(e,n)&&(r[n]=e[n]);return r};function S(e,t,r={}){const n=r,{eventFilter:a=F}=n,u=Be(n,["eventFilter"]);return o.watch(e,$(a,t),u)}var Ge=Object.defineProperty,Le=Object.defineProperties,He=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable,X=(e,t,r)=>t in e?Ge(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ze=(e,t)=>{for(var r in t||(t={}))J.call(t,r)&&X(e,r,t[r]);if(T)for(var r of T(t))Q.call(t,r)&&X(e,r,t[r]);return e},qe=(e,t)=>Le(e,He(t)),Je=(e,t)=>{var r={};for(var n in e)J.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&T)for(var n of T(e))t.indexOf(n)<0&&Q.call(e,n)&&(r[n]=e[n]);return r};function Qe(e,t,r={}){const n=r,{debounce:a=0}=n,u=Je(n,["debounce"]);return S(e,t,qe(ze({},u),{eventFilter:R(a)}))}function Xe(e){const t=o.shallowRef();return o.watchSyncEffect(()=>{t.value=e()}),o.readonly(t)}function Ye(e,t){return t==null?o.unref(e):o.unref(e)[t]}var Ze=Object.defineProperty,Ke=Object.defineProperties,ke=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,Y=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,K=(e,t,r)=>t in e?Ze(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,De=(e,t)=>{for(var r in t||(t={}))Y.call(t,r)&&K(e,r,t[r]);if(I)for(var r of I(t))Z.call(t,r)&&K(e,r,t[r]);return e},xe=(e,t)=>Ke(e,ke(t)),et=(e,t)=>{var r={};for(var n in e)Y.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&I)for(var n of I(e))t.indexOf(n)<0&&Z.call(e,n)&&(r[n]=e[n]);return r};function tt(e,t,r={}){const n=r,{eventFilter:a=F}=n,u=et(n,["eventFilter"]),l=$(a,t);let c,d,_;if(u.flush==="sync"){const p=o.ref(!1);d=()=>{},c=f=>{p.value=!0,f(),p.value=!1},_=o.watch(e,(...f)=>{p.value||l(...f)},u)}else{const p=[],f=o.ref(0),s=o.ref(0);d=()=>{f.value=s.value},p.push(o.watch(e,()=>{s.value++},xe(De({},u),{flush:"sync"}))),c=v=>{const y=s.value;v(),f.value+=s.value-y},p.push(o.watch(e,(...v)=>{const y=f.value>0&&f.value===s.value;f.value=0,s.value=0,!y&&l(...v)},u)),_=()=>{p.forEach(v=>v())}}return{stop:_,ignoreUpdates:c,ignorePrevAsyncUpdates:d}}function rt(e){return o.unref(e)!=null}var nt=Object.defineProperty,k=Object.getOwnPropertySymbols,ot=Object.prototype.hasOwnProperty,at=Object.prototype.propertyIsEnumerable,D=(e,t,r)=>t in e?nt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,it=(e,t)=>{for(var r in t||(t={}))ot.call(t,r)&&D(e,r,t[r]);if(k)for(var r of k(t))at.call(t,r)&&D(e,r,t[r]);return e};function ut(e,t){if(typeof Symbol!="undefined"){const r=it({},e);return Object.defineProperty(r,Symbol.iterator,{enumerable:!1,value(){let n=0;return{next:()=>({value:t[n++],done:n>t.length})}}}),r}else return Object.assign([...t],e)}function lt(e){return o.computed(()=>!o.unref(e))}function ct(...e){return o.computed(()=>e.some(t=>o.unref(t)))}var ft=Object.defineProperty,st=Object.defineProperties,pt=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,x=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable,te=(e,t,r)=>t in e?ft(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,dt=(e,t)=>{for(var r in t||(t={}))x.call(t,r)&&te(e,r,t[r]);if(E)for(var r of E(t))ee.call(t,r)&&te(e,r,t[r]);return e},_t=(e,t)=>st(e,pt(t)),vt=(e,t)=>{var r={};for(var n in e)x.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&E)for(var n of E(e))t.indexOf(n)<0&&ee.call(e,n)&&(r[n]=e[n]);return r};function yt(e,t,r={}){const n=r,{eventFilter:a}=n,u=vt(n,["eventFilter"]),{eventFilter:l,pause:c,resume:d,isActive:_}=G(a);return{stop:S(e,t,_t(dt({},u),{eventFilter:l})),pause:c,resume:d,isActive:_}}function Ot(e,t={}){let r=[];if(Array.isArray(t))r=t;else{const{includeOwnProperties:n=!0}=t;r.push(...Object.keys(e)),n&&r.push(...Object.getOwnPropertyNames(e))}return Object.fromEntries(r.map(n=>{const a=e[n];return[n,typeof a=="function"?A(a.bind(e)):a]}))}function ht(e,...t){return o.reactive(Object.fromEntries(t.map(r=>[r,o.toRef(e,r)])))}function wt(e,t){return o.computed({get(){var r;return(r=e.value)!=null?r:t},set(r){e.value=r}})}function Pt(...e){if(e.length===2){const[t,r]=e;t.value=r}if(e.length===3)if(o.isVue2)o.set(...e);else{const[t,r,n]=e;t[r]=n}}function gt(e,t,{flush:r="sync",deep:n=!1,immediate:a=!0}={}){return Array.isArray(t)||(t=[t]),o.watch(e,u=>t.forEach(l=>l.value=u),{flush:r,deep:n,immediate:a})}function re(e,t=200,r=!0,n=!0){return $(W(t,r,n),e)}function ne(e,t=200,r=!0,n=!0){if(t<=0)return e;const a=o.ref(e.value),u=re(()=>{a.value=e.value},t,r,n);return o.watch(e,()=>u()),a}var bt=Object.defineProperty,mt=Object.defineProperties,$t=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,oe=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable,ie=(e,t,r)=>t in e?bt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,St=(e,t)=>{for(var r in t||(t={}))oe.call(t,r)&&ie(e,r,t[r]);if(V)for(var r of V(t))ae.call(t,r)&&ie(e,r,t[r]);return e},jt=(e,t)=>mt(e,$t(t)),Ft=(e,t)=>{var r={};for(var n in e)oe.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&V)for(var n of V(e))t.indexOf(n)<0&&ae.call(e,n)&&(r[n]=e[n]);return r};function Tt(e,t,r={}){const n=r,{throttle:a=0,trailing:u=!0,leading:l=!0}=n,c=Ft(n,["throttle","trailing","leading"]);return S(e,t,jt(St({},c),{eventFilter:W(a,u,l)}))}function It(e){if(!o.isRef(e))return o.reactive(e);const t=new Proxy({},{get(r,n,a){return Reflect.get(e.value,n,a)},set(r,n,a){return e.value[n]=a,!0},deleteProperty(r,n){return Reflect.deleteProperty(e.value,n)},has(r,n){return Reflect.has(e.value,n)},ownKeys(){return Object.keys(e.value)},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}}});return o.reactive(t)}var Et=Object.defineProperty,Vt=Object.defineProperties,Ct=Object.getOwnPropertyDescriptors,ue=Object.getOwnPropertySymbols,At=Object.prototype.hasOwnProperty,Nt=Object.prototype.propertyIsEnumerable,le=(e,t,r)=>t in e?Et(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Rt=(e,t)=>{for(var r in t||(t={}))At.call(t,r)&&le(e,r,t[r]);if(ue)for(var r of ue(t))Nt.call(t,r)&&le(e,r,t[r]);return e},Wt=(e,t)=>Vt(e,Ct(t));function Mt(e){if(!o.isRef(e))return o.toRefs(e);const t=Array.isArray(e.value)?new Array(e.value.length):{};for(const r in e.value)t[r]=o.customRef(()=>({get(){return e.value[r]},set(n){if(Array.isArray(e.value)){const a=[...e.value];a[r]=n,e.value=a}else e.value=Wt(Rt({},e.value),{[r]:n})}}));return t}function Ut(e){o.getCurrentInstance()&&o.onBeforeUnmount(e)}function Bt(e,t=!0){o.getCurrentInstance()?o.onMounted(e):t?e():o.nextTick(e)}function Gt(e){o.getCurrentInstance()&&o.onUnmounted(e)}function Lt(e){let t=!1;function r(f,{flush:s="sync",deep:v=!1,timeout:y,throwOnTimeout:C}={}){let P=null;const ye=[new Promise(ur=>{P=o.watch(e,lr=>{f(lr)===!t&&(P==null||P(),ur())},{flush:s,deep:v,immediate:!0})})];return y&&ye.push(L(y,C).finally(()=>{P==null||P()})),Promise.race(ye)}function n(f,s){return r(v=>v===o.unref(f),s)}function a(f){return r(s=>Boolean(s),f)}function u(f){return n(null,f)}function l(f){return n(void 0,f)}function c(f){return r(Number.isNaN,f)}function d(f,s){return r(v=>{const y=Array.from(v);return y.includes(f)||y.includes(o.unref(f))},s)}function _(f){return p(1,f)}function p(f=1,s){let v=-1;return r(()=>(v+=1,v>=f),s)}return Array.isArray(o.unref(e))?{toMatch:r,toContains:d,changed:_,changedTimes:p,get not(){return t=!t,this}}:{toMatch:r,toBe:n,toBeTruthy:a,toBeNull:u,toBeNaN:c,toBeUndefined:l,changed:_,changedTimes:p,get not(){return t=!t,this}}}function Ht(e=0,t={}){const r=o.ref(e),{max:n=1/0,min:a=-1/0}=t,u=(p=1)=>r.value=Math.min(n,r.value+p),l=(p=1)=>r.value=Math.max(a,r.value-p),c=()=>r.value,d=p=>r.value=p;return{count:r,inc:u,dec:l,get:c,set:d,reset:(p=e)=>(e=p,d(p))}}function ce(e,t=1e3,r={}){const{immediate:n=!0,immediateCallback:a=!1}=r;let u=null;const l=o.ref(!1);function c(){u&&(clearInterval(u),u=null)}function d(){l.value=!1,c()}function _(){t<=0||(l.value=!0,a&&e(),c(),u=setInterval(e,t))}return n&&N&&_(),j(d),{isActive:l,pause:d,resume:_}}var zt=Object.defineProperty,fe=Object.getOwnPropertySymbols,qt=Object.prototype.hasOwnProperty,Jt=Object.prototype.propertyIsEnumerable,se=(e,t,r)=>t in e?zt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Qt=(e,t)=>{for(var r in t||(t={}))qt.call(t,r)&&se(e,r,t[r]);if(fe)for(var r of fe(t))Jt.call(t,r)&&se(e,r,t[r]);return e};function Xt(e=1e3,t={}){const{controls:r=!1,immediate:n=!0}=t,a=o.ref(0),u=ce(()=>a.value+=1,e,{immediate:n});return r?Qt({counter:a},u):a}function Yt(e,t={}){var r;const n=o.ref((r=t.initialValue)!=null?r:null);return o.watch(e,()=>n.value=U(),t),n}function pe(e,t,r={}){const{immediate:n=!0}=r,a=o.ref(!1);let u=null;function l(){u&&(clearTimeout(u),u=null)}function c(){a.value=!1,l()}function d(..._){l(),a.value=!0,u=setTimeout(()=>{a.value=!1,u=null,e(..._)},o.unref(t))}return n&&(a.value=!0,N&&d()),j(c),{isPending:a,start:d,stop:c}}var Zt=Object.defineProperty,de=Object.getOwnPropertySymbols,Kt=Object.prototype.hasOwnProperty,kt=Object.prototype.propertyIsEnumerable,_e=(e,t,r)=>t in e?Zt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Dt=(e,t)=>{for(var r in t||(t={}))Kt.call(t,r)&&_e(e,r,t[r]);if(de)for(var r of de(t))kt.call(t,r)&&_e(e,r,t[r]);return e};function xt(e=1e3,t={}){const{controls:r=!1}=t,n=pe(B,e,t),a=o.computed(()=>!n.isPending.value);return r?Dt({ready:a},n):a}function er(e=!1){if(o.isRef(e))return t=>{e.value=typeof t=="boolean"?t:!e.value};{const t=o.ref(e);return[t,n=>{t.value=typeof n=="boolean"?n:!t.value}]}}var ve=Object.getOwnPropertySymbols,tr=Object.prototype.hasOwnProperty,rr=Object.prototype.propertyIsEnumerable,nr=(e,t)=>{var r={};for(var n in e)tr.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&ve)for(var n of ve(e))t.indexOf(n)<0&&rr.call(e,n)&&(r[n]=e[n]);return r};function or(e,t,r){const n=r,{count:a}=n,u=nr(n,["count"]),l=o.ref(0),c=S(e,(...d)=>{l.value+=1,l.value>=o.unref(a)&&o.nextTick(()=>c()),t(...d)},u);return{count:l,stop:c}}function ar(e,t,r){const n=o.watch(e,(...a)=>(o.nextTick(()=>n()),t(...a)),r)}function ir(e,t,r){return o.watch(e,(n,a,u)=>{n&&t(n,a,u)},r)}i.and=O,i.assert=ge,i.biSyncRef=m,i.bypassFilter=F,i.clamp=Ie,i.containsProp=Ne,i.controlledComputed=g,i.controlledRef=b,i.createEventHook=Oe,i.createFilterWrapper=$,i.createGlobalState=he,i.createReactiveFn=A,i.createSharedComposable=we,i.createSingletonPromise=Ce,i.debounceFilter=R,i.debouncedRef=z,i.debouncedWatch=Qe,i.eagerComputed=Xe,i.extendRef=w,i.get=Ye,i.identity=Ve,i.ignorableWatch=tt,i.increaseWithUnit=Re,i.invoke=Ae,i.isBoolean=be,i.isClient=N,i.isDef=Pe,i.isDefined=rt,i.isFunction=me,i.isNumber=$e,i.isObject=je,i.isString=Se,i.isWindow=Fe,i.makeDestructurable=ut,i.noop=B,i.not=lt,i.now=Te,i.objectPick=We,i.or=ct,i.pausableFilter=G,i.pausableWatch=yt,i.promiseTimeout=L,i.rand=Ee,i.reactify=A,i.reactifyObject=Ot,i.reactivePick=ht,i.refDefault=wt,i.set=Pt,i.syncRef=gt,i.throttleFilter=W,i.throttledRef=ne,i.throttledWatch=Tt,i.timestamp=U,i.toReactive=It,i.toRefs=Mt,i.tryOnBeforeUnmount=Ut,i.tryOnMounted=Bt,i.tryOnScopeDispose=j,i.tryOnUnmounted=Gt,i.until=Lt,i.useCounter=Ht,i.useDebounce=z,i.useDebounceFn=H,i.useInterval=Xt,i.useIntervalFn=ce,i.useLastChanged=Yt,i.useThrottle=ne,i.useThrottleFn=re,i.useTimeout=xt,i.useTimeoutFn=pe,i.useToggle=er,i.watchAtMost=or,i.watchOnce=ar,i.watchWithFilter=S,i.whenever=ir,Object.defineProperty(i,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi);
+(function(i){if(!i.VueDemi){var o={},O=i.Vue;if(O)if(O.version.slice(0,2)==="2."){var m=i.VueCompositionAPI;if(m){for(var g in m)o[g]=m[g];o.isVue2=!0,o.isVue3=!1,o.install=function(){},o.Vue=O,o.Vue2=O,o.version=O.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if(O.version.slice(0,2)==="3."){for(var g in O)o[g]=O[g];o.isVue2=!1,o.isVue3=!0,o.install=function(){},o.Vue=O,o.Vue2=void 0,o.version=O.version,o.set=function(h,P,b){return Array.isArray(h)?(h.length=Math.max(h.length,P),h.splice(P,1,b),b):(h[P]=b,b)},o.del=function(h,P){if(Array.isArray(h)){h.splice(P,1);return}delete h[P]}}else console.error("[vue-demi] Vue version "+O.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");i.VueDemi=o}})(window),function(i,o){"use strict";function O(...e){return o.computed(()=>e.every(t=>o.unref(t)))}function m(e,t){const r="sync",n=o.watch(e,u=>{t.value=u},{flush:r,immediate:!0}),a=o.watch(t,u=>{e.value=u},{flush:r,immediate:!0});return()=>{n(),a()}}function g(e,t){let r,n,a;const u=o.ref(!0);return o.watch(e,()=>{u.value=!0,a()},{flush:"sync"}),o.customRef((l,c)=>(n=l,a=c,{get(){return u.value&&(r=t(),u.value=!1),n(),r},set(){}}))}function h(e="this function"){if(!o.isVue3)throw new Error(`[VueUse] ${e} is only works on Vue 3.`)}function P(e,t,{enumerable:r=!1,unwrap:n=!0}={}){h();for(const[a,u]of Object.entries(t))a!=="value"&&(o.isRef(u)&&n?Object.defineProperty(e,a,{get(){return u.value},set(l){u.value=l},enumerable:r}):Object.defineProperty(e,a,{value:u,enumerable:r}));return e}function b(e,t={}){let r=e,n,a;const u=o.customRef((s,v)=>(n=s,a=v,{get(){return l()},set(y){c(y)}}));function l(s=!0){return s&&n(),r}function c(s,v=!0){var y,A;if(s===r)return;const w=r;((y=t.onBeforeChange)==null?void 0:y.call(t,s,w))!==!1&&(r=s,(A=t.onChanged)==null||A.call(t,s,w),v&&a())}return P(u,{get:l,set:c,untrackedGet:()=>l(!1),silentSet:s=>c(s,!1),peek:()=>l(!1),lay:s=>c(s,!1)},{enumerable:!0})}function Pe(){const e=[],t=a=>{const u=e.indexOf(a);u!==-1&&e.splice(u,1)};return{on:a=>(e.push(a),{off:()=>t(a)}),off:t,trigger:a=>{e.forEach(u=>u(a))}}}function we(e){let t=!1,r;const n=o.effectScope(!0);return()=>(t||(r=n.run(e),t=!0),r)}function N(e){return function(...t){return o.computed(()=>e.apply(this,t.map(r=>o.unref(r))))}}function $(e){return o.getCurrentScope()?(o.onScopeDispose(e),!0):!1}function ge(e){let t=0,r,n;const a=()=>{t-=1,n&&t<=0&&(n.stop(),r=void 0,n=void 0)};return(...u)=>(t+=1,r||(n=o.effectScope(!0),r=n.run(()=>e(...u))),$(a),r)}const F=typeof window!="undefined",be=e=>typeof e!="undefined",me=(e,...t)=>{e||console.warn(...t)},M=Object.prototype.toString,$e=e=>typeof e=="boolean",Se=e=>typeof e=="function",je=e=>typeof e=="number",Fe=e=>typeof e=="string",Ie=e=>M.call(e)==="[object Object]",Ee=e=>typeof window!="undefined"&&M.call(e)==="[object Window]",Te=()=>Date.now(),U=()=>+Date.now(),Ve=(e,t,r)=>Math.min(r,Math.max(t,e)),B=()=>{},Ce=(e,t)=>(e=Math.ceil(e),t=Math.floor(t),Math.floor(Math.random()*(t-e+1))+e);function S(e,t){function r(...n){e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})}return r}const I=e=>e();function R(e,t={}){let r,n;return u=>{const l=o.unref(e),c=o.unref(t.maxWait);if(r&&clearTimeout(r),l<=0||c!==void 0&&c<=0)return n&&(clearTimeout(n),n=null),u();c&&!n&&(n=setTimeout(()=>{r&&clearTimeout(r),n=null,u()},c)),r=setTimeout(()=>{n&&clearTimeout(n),n=null,u()},l)}}function W(e,t=!0,r=!0){let n=0,a,u=!r;const l=()=>{a&&(clearTimeout(a),a=void 0)};return d=>{const _=o.unref(e),p=Date.now()-n;if(l(),_<=0)return n=Date.now(),d();p>_&&(n=Date.now(),u?u=!1:d()),t&&(a=setTimeout(()=>{n=Date.now(),r||(u=!0),l(),d()},_)),!r&&!a&&(a=setTimeout(()=>u=!0,_))}}function G(e=I){const t=o.ref(!0);function r(){t.value=!1}function n(){t.value=!0}return{isActive:t,pause:r,resume:n,eventFilter:(...u)=>{t.value&&e(...u)}}}function L(e,t=!1,r="Timeout"){return new Promise((n,a)=>{setTimeout(t?()=>a(r):n,e)})}function Ae(e){return e}function Ne(e){let t;function r(){return t||(t=e()),t}return r.reset=async()=>{const n=t;t=void 0,n&&await n},r}function Re(e){return e()}function We(e,...t){return t.some(r=>r in e)}function Me(e,t){var r;if(typeof e=="number")return e+t;const n=((r=e.match(/^-?[0-9]+\.?[0-9]*/))==null?void 0:r[0])||"",a=e.slice(n.length),u=parseFloat(n)+t;return Number.isNaN(u)?e:u+a}function Ue(e,t,r=!1){return t.reduce((n,a)=>(a in e&&(!r||!e[a]===void 0)&&(n[a]=e[a]),n),{})}function H(e,t=200,r={}){return S(R(t,r),e)}function z(e,t=200,r={}){if(t<=0)return e;const n=o.ref(e.value),a=H(()=>{n.value=e.value},t,r);return o.watch(e,()=>a()),n}var q=Object.getOwnPropertySymbols,Be=Object.prototype.hasOwnProperty,Ge=Object.prototype.propertyIsEnumerable,Le=(e,t)=>{var r={};for(var n in e)Be.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&q)for(var n of q(e))t.indexOf(n)<0&&Ge.call(e,n)&&(r[n]=e[n]);return r};function j(e,t,r={}){const n=r,{eventFilter:a=I}=n,u=Le(n,["eventFilter"]);return o.watch(e,S(a,t),u)}var He=Object.defineProperty,ze=Object.defineProperties,qe=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable,X=(e,t,r)=>t in e?He(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Je=(e,t)=>{for(var r in t||(t={}))J.call(t,r)&&X(e,r,t[r]);if(E)for(var r of E(t))Q.call(t,r)&&X(e,r,t[r]);return e},Qe=(e,t)=>ze(e,qe(t)),Xe=(e,t)=>{var r={};for(var n in e)J.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&E)for(var n of E(e))t.indexOf(n)<0&&Q.call(e,n)&&(r[n]=e[n]);return r};function Ye(e,t,r={}){const n=r,{debounce:a=0}=n,u=Xe(n,["debounce"]);return j(e,t,Qe(Je({},u),{eventFilter:R(a)}))}var Ze=Object.defineProperty,Ke=Object.defineProperties,ke=Object.getOwnPropertyDescriptors,Y=Object.getOwnPropertySymbols,De=Object.prototype.hasOwnProperty,xe=Object.prototype.propertyIsEnumerable,Z=(e,t,r)=>t in e?Ze(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,et=(e,t)=>{for(var r in t||(t={}))De.call(t,r)&&Z(e,r,t[r]);if(Y)for(var r of Y(t))xe.call(t,r)&&Z(e,r,t[r]);return e},tt=(e,t)=>Ke(e,ke(t));function rt(e,t){var r;const n=o.shallowRef();return o.watchEffect(()=>{n.value=e()},tt(et({},t),{flush:(r=t==null?void 0:t.flush)!=null?r:"sync"})),o.readonly(n)}function nt(e,t){return t==null?o.unref(e):o.unref(e)[t]}var ot=Object.defineProperty,at=Object.defineProperties,it=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,D=(e,t,r)=>t in e?ot(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ut=(e,t)=>{for(var r in t||(t={}))K.call(t,r)&&D(e,r,t[r]);if(T)for(var r of T(t))k.call(t,r)&&D(e,r,t[r]);return e},lt=(e,t)=>at(e,it(t)),ct=(e,t)=>{var r={};for(var n in e)K.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&T)for(var n of T(e))t.indexOf(n)<0&&k.call(e,n)&&(r[n]=e[n]);return r};function ft(e,t,r={}){const n=r,{eventFilter:a=I}=n,u=ct(n,["eventFilter"]),l=S(a,t);let c,d,_;if(u.flush==="sync"){const p=o.ref(!1);d=()=>{},c=f=>{p.value=!0,f(),p.value=!1},_=o.watch(e,(...f)=>{p.value||l(...f)},u)}else{const p=[],f=o.ref(0),s=o.ref(0);d=()=>{f.value=s.value},p.push(o.watch(e,()=>{s.value++},lt(ut({},u),{flush:"sync"}))),c=v=>{const y=s.value;v(),f.value+=s.value-y},p.push(o.watch(e,(...v)=>{const y=f.value>0&&f.value===s.value;f.value=0,s.value=0,!y&&l(...v)},u)),_=()=>{p.forEach(v=>v())}}return{stop:_,ignoreUpdates:c,ignorePrevAsyncUpdates:d}}function st(e){return o.unref(e)!=null}var pt=Object.defineProperty,x=Object.getOwnPropertySymbols,dt=Object.prototype.hasOwnProperty,_t=Object.prototype.propertyIsEnumerable,ee=(e,t,r)=>t in e?pt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,vt=(e,t)=>{for(var r in t||(t={}))dt.call(t,r)&&ee(e,r,t[r]);if(x)for(var r of x(t))_t.call(t,r)&&ee(e,r,t[r]);return e};function yt(e,t){if(typeof Symbol!="undefined"){const r=vt({},e);return Object.defineProperty(r,Symbol.iterator,{enumerable:!1,value(){let n=0;return{next:()=>({value:t[n++],done:n>t.length})}}}),r}else return Object.assign([...t],e)}function Ot(e){return o.computed(()=>!o.unref(e))}function ht(...e){return o.computed(()=>e.some(t=>o.unref(t)))}var Pt=Object.defineProperty,wt=Object.defineProperties,gt=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,te=Object.prototype.hasOwnProperty,re=Object.prototype.propertyIsEnumerable,ne=(e,t,r)=>t in e?Pt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,bt=(e,t)=>{for(var r in t||(t={}))te.call(t,r)&&ne(e,r,t[r]);if(V)for(var r of V(t))re.call(t,r)&&ne(e,r,t[r]);return e},mt=(e,t)=>wt(e,gt(t)),$t=(e,t)=>{var r={};for(var n in e)te.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&V)for(var n of V(e))t.indexOf(n)<0&&re.call(e,n)&&(r[n]=e[n]);return r};function St(e,t,r={}){const n=r,{eventFilter:a}=n,u=$t(n,["eventFilter"]),{eventFilter:l,pause:c,resume:d,isActive:_}=G(a);return{stop:j(e,t,mt(bt({},u),{eventFilter:l})),pause:c,resume:d,isActive:_}}function jt(e,t={}){let r=[];if(Array.isArray(t))r=t;else{const{includeOwnProperties:n=!0}=t;r.push(...Object.keys(e)),n&&r.push(...Object.getOwnPropertyNames(e))}return Object.fromEntries(r.map(n=>{const a=e[n];return[n,typeof a=="function"?N(a.bind(e)):a]}))}function Ft(e,...t){return o.reactive(Object.fromEntries(t.map(r=>[r,o.toRef(e,r)])))}function It(e,t){return o.computed({get(){var r;return(r=e.value)!=null?r:t},set(r){e.value=r}})}function Et(...e){if(e.length===2){const[t,r]=e;t.value=r}if(e.length===3)if(o.isVue2)o.set(...e);else{const[t,r,n]=e;t[r]=n}}function Tt(e,t,{flush:r="sync",deep:n=!1,immediate:a=!0}={}){return Array.isArray(t)||(t=[t]),o.watch(e,u=>t.forEach(l=>l.value=u),{flush:r,deep:n,immediate:a})}function oe(e,t=200,r=!0,n=!0){return S(W(t,r,n),e)}function ae(e,t=200,r=!0,n=!0){if(t<=0)return e;const a=o.ref(e.value),u=oe(()=>{a.value=e.value},t,r,n);return o.watch(e,()=>u()),a}var Vt=Object.defineProperty,Ct=Object.defineProperties,At=Object.getOwnPropertyDescriptors,C=Object.getOwnPropertySymbols,ie=Object.prototype.hasOwnProperty,ue=Object.prototype.propertyIsEnumerable,le=(e,t,r)=>t in e?Vt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Nt=(e,t)=>{for(var r in t||(t={}))ie.call(t,r)&&le(e,r,t[r]);if(C)for(var r of C(t))ue.call(t,r)&&le(e,r,t[r]);return e},Rt=(e,t)=>Ct(e,At(t)),Wt=(e,t)=>{var r={};for(var n in e)ie.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&C)for(var n of C(e))t.indexOf(n)<0&&ue.call(e,n)&&(r[n]=e[n]);return r};function Mt(e,t,r={}){const n=r,{throttle:a=0,trailing:u=!0,leading:l=!0}=n,c=Wt(n,["throttle","trailing","leading"]);return j(e,t,Rt(Nt({},c),{eventFilter:W(a,u,l)}))}function Ut(e){if(!o.isRef(e))return o.reactive(e);const t=new Proxy({},{get(r,n,a){return Reflect.get(e.value,n,a)},set(r,n,a){return e.value[n]=a,!0},deleteProperty(r,n){return Reflect.deleteProperty(e.value,n)},has(r,n){return Reflect.has(e.value,n)},ownKeys(){return Object.keys(e.value)},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}}});return o.reactive(t)}var Bt=Object.defineProperty,Gt=Object.defineProperties,Lt=Object.getOwnPropertyDescriptors,ce=Object.getOwnPropertySymbols,Ht=Object.prototype.hasOwnProperty,zt=Object.prototype.propertyIsEnumerable,fe=(e,t,r)=>t in e?Bt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,qt=(e,t)=>{for(var r in t||(t={}))Ht.call(t,r)&&fe(e,r,t[r]);if(ce)for(var r of ce(t))zt.call(t,r)&&fe(e,r,t[r]);return e},Jt=(e,t)=>Gt(e,Lt(t));function Qt(e){if(!o.isRef(e))return o.toRefs(e);const t=Array.isArray(e.value)?new Array(e.value.length):{};for(const r in e.value)t[r]=o.customRef(()=>({get(){return e.value[r]},set(n){if(Array.isArray(e.value)){const a=[...e.value];a[r]=n,e.value=a}else e.value=Jt(qt({},e.value),{[r]:n})}}));return t}function Xt(e){o.getCurrentInstance()&&o.onBeforeUnmount(e)}function Yt(e,t=!0){o.getCurrentInstance()?o.onMounted(e):t?e():o.nextTick(e)}function Zt(e){o.getCurrentInstance()&&o.onUnmounted(e)}function Kt(e){let t=!1;function r(f,{flush:s="sync",deep:v=!1,timeout:y,throwOnTimeout:A}={}){let w=null;const he=[new Promise(yr=>{w=o.watch(e,Or=>{f(Or)===!t&&(w==null||w(),yr())},{flush:s,deep:v,immediate:!0})})];return y&&he.push(L(y,A).finally(()=>{w==null||w()})),Promise.race(he)}function n(f,s){return r(v=>v===o.unref(f),s)}function a(f){return r(s=>Boolean(s),f)}function u(f){return n(null,f)}function l(f){return n(void 0,f)}function c(f){return r(Number.isNaN,f)}function d(f,s){return r(v=>{const y=Array.from(v);return y.includes(f)||y.includes(o.unref(f))},s)}function _(f){return p(1,f)}function p(f=1,s){let v=-1;return r(()=>(v+=1,v>=f),s)}return Array.isArray(o.unref(e))?{toMatch:r,toContains:d,changed:_,changedTimes:p,get not(){return t=!t,this}}:{toMatch:r,toBe:n,toBeTruthy:a,toBeNull:u,toBeNaN:c,toBeUndefined:l,changed:_,changedTimes:p,get not(){return t=!t,this}}}function kt(e=0,t={}){const r=o.ref(e),{max:n=1/0,min:a=-1/0}=t,u=(p=1)=>r.value=Math.min(n,r.value+p),l=(p=1)=>r.value=Math.max(a,r.value-p),c=()=>r.value,d=p=>r.value=p;return{count:r,inc:u,dec:l,get:c,set:d,reset:(p=e)=>(e=p,d(p))}}function se(e,t=1e3,r={}){const{immediate:n=!0,immediateCallback:a=!1}=r;let u=null;const l=o.ref(!1);function c(){u&&(clearInterval(u),u=null)}function d(){l.value=!1,c()}function _(){t<=0||(l.value=!0,a&&e(),c(),u=setInterval(e,o.unref(t)))}if(n&&F&&_(),o.isRef(t)){const p=o.watch(t,()=>{n&&F&&_()});$(p)}return $(d),{isActive:l,pause:d,resume:_}}var Dt=Object.defineProperty,pe=Object.getOwnPropertySymbols,xt=Object.prototype.hasOwnProperty,er=Object.prototype.propertyIsEnumerable,de=(e,t,r)=>t in e?Dt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,tr=(e,t)=>{for(var r in t||(t={}))xt.call(t,r)&&de(e,r,t[r]);if(pe)for(var r of pe(t))er.call(t,r)&&de(e,r,t[r]);return e};function rr(e=1e3,t={}){const{controls:r=!1,immediate:n=!0}=t,a=o.ref(0),u=se(()=>a.value+=1,e,{immediate:n});return r?tr({counter:a},u):a}function nr(e,t={}){var r;const n=o.ref((r=t.initialValue)!=null?r:null);return o.watch(e,()=>n.value=U(),t),n}function _e(e,t,r={}){const{immediate:n=!0}=r,a=o.ref(!1);let u=null;function l(){u&&(clearTimeout(u),u=null)}function c(){a.value=!1,l()}function d(..._){l(),a.value=!0,u=setTimeout(()=>{a.value=!1,u=null,e(..._)},o.unref(t))}return n&&(a.value=!0,F&&d()),$(c),{isPending:a,start:d,stop:c}}var or=Object.defineProperty,ve=Object.getOwnPropertySymbols,ar=Object.prototype.hasOwnProperty,ir=Object.prototype.propertyIsEnumerable,ye=(e,t,r)=>t in e?or(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ur=(e,t)=>{for(var r in t||(t={}))ar.call(t,r)&&ye(e,r,t[r]);if(ve)for(var r of ve(t))ir.call(t,r)&&ye(e,r,t[r]);return e};function lr(e=1e3,t={}){const{controls:r=!1}=t,n=_e(B,e,t),a=o.computed(()=>!n.isPending.value);return r?ur({ready:a},n):a}function cr(e=!1){if(o.isRef(e))return t=>{e.value=typeof t=="boolean"?t:!e.value};{const t=o.ref(e);return[t,n=>{t.value=typeof n=="boolean"?n:!t.value}]}}var Oe=Object.getOwnPropertySymbols,fr=Object.prototype.hasOwnProperty,sr=Object.prototype.propertyIsEnumerable,pr=(e,t)=>{var r={};for(var n in e)fr.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&Oe)for(var n of Oe(e))t.indexOf(n)<0&&sr.call(e,n)&&(r[n]=e[n]);return r};function dr(e,t,r){const n=r,{count:a}=n,u=pr(n,["count"]),l=o.ref(0),c=j(e,(...d)=>{l.value+=1,l.value>=o.unref(a)&&o.nextTick(()=>c()),t(...d)},u);return{count:l,stop:c}}function _r(e,t,r){const n=o.watch(e,(...a)=>(o.nextTick(()=>n()),t(...a)),r)}function vr(e,t,r){return o.watch(e,(n,a,u)=>{n&&t(n,a,u)},r)}i.and=O,i.assert=me,i.biSyncRef=m,i.bypassFilter=I,i.clamp=Ve,i.containsProp=We,i.controlledComputed=g,i.controlledRef=b,i.createEventHook=Pe,i.createFilterWrapper=S,i.createGlobalState=we,i.createReactiveFn=N,i.createSharedComposable=ge,i.createSingletonPromise=Ne,i.debounceFilter=R,i.debouncedRef=z,i.debouncedWatch=Ye,i.eagerComputed=rt,i.extendRef=P,i.get=nt,i.identity=Ae,i.ignorableWatch=ft,i.increaseWithUnit=Me,i.invoke=Re,i.isBoolean=$e,i.isClient=F,i.isDef=be,i.isDefined=st,i.isFunction=Se,i.isNumber=je,i.isObject=Ie,i.isString=Fe,i.isWindow=Ee,i.makeDestructurable=yt,i.noop=B,i.not=Ot,i.now=Te,i.objectPick=Ue,i.or=ht,i.pausableFilter=G,i.pausableWatch=St,i.promiseTimeout=L,i.rand=Ce,i.reactify=N,i.reactifyObject=jt,i.reactivePick=Ft,i.refDefault=It,i.set=Et,i.syncRef=Tt,i.throttleFilter=W,i.throttledRef=ae,i.throttledWatch=Mt,i.timestamp=U,i.toReactive=Ut,i.toRefs=Qt,i.tryOnBeforeUnmount=Xt,i.tryOnMounted=Yt,i.tryOnScopeDispose=$,i.tryOnUnmounted=Zt,i.until=Kt,i.useCounter=kt,i.useDebounce=z,i.useDebounceFn=H,i.useInterval=rr,i.useIntervalFn=se,i.useLastChanged=nr,i.useThrottle=ae,i.useThrottleFn=oe,i.useTimeout=lr,i.useTimeoutFn=_e,i.useToggle=cr,i.watchAtMost=dr,i.watchOnce=_r,i.watchWithFilter=j,i.whenever=vr,Object.defineProperty(i,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi);

package/index.mjs

@@ -1,4 +1,4 @@
-import { computed, unref, watch, ref, customRef, isVue3, isRef, effectScope, getCurrentScope, onScopeDispose, shallowRef, watchSyncEffect, readonly, reactive, toRef, isVue2, set as set$1, toRefs as toRefs$1, getCurrentInstance, onBeforeUnmount, onMounted, nextTick, onUnmounted } from 'vue-demi';
+import { computed, unref, watch, ref, customRef, isVue3, isRef, effectScope, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, reactive, toRef, isVue2, set as set$1, toRefs as toRefs$1, getCurrentInstance, onBeforeUnmount, onMounted, nextTick, onUnmounted } from 'vue-demi';
 
 function and(...args) {
   return computed(() => args.every((i) => unref(i)));
@@ -386,17 +386,17 @@ function useDebounce(value, ms = 200, options = {}) {
   return debounced;
 }
 
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
 var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+  if (source != null && __getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -410,33 +410,33 @@ function watchWithFilter(source, cb, options = {}) {
   return watch(source, createFilterWrapper(eventFilter, cb), watchOptions);
 }
 
-var __defProp$7 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = 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) => {
+var __defProp$8 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = 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$8.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$9.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))
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -447,16 +447,38 @@ function debouncedWatch(source, cb, options = {}) {
   } = _a, watchOptions = __objRest$4(_a, [
     "debounce"
   ]);
-  return watchWithFilter(source, cb, __spreadProps$4(__spreadValues$7({}, watchOptions), {
+  return watchWithFilter(source, cb, __spreadProps$5(__spreadValues$8({}, watchOptions), {
     eventFilter: debounceFilter(debounce)
   }));
 }
 
-function eagerComputed(fn) {
+var __defProp$7 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = 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$8.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+function eagerComputed(fn, options) {
+  var _a;
   const result = shallowRef();
-  watchSyncEffect(() => {
+  watchEffect(() => {
     result.value = fn();
-  });
+  }, __spreadProps$4(__spreadValues$7({}, options), {
+    flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
+  }));
   return readonly(result);
 }
 
@@ -982,10 +1004,17 @@ function useIntervalFn(cb, interval = 1e3, options = {}) {
     if (immediateCallback)
       cb();
     clean();
-    timer = setInterval(cb, interval);
+    timer = setInterval(cb, unref(interval));
   }
   if (immediate && isClient)
     resume();
+  if (isRef(interval)) {
+    const stopWatch = watch(interval, () => {
+      if (immediate && isClient)
+        resume();
+    });
+    tryOnScopeDispose(stopWatch);
+  }
   tryOnScopeDispose(pause);
   return {
     isActive,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/shared",
-  "version": "7.5.5",
+  "version": "7.6.0",
   "keywords": [
     "vue",
     "vue-use",