@vueuse/integrations 10.0.0-beta.2 → 10.0.0-beta.4

package/useDrauu.iife.js

@@ -196,24 +196,28 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
         shiftPressed.value = drauuInstance.value.shiftPressed;
       }
     };
-    vueDemi.watch(() => core.unrefElement(target), (el) => {
-      if (!el || typeof SVGSVGElement === "undefined" || !(el instanceof SVGSVGElement))
-        return;
-      if (drauuInstance.value)
-        cleanup();
-      drauuInstance.value = drauu.createDrauu(__spreadValues({ el }, options));
-      syncStatus();
-      disposables = [
-        drauuInstance.value.on("canceled", () => onCanceledHook.trigger()),
-        drauuInstance.value.on("committed", () => onCommittedHook.trigger()),
-        drauuInstance.value.on("start", () => onStartHook.trigger()),
-        drauuInstance.value.on("end", () => onEndHook.trigger()),
-        drauuInstance.value.on("changed", () => {
-          syncStatus();
-          onChangedHook.trigger();
-        })
-      ];
-    }, { flush: "post" });
+    vueDemi.watch(
+      () => core.unrefElement(target),
+      (el) => {
+        if (!el || typeof SVGSVGElement === "undefined" || !(el instanceof SVGSVGElement))
+          return;
+        if (drauuInstance.value)
+          cleanup();
+        drauuInstance.value = drauu.createDrauu(__spreadValues({ el }, options));
+        syncStatus();
+        disposables = [
+          drauuInstance.value.on("canceled", () => onCanceledHook.trigger()),
+          drauuInstance.value.on("committed", () => onCommittedHook.trigger()),
+          drauuInstance.value.on("start", () => onStartHook.trigger()),
+          drauuInstance.value.on("end", () => onEndHook.trigger()),
+          drauuInstance.value.on("changed", () => {
+            syncStatus();
+            onChangedHook.trigger();
+          })
+        ];
+      },
+      { flush: "post" }
+    );
     shared.tryOnScopeDispose(() => cleanup());
     return {
       drauuInstance,

package/useDrauu.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(r,n,f){if(r.install)return r;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),r;if(n.version.slice(0,4)==="2.7."){let a=function(l,c){var u,v={},p={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(d,t){return v[d]=t,this},directive:function(d,t){return t?(n.directive(d,t),p):n.directive(d)},mount:function(d,t){return u||(u=new n(Object.assign({propsData:c},l,{provide:Object.assign(v,l.provide)})),u.$mount(d,t),u)},unmount:function(){u&&(u.$destroy(),u=void 0)}};return p};var A=a;for(var s in n)r[s]=n[s];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version,r.warn=n.util.warn,r.createApp=a}else if(n.version.slice(0,2)==="2.")if(f){for(var s in f)r[s]=f[s];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var s in n)r[s]=n[s];r.isVue2=!1,r.isVue3=!0,r.install=function(){},r.Vue=n,r.Vue2=void 0,r.version=n.version,r.set=function(a,l,c){return Array.isArray(a)?(a.length=Math.max(a.length,l),a.splice(l,1,c),c):(a[l]=c,c)},r.del=function(a,l){if(Array.isArray(a)){a.splice(l,1);return}delete a[l]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return r}(this.VueDemi=this.VueDemi||(typeof VueDemi!="undefined"?VueDemi:{}),this.Vue||(typeof Vue!="undefined"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI!="undefined"?VueCompositionAPI:void 0));(function(r,n,f,s,A){"use strict";var a=Object.defineProperty,l=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,v=(t,i,e)=>i in t?a(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e,p=(t,i)=>{for(var e in i||(i={}))c.call(i,e)&&v(t,e,i[e]);if(l)for(var e of l(i))u.call(i,e)&&v(t,e,i[e]);return t};function d(t,i){const e=n.ref();let g=[];const y=s.createEventHook(),b=s.createEventHook(),E=s.createEventHook(),P=s.createEventHook(),w=s.createEventHook(),O=n.ref(!1),H=n.ref(!1),C=n.ref(!1),m=n.ref(!1),h=n.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw"});n.watch(h,()=>{const o=e.value;o&&(o.brush=h.value,o.mode=h.value.mode)},{deep:!0});const U=()=>{var o;return(o=e.value)==null?void 0:o.undo()},I=()=>{var o;return(o=e.value)==null?void 0:o.redo()},j=()=>{var o;return(o=e.value)==null?void 0:o.clear()},G=()=>{var o;return(o=e.value)==null?void 0:o.cancel()},x=o=>{var _;return(_=e.value)==null?void 0:_.load(o)},R=()=>{var o;return(o=e.value)==null?void 0:o.dump()},S=()=>{var o;g.forEach(_=>_()),(o=e.value)==null||o.unmount()},k=()=>{e.value&&(O.value=e.value.canUndo(),H.value=e.value.canRedo(),C.value=e.value.altPressed,m.value=e.value.shiftPressed)};return n.watch(()=>s.unrefElement(t),o=>{!o||typeof SVGSVGElement=="undefined"||!(o instanceof SVGSVGElement)||(e.value&&S(),e.value=f.createDrauu(p({el:o},i)),k(),g=[e.value.on("canceled",()=>b.trigger()),e.value.on("committed",()=>E.trigger()),e.value.on("start",()=>P.trigger()),e.value.on("end",()=>w.trigger()),e.value.on("changed",()=>{k(),y.trigger()})])},{flush:"post"}),A.tryOnScopeDispose(()=>S()),{drauuInstance:e,load:x,dump:R,clear:j,cancel:G,undo:U,redo:I,canUndo:O,canRedo:H,brush:h,onChanged:y.on,onCommitted:E.on,onStart:P.on,onEnd:w.on,onCanceled:b.on}}r.useDrauu=d})(this.VueUse=this.VueUse||{},VueDemi,Drauu,VueUse,VueUse);
+var VueDemi=function(r,n,f){if(r.install)return r;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),r;if(n.version.slice(0,4)==="2.7."){let a=function(l,c){var u,v={},p={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(d,t){return v[d]=t,this},directive:function(d,t){return t?(n.directive(d,t),p):n.directive(d)},mount:function(d,t){return u||(u=new n(Object.assign({propsData:c},l,{provide:Object.assign(v,l.provide)})),u.$mount(d,t),u)},unmount:function(){u&&(u.$destroy(),u=void 0)}};return p};var A=a;for(var s in n)r[s]=n[s];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version,r.warn=n.util.warn,r.createApp=a}else if(n.version.slice(0,2)==="2.")if(f){for(var s in f)r[s]=f[s];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var s in n)r[s]=n[s];r.isVue2=!1,r.isVue3=!0,r.install=function(){},r.Vue=n,r.Vue2=void 0,r.version=n.version,r.set=function(a,l,c){return Array.isArray(a)?(a.length=Math.max(a.length,l),a.splice(l,1,c),c):(a[l]=c,c)},r.del=function(a,l){if(Array.isArray(a)){a.splice(l,1);return}delete a[l]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return r}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(r,n,f,s,A){"use strict";var a=Object.defineProperty,l=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,v=(t,i,e)=>i in t?a(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e,p=(t,i)=>{for(var e in i||(i={}))c.call(i,e)&&v(t,e,i[e]);if(l)for(var e of l(i))u.call(i,e)&&v(t,e,i[e]);return t};function d(t,i){const e=n.ref();let g=[];const y=s.createEventHook(),b=s.createEventHook(),E=s.createEventHook(),P=s.createEventHook(),w=s.createEventHook(),O=n.ref(!1),H=n.ref(!1),C=n.ref(!1),m=n.ref(!1),h=n.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw"});n.watch(h,()=>{const o=e.value;o&&(o.brush=h.value,o.mode=h.value.mode)},{deep:!0});const U=()=>{var o;return(o=e.value)==null?void 0:o.undo()},I=()=>{var o;return(o=e.value)==null?void 0:o.redo()},j=()=>{var o;return(o=e.value)==null?void 0:o.clear()},G=()=>{var o;return(o=e.value)==null?void 0:o.cancel()},x=o=>{var _;return(_=e.value)==null?void 0:_.load(o)},R=()=>{var o;return(o=e.value)==null?void 0:o.dump()},S=()=>{var o;g.forEach(_=>_()),(o=e.value)==null||o.unmount()},k=()=>{e.value&&(O.value=e.value.canUndo(),H.value=e.value.canRedo(),C.value=e.value.altPressed,m.value=e.value.shiftPressed)};return n.watch(()=>s.unrefElement(t),o=>{!o||typeof SVGSVGElement>"u"||!(o instanceof SVGSVGElement)||(e.value&&S(),e.value=f.createDrauu(p({el:o},i)),k(),g=[e.value.on("canceled",()=>b.trigger()),e.value.on("committed",()=>E.trigger()),e.value.on("start",()=>P.trigger()),e.value.on("end",()=>w.trigger()),e.value.on("changed",()=>{k(),y.trigger()})])},{flush:"post"}),A.tryOnScopeDispose(()=>S()),{drauuInstance:e,load:x,dump:R,clear:j,cancel:G,undo:U,redo:I,canUndo:O,canRedo:H,brush:h,onChanged:y.on,onCommitted:E.on,onStart:P.on,onEnd:w.on,onCanceled:b.on}}r.useDrauu=d})(this.VueUse=this.VueUse||{},VueDemi,Drauu,VueUse,VueUse);

package/useDrauu.mjs

@@ -84,24 +84,28 @@ function useDrauu(target, options) {
       shiftPressed.value = drauuInstance.value.shiftPressed;
     }
   };
-  watch(() => unrefElement(target), (el) => {
-    if (!el || typeof SVGSVGElement === "undefined" || !(el instanceof SVGSVGElement))
-      return;
-    if (drauuInstance.value)
-      cleanup();
-    drauuInstance.value = createDrauu(__spreadValues({ el }, options));
-    syncStatus();
-    disposables = [
-      drauuInstance.value.on("canceled", () => onCanceledHook.trigger()),
-      drauuInstance.value.on("committed", () => onCommittedHook.trigger()),
-      drauuInstance.value.on("start", () => onStartHook.trigger()),
-      drauuInstance.value.on("end", () => onEndHook.trigger()),
-      drauuInstance.value.on("changed", () => {
-        syncStatus();
-        onChangedHook.trigger();
-      })
-    ];
-  }, { flush: "post" });
+  watch(
+    () => unrefElement(target),
+    (el) => {
+      if (!el || typeof SVGSVGElement === "undefined" || !(el instanceof SVGSVGElement))
+        return;
+      if (drauuInstance.value)
+        cleanup();
+      drauuInstance.value = createDrauu(__spreadValues({ el }, options));
+      syncStatus();
+      disposables = [
+        drauuInstance.value.on("canceled", () => onCanceledHook.trigger()),
+        drauuInstance.value.on("committed", () => onCommittedHook.trigger()),
+        drauuInstance.value.on("start", () => onStartHook.trigger()),
+        drauuInstance.value.on("end", () => onEndHook.trigger()),
+        drauuInstance.value.on("changed", () => {
+          syncStatus();
+          onChangedHook.trigger();
+        })
+      ];
+    },
+    { flush: "post" }
+  );
   tryOnScopeDispose(() => cleanup());
   return {
     drauuInstance,

package/useFocusTrap/component.cjs

@@ -12,12 +12,16 @@ const UseFocusTrap = /* @__PURE__ */ /* #__PURE__ */ vueDemi.defineComponent({
     const target = vueDemi.ref();
     const activate = () => trap && trap.activate();
     const deactivate = () => trap && trap.deactivate();
-    vueDemi.watch(() => core.unrefElement(target), (el) => {
-      if (!el)
-        return;
-      trap = focusTrap.createFocusTrap(el, props.options || {});
-      activate();
-    }, { flush: "post" });
+    vueDemi.watch(
+      () => core.unrefElement(target),
+      (el) => {
+        if (!el)
+          return;
+        trap = focusTrap.createFocusTrap(el, props.options || {});
+        activate();
+      },
+      { flush: "post" }
+    );
     vueDemi.onScopeDispose(() => deactivate());
     return () => {
       if (slots.default)

package/useFocusTrap/component.mjs

@@ -10,12 +10,16 @@ const UseFocusTrap = /* @__PURE__ */ /* #__PURE__ */ defineComponent({
     const target = ref();
     const activate = () => trap && trap.activate();
     const deactivate = () => trap && trap.deactivate();
-    watch(() => unrefElement(target), (el) => {
-      if (!el)
-        return;
-      trap = createFocusTrap(el, props.options || {});
-      activate();
-    }, { flush: "post" });
+    watch(
+      () => unrefElement(target),
+      (el) => {
+        if (!el)
+          return;
+        trap = createFocusTrap(el, props.options || {});
+        activate();
+      },
+      { flush: "post" }
+    );
     onScopeDispose(() => deactivate());
     return () => {
       if (slots.default)

package/useFocusTrap.cjs

@@ -54,24 +54,28 @@ function useFocusTrap(target, options = {}) {
       isPaused.value = false;
     }
   };
-  vueDemi.watch(() => core.unrefElement(target), (el) => {
-    if (!el)
-      return;
-    trap = focusTrap.createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
-      onActivate() {
-        hasFocus.value = true;
-        if (options.onActivate)
-          options.onActivate();
-      },
-      onDeactivate() {
-        hasFocus.value = false;
-        if (options.onDeactivate)
-          options.onDeactivate();
-      }
-    }));
-    if (immediate)
-      activate();
-  }, { flush: "post" });
+  vueDemi.watch(
+    () => core.unrefElement(target),
+    (el) => {
+      if (!el)
+        return;
+      trap = focusTrap.createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
+        onActivate() {
+          hasFocus.value = true;
+          if (options.onActivate)
+            options.onActivate();
+        },
+        onDeactivate() {
+          hasFocus.value = false;
+          if (options.onDeactivate)
+            options.onDeactivate();
+        }
+      }));
+      if (immediate)
+        activate();
+    },
+    { flush: "post" }
+  );
   core.tryOnScopeDispose(() => deactivate());
   return {
     hasFocus,

package/useFocusTrap.iife.js

@@ -165,24 +165,28 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
         isPaused.value = false;
       }
     };
-    vueDemi.watch(() => core.unrefElement(target), (el) => {
-      if (!el)
-        return;
-      trap = focusTrap.createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
-        onActivate() {
-          hasFocus.value = true;
-          if (options.onActivate)
-            options.onActivate();
-        },
-        onDeactivate() {
-          hasFocus.value = false;
-          if (options.onDeactivate)
-            options.onDeactivate();
-        }
-      }));
-      if (immediate)
-        activate();
-    }, { flush: "post" });
+    vueDemi.watch(
+      () => core.unrefElement(target),
+      (el) => {
+        if (!el)
+          return;
+        trap = focusTrap.createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
+          onActivate() {
+            hasFocus.value = true;
+            if (options.onActivate)
+              options.onActivate();
+          },
+          onDeactivate() {
+            hasFocus.value = false;
+            if (options.onDeactivate)
+              options.onDeactivate();
+          }
+        }));
+        if (immediate)
+          activate();
+      },
+      { flush: "post" }
+    );
     core.tryOnScopeDispose(() => deactivate());
     return {
       hasFocus,

package/useFocusTrap.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(r,n,u){if(r.install)return r;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),r;if(n.version.slice(0,4)==="2.7."){let s=function(a,f){var c,_={},O={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(l,p){return _[l]=p,this},directive:function(l,p){return p?(n.directive(l,p),O):n.directive(l)},mount:function(l,p){return c||(c=new n(Object.assign({propsData:f},a,{provide:Object.assign(_,a.provide)})),c.$mount(l,p),c)},unmount:function(){c&&(c.$destroy(),c=void 0)}};return O};var w=s;for(var v in n)r[v]=n[v];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version,r.warn=n.util.warn,r.createApp=s}else if(n.version.slice(0,2)==="2.")if(u){for(var v in u)r[v]=u[v];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var v in n)r[v]=n[v];r.isVue2=!1,r.isVue3=!0,r.install=function(){},r.Vue=n,r.Vue2=void 0,r.version=n.version,r.set=function(s,a,f){return Array.isArray(s)?(s.length=Math.max(s.length,a),s.splice(a,1,f),f):(s[a]=f,f)},r.del=function(s,a){if(Array.isArray(s)){s.splice(a,1);return}delete s[a]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return r}(this.VueDemi=this.VueDemi||(typeof VueDemi!="undefined"?VueDemi:{}),this.Vue||(typeof Vue!="undefined"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI!="undefined"?VueCompositionAPI:void 0));(function(r,n,u,v){"use strict";var w=Object.defineProperty,s=Object.defineProperties,a=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,O=(i,t,e)=>t in i?w(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,l=(i,t)=>{for(var e in t||(t={}))c.call(t,e)&&O(i,e,t[e]);if(f)for(var e of f(t))_.call(t,e)&&O(i,e,t[e]);return i},p=(i,t)=>s(i,a(t)),A=(i,t)=>{var e={};for(var o in i)c.call(i,o)&&t.indexOf(o)<0&&(e[o]=i[o]);if(i!=null&&f)for(var o of f(i))t.indexOf(o)<0&&_.call(i,o)&&(e[o]=i[o]);return e};function j(i,t={}){let e;const o=t,{immediate:g}=o,T=A(o,["immediate"]),h=u.ref(!1),P=u.ref(!1),b=d=>e&&e.activate(d),y=d=>e&&e.deactivate(d),x=()=>{e&&(e.pause(),P.value=!0)},F=()=>{e&&(e.unpause(),P.value=!1)};return u.watch(()=>n.unrefElement(i),d=>{!d||(e=v.createFocusTrap(d,p(l({},T),{onActivate(){h.value=!0,t.onActivate&&t.onActivate()},onDeactivate(){h.value=!1,t.onDeactivate&&t.onDeactivate()}})),g&&b())},{flush:"post"}),n.tryOnScopeDispose(()=>y()),{hasFocus:h,isPaused:P,activate:b,deactivate:y,pause:x,unpause:F}}r.useFocusTrap=j})(this.VueUse=this.VueUse||{},VueUse,VueDemi,focusTrap);
+var VueDemi=function(r,n,u){if(r.install)return r;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),r;if(n.version.slice(0,4)==="2.7."){let s=function(a,f){var c,_={},O={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(l,p){return _[l]=p,this},directive:function(l,p){return p?(n.directive(l,p),O):n.directive(l)},mount:function(l,p){return c||(c=new n(Object.assign({propsData:f},a,{provide:Object.assign(_,a.provide)})),c.$mount(l,p),c)},unmount:function(){c&&(c.$destroy(),c=void 0)}};return O};var w=s;for(var v in n)r[v]=n[v];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version,r.warn=n.util.warn,r.createApp=s}else if(n.version.slice(0,2)==="2.")if(u){for(var v in u)r[v]=u[v];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var v in n)r[v]=n[v];r.isVue2=!1,r.isVue3=!0,r.install=function(){},r.Vue=n,r.Vue2=void 0,r.version=n.version,r.set=function(s,a,f){return Array.isArray(s)?(s.length=Math.max(s.length,a),s.splice(a,1,f),f):(s[a]=f,f)},r.del=function(s,a){if(Array.isArray(s)){s.splice(a,1);return}delete s[a]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return r}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(r,n,u,v){"use strict";var w=Object.defineProperty,s=Object.defineProperties,a=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,O=(i,t,e)=>t in i?w(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,l=(i,t)=>{for(var e in t||(t={}))c.call(t,e)&&O(i,e,t[e]);if(f)for(var e of f(t))_.call(t,e)&&O(i,e,t[e]);return i},p=(i,t)=>s(i,a(t)),A=(i,t)=>{var e={};for(var o in i)c.call(i,o)&&t.indexOf(o)<0&&(e[o]=i[o]);if(i!=null&&f)for(var o of f(i))t.indexOf(o)<0&&_.call(i,o)&&(e[o]=i[o]);return e};function j(i,t={}){let e;const o=t,{immediate:g}=o,T=A(o,["immediate"]),h=u.ref(!1),P=u.ref(!1),b=d=>e&&e.activate(d),y=d=>e&&e.deactivate(d),x=()=>{e&&(e.pause(),P.value=!0)},F=()=>{e&&(e.unpause(),P.value=!1)};return u.watch(()=>n.unrefElement(i),d=>{d&&(e=v.createFocusTrap(d,p(l({},T),{onActivate(){h.value=!0,t.onActivate&&t.onActivate()},onDeactivate(){h.value=!1,t.onDeactivate&&t.onDeactivate()}})),g&&b())},{flush:"post"}),n.tryOnScopeDispose(()=>y()),{hasFocus:h,isPaused:P,activate:b,deactivate:y,pause:x,unpause:F}}r.useFocusTrap=j})(this.VueUse=this.VueUse||{},VueUse,VueDemi,focusTrap);

package/useFocusTrap.mjs

@@ -52,24 +52,28 @@ function useFocusTrap(target, options = {}) {
       isPaused.value = false;
     }
   };
-  watch(() => unrefElement(target), (el) => {
-    if (!el)
-      return;
-    trap = createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
-      onActivate() {
-        hasFocus.value = true;
-        if (options.onActivate)
-          options.onActivate();
-      },
-      onDeactivate() {
-        hasFocus.value = false;
-        if (options.onDeactivate)
-          options.onDeactivate();
-      }
-    }));
-    if (immediate)
-      activate();
-  }, { flush: "post" });
+  watch(
+    () => unrefElement(target),
+    (el) => {
+      if (!el)
+        return;
+      trap = createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
+        onActivate() {
+          hasFocus.value = true;
+          if (options.onActivate)
+            options.onActivate();
+        },
+        onDeactivate() {
+          hasFocus.value = false;
+          if (options.onDeactivate)
+            options.onDeactivate();
+        }
+      }));
+      if (immediate)
+        activate();
+    },
+    { flush: "post" }
+  );
   tryOnScopeDispose(() => deactivate());
   return {
     hasFocus,

package/useFuse.cjs

@@ -7,24 +7,35 @@ var shared = require('@vueuse/shared');
 function useFuse(search, data, options) {
   const createFuse = () => {
     var _a, _b;
-    return new Fuse((_a = shared.resolveUnref(data)) != null ? _a : [], (_b = shared.resolveUnref(options)) == null ? void 0 : _b.fuseOptions);
+    return new Fuse(
+      (_a = shared.toValue(data)) != null ? _a : [],
+      (_b = shared.toValue(options)) == null ? void 0 : _b.fuseOptions
+    );
   };
   const fuse = vueDemi.ref(createFuse());
-  vueDemi.watch(() => {
-    var _a;
-    return (_a = shared.resolveUnref(options)) == null ? void 0 : _a.fuseOptions;
-  }, () => {
-    fuse.value = createFuse();
-  }, { deep: true });
-  vueDemi.watch(() => shared.resolveUnref(data), (newData) => {
-    fuse.value.setCollection(newData);
-  }, { deep: true });
+  vueDemi.watch(
+    () => {
+      var _a;
+      return (_a = shared.toValue(options)) == null ? void 0 : _a.fuseOptions;
+    },
+    () => {
+      fuse.value = createFuse();
+    },
+    { deep: true }
+  );
+  vueDemi.watch(
+    () => shared.toValue(data),
+    (newData) => {
+      fuse.value.setCollection(newData);
+    },
+    { deep: true }
+  );
   const results = vueDemi.computed(() => {
-    const resolved = shared.resolveUnref(options);
-    if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !vueDemi.unref(search))
-      return shared.resolveUnref(data).map((item, index) => ({ item, refIndex: index }));
+    const resolved = shared.toValue(options);
+    if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !shared.toValue(search))
+      return shared.toValue(data).map((item, index) => ({ item, refIndex: index }));
     const limit = resolved == null ? void 0 : resolved.resultLimit;
-    return fuse.value.search(shared.resolveUnref(search), limit ? { limit } : void 0);
+    return fuse.value.search(shared.toValue(search), limit ? { limit } : void 0);
   });
   return {
     fuse,

package/useFuse.d.ts

@@ -1,7 +1,7 @@
 import * as vue_demi from 'vue-demi';
 import { ComputedRef } from 'vue-demi';
 import Fuse from 'fuse.js';
-import { MaybeComputedRef } from '@vueuse/shared';
+import { MaybeRefOrGetter } from '@vueuse/shared';
 
 type FuseOptions<T> = Fuse.IFuseOptions<T>;
 interface UseFuseOptions<T> {
@@ -9,7 +9,7 @@ interface UseFuseOptions<T> {
     resultLimit?: number;
     matchAllWhenSearchEmpty?: boolean;
 }
-declare function useFuse<DataItem>(search: MaybeComputedRef<string>, data: MaybeComputedRef<DataItem[]>, options?: MaybeComputedRef<UseFuseOptions<DataItem>>): {
+declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): {
     fuse: vue_demi.Ref<{
         search: <R = DataItem>(pattern: string | Fuse.Expression, options?: Fuse.FuseSearchOptions | undefined) => Fuse.FuseResult<R>[];
         setCollection: (docs: readonly DataItem[], index?: Fuse.FuseIndex<DataItem> | undefined) => void;

package/useFuse.iife.js

@@ -118,24 +118,35 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   function useFuse(search, data, options) {
     const createFuse = () => {
       var _a, _b;
-      return new Fuse((_a = shared.resolveUnref(data)) != null ? _a : [], (_b = shared.resolveUnref(options)) == null ? void 0 : _b.fuseOptions);
+      return new Fuse(
+        (_a = shared.toValue(data)) != null ? _a : [],
+        (_b = shared.toValue(options)) == null ? void 0 : _b.fuseOptions
+      );
     };
     const fuse = vueDemi.ref(createFuse());
-    vueDemi.watch(() => {
-      var _a;
-      return (_a = shared.resolveUnref(options)) == null ? void 0 : _a.fuseOptions;
-    }, () => {
-      fuse.value = createFuse();
-    }, { deep: true });
-    vueDemi.watch(() => shared.resolveUnref(data), (newData) => {
-      fuse.value.setCollection(newData);
-    }, { deep: true });
+    vueDemi.watch(
+      () => {
+        var _a;
+        return (_a = shared.toValue(options)) == null ? void 0 : _a.fuseOptions;
+      },
+      () => {
+        fuse.value = createFuse();
+      },
+      { deep: true }
+    );
+    vueDemi.watch(
+      () => shared.toValue(data),
+      (newData) => {
+        fuse.value.setCollection(newData);
+      },
+      { deep: true }
+    );
     const results = vueDemi.computed(() => {
-      const resolved = shared.resolveUnref(options);
-      if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !vueDemi.unref(search))
-        return shared.resolveUnref(data).map((item, index) => ({ item, refIndex: index }));
+      const resolved = shared.toValue(options);
+      if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !shared.toValue(search))
+        return shared.toValue(data).map((item, index) => ({ item, refIndex: index }));
       const limit = resolved == null ? void 0 : resolved.resultLimit;
-      return fuse.value.search(shared.resolveUnref(search), limit ? { limit } : void 0);
+      return fuse.value.search(shared.toValue(search), limit ? { limit } : void 0);
     });
     return {
       fuse,

package/useFuse.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(n,e,u){if(n.install)return n;if(!e)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),n;if(e.version.slice(0,4)==="2.7."){let i=function(o,l){var f,c={},v={config:e.config,use:e.use.bind(e),mixin:e.mixin.bind(e),component:e.component.bind(e),provide:function(r,t){return c[r]=t,this},directive:function(r,t){return t?(e.directive(r,t),v):e.directive(r)},mount:function(r,t){return f||(f=new e(Object.assign({propsData:l},o,{provide:Object.assign(c,o.provide)})),f.$mount(r,t),f)},unmount:function(){f&&(f.$destroy(),f=void 0)}};return v};var d=i;for(var s in e)n[s]=e[s];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version,n.warn=e.util.warn,n.createApp=i}else if(e.version.slice(0,2)==="2.")if(u){for(var s in u)n[s]=u[s];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(e.version.slice(0,2)==="3."){for(var s in e)n[s]=e[s];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=e,n.Vue2=void 0,n.version=e.version,n.set=function(i,o,l){return Array.isArray(i)?(i.length=Math.max(i.length,o),i.splice(o,1,l),l):(i[o]=l,l)},n.del=function(i,o){if(Array.isArray(i)){i.splice(o,1);return}delete i[o]}}else console.error("[vue-demi] Vue version "+e.version+" is unsupported.");return n}(this.VueDemi=this.VueDemi||(typeof VueDemi!="undefined"?VueDemi:{}),this.Vue||(typeof Vue!="undefined"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI!="undefined"?VueCompositionAPI:void 0));(function(n,e,u,s){"use strict";function d(i,o,l){const f=()=>{var r,t;return new e((r=s.resolveUnref(o))!=null?r:[],(t=s.resolveUnref(l))==null?void 0:t.fuseOptions)},c=u.ref(f());u.watch(()=>{var r;return(r=s.resolveUnref(l))==null?void 0:r.fuseOptions},()=>{c.value=f()},{deep:!0}),u.watch(()=>s.resolveUnref(o),r=>{c.value.setCollection(r)},{deep:!0});const v=u.computed(()=>{const r=s.resolveUnref(l);if((r==null?void 0:r.matchAllWhenSearchEmpty)&&!u.unref(i))return s.resolveUnref(o).map((p,a)=>({item:p,refIndex:a}));const t=r==null?void 0:r.resultLimit;return c.value.search(s.resolveUnref(i),t?{limit:t}:void 0)});return{fuse:c,results:v}}n.useFuse=d})(this.VueUse=this.VueUse||{},Fuse,VueDemi,VueUse);
+var VueDemi=function(n,e,f){if(n.install)return n;if(!e)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),n;if(e.version.slice(0,4)==="2.7."){let o=function(t,u){var l,c={},v={config:e.config,use:e.use.bind(e),mixin:e.mixin.bind(e),component:e.component.bind(e),provide:function(i,s){return c[i]=s,this},directive:function(i,s){return s?(e.directive(i,s),v):e.directive(i)},mount:function(i,s){return l||(l=new e(Object.assign({propsData:u},t,{provide:Object.assign(c,t.provide)})),l.$mount(i,s),l)},unmount:function(){l&&(l.$destroy(),l=void 0)}};return v};var d=o;for(var r in e)n[r]=e[r];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version,n.warn=e.util.warn,n.createApp=o}else if(e.version.slice(0,2)==="2.")if(f){for(var r in f)n[r]=f[r];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(e.version.slice(0,2)==="3."){for(var r in e)n[r]=e[r];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=e,n.Vue2=void 0,n.version=e.version,n.set=function(o,t,u){return Array.isArray(o)?(o.length=Math.max(o.length,t),o.splice(t,1,u),u):(o[t]=u,u)},n.del=function(o,t){if(Array.isArray(o)){o.splice(t,1);return}delete o[t]}}else console.error("[vue-demi] Vue version "+e.version+" is unsupported.");return n}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(n,e,f,r){"use strict";function d(o,t,u){const l=()=>{var i,s;return new e((i=r.toValue(t))!=null?i:[],(s=r.toValue(u))==null?void 0:s.fuseOptions)},c=f.ref(l());f.watch(()=>{var i;return(i=r.toValue(u))==null?void 0:i.fuseOptions},()=>{c.value=l()},{deep:!0}),f.watch(()=>r.toValue(t),i=>{c.value.setCollection(i)},{deep:!0});const v=f.computed(()=>{const i=r.toValue(u);if(i?.matchAllWhenSearchEmpty&&!r.toValue(o))return r.toValue(t).map((a,p)=>({item:a,refIndex:p}));const s=i?.resultLimit;return c.value.search(r.toValue(o),s?{limit:s}:void 0)});return{fuse:c,results:v}}n.useFuse=d})(this.VueUse=this.VueUse||{},Fuse,VueDemi,VueUse);

package/useFuse.mjs

@@ -1,28 +1,39 @@
 import Fuse from 'fuse.js';
-import { ref, watch, computed, unref } from 'vue-demi';
-import { resolveUnref } from '@vueuse/shared';
+import { ref, watch, computed } from 'vue-demi';
+import { toValue } from '@vueuse/shared';
 
 function useFuse(search, data, options) {
   const createFuse = () => {
     var _a, _b;
-    return new Fuse((_a = resolveUnref(data)) != null ? _a : [], (_b = resolveUnref(options)) == null ? void 0 : _b.fuseOptions);
+    return new Fuse(
+      (_a = toValue(data)) != null ? _a : [],
+      (_b = toValue(options)) == null ? void 0 : _b.fuseOptions
+    );
   };
   const fuse = ref(createFuse());
-  watch(() => {
-    var _a;
-    return (_a = resolveUnref(options)) == null ? void 0 : _a.fuseOptions;
-  }, () => {
-    fuse.value = createFuse();
-  }, { deep: true });
-  watch(() => resolveUnref(data), (newData) => {
-    fuse.value.setCollection(newData);
-  }, { deep: true });
+  watch(
+    () => {
+      var _a;
+      return (_a = toValue(options)) == null ? void 0 : _a.fuseOptions;
+    },
+    () => {
+      fuse.value = createFuse();
+    },
+    { deep: true }
+  );
+  watch(
+    () => toValue(data),
+    (newData) => {
+      fuse.value.setCollection(newData);
+    },
+    { deep: true }
+  );
   const results = computed(() => {
-    const resolved = resolveUnref(options);
-    if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !unref(search))
-      return resolveUnref(data).map((item, index) => ({ item, refIndex: index }));
+    const resolved = toValue(options);
+    if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !toValue(search))
+      return toValue(data).map((item, index) => ({ item, refIndex: index }));
     const limit = resolved == null ? void 0 : resolved.resultLimit;
-    return fuse.value.search(resolveUnref(search), limit ? { limit } : void 0);
+    return fuse.value.search(toValue(search), limit ? { limit } : void 0);
   });
   return {
     fuse,

package/useIDBKeyval.cjs

@@ -32,7 +32,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
   } = options;
   const isFinished = vueDemi.ref(false);
   const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(initialValue);
-  const rawInit = shared.resolveUnref(initialValue);
+  const rawInit = shared.toValue(initialValue);
   async function read() {
     try {
       const rawValue = await idbKeyval.get(key);

package/useIDBKeyval.d.ts

@@ -1,4 +1,4 @@
-import { ConfigurableFlush, MaybeComputedRef, RemovableRef } from '@vueuse/shared';
+import { ConfigurableFlush, MaybeRefOrGetter, RemovableRef } from '@vueuse/shared';
 import { Ref } from 'vue-demi';
 
 interface UseIDBOptions extends ConfigurableFlush {
@@ -33,7 +33,7 @@ interface UseIDBOptions extends ConfigurableFlush {
  * @param initialValue
  * @param options
  */
-declare function useIDBKeyval<T>(key: IDBValidKey, initialValue: MaybeComputedRef<T>, options?: UseIDBOptions): {
+declare function useIDBKeyval<T>(key: IDBValidKey, initialValue: MaybeRefOrGetter<T>, options?: UseIDBOptions): {
     data: RemovableRef<T>;
     isFinished: Ref<boolean>;
 };

package/useIDBKeyval.iife.js

@@ -143,7 +143,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     } = options;
     const isFinished = vueDemi.ref(false);
     const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(initialValue);
-    const rawInit = shared.resolveUnref(initialValue);
+    const rawInit = shared.toValue(initialValue);
     async function read() {
       try {
         const rawValue = await idbKeyval.get(key);

package/useIDBKeyval.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(r,n,c){if(r.install)return r;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),r;if(n.version.slice(0,4)==="2.7."){let o=function(a,u){var f,d={},v={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(e,t){return d[e]=t,this},directive:function(e,t){return t?(n.directive(e,t),v):n.directive(e)},mount:function(e,t){return f||(f=new n(Object.assign({propsData:u},a,{provide:Object.assign(d,a.provide)})),f.$mount(e,t),f)},unmount:function(){f&&(f.$destroy(),f=void 0)}};return v};var O=o;for(var s in n)r[s]=n[s];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version,r.warn=n.util.warn,r.createApp=o}else if(n.version.slice(0,2)==="2.")if(c){for(var s in c)r[s]=c[s];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var s in n)r[s]=n[s];r.isVue2=!1,r.isVue3=!0,r.install=function(){},r.Vue=n,r.Vue2=void 0,r.version=n.version,r.set=function(o,a,u){return Array.isArray(o)?(o.length=Math.max(o.length,a),o.splice(a,1,u),u):(o[a]=u,u)},r.del=function(o,a){if(Array.isArray(o)){o.splice(a,1);return}delete o[a]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return r}(this.VueDemi=this.VueDemi||(typeof VueDemi!="undefined"?VueDemi:{}),this.Vue||(typeof Vue!="undefined"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI!="undefined"?VueCompositionAPI:void 0));(function(r,n,c,s){"use strict";var O=Object.defineProperty,o=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,f=(e,t,i)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,d=(e,t)=>{for(var i in t||(t={}))a.call(t,i)&&f(e,i,t[i]);if(o)for(var i of o(t))u.call(t,i)&&f(e,i,t[i]);return e};function v(e,t,i={}){const{flush:_="pre",deep:A=!0,shallow:P=!1,onError:h=p=>{console.error(p)},writeDefaults:b=!0}=i,y=c.ref(!1),l=(P?c.shallowRef:c.ref)(t),w=n.resolveUnref(t);async function I(){try{const p=await s.get(e);p===void 0?w!=null&&b&&await s.set(e,w):l.value=p}catch(p){h(p)}y.value=!0}I();async function g(){try{l.value==null?await s.del(e):Array.isArray(l.value)?await s.update(e,()=>JSON.parse(JSON.stringify(l.value))):typeof l.value=="object"?await s.update(e,()=>d({},l.value)):await s.update(e,()=>l.value)}catch(p){h(p)}}return c.watch(l,()=>g(),{flush:_,deep:A}),{isFinished:y,data:l}}r.useIDBKeyval=v})(this.VueUse=this.VueUse||{},VueUse,VueDemi,idbKeyval);
+var VueDemi=function(r,n,c){if(r.install)return r;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),r;if(n.version.slice(0,4)==="2.7."){let s=function(a,u){var f,d={},v={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(e,t){return d[e]=t,this},directive:function(e,t){return t?(n.directive(e,t),v):n.directive(e)},mount:function(e,t){return f||(f=new n(Object.assign({propsData:u},a,{provide:Object.assign(d,a.provide)})),f.$mount(e,t),f)},unmount:function(){f&&(f.$destroy(),f=void 0)}};return v};var O=s;for(var o in n)r[o]=n[o];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version,r.warn=n.util.warn,r.createApp=s}else if(n.version.slice(0,2)==="2.")if(c){for(var o in c)r[o]=c[o];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var o in n)r[o]=n[o];r.isVue2=!1,r.isVue3=!0,r.install=function(){},r.Vue=n,r.Vue2=void 0,r.version=n.version,r.set=function(s,a,u){return Array.isArray(s)?(s.length=Math.max(s.length,a),s.splice(a,1,u),u):(s[a]=u,u)},r.del=function(s,a){if(Array.isArray(s)){s.splice(a,1);return}delete s[a]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return r}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(r,n,c,o){"use strict";var O=Object.defineProperty,s=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,f=(e,t,i)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,d=(e,t)=>{for(var i in t||(t={}))a.call(t,i)&&f(e,i,t[i]);if(s)for(var i of s(t))u.call(t,i)&&f(e,i,t[i]);return e};function v(e,t,i={}){const{flush:_="pre",deep:A=!0,shallow:P=!1,onError:h=p=>{console.error(p)},writeDefaults:b=!0}=i,y=c.ref(!1),l=(P?c.shallowRef:c.ref)(t),w=n.toValue(t);async function I(){try{const p=await o.get(e);p===void 0?w!=null&&b&&await o.set(e,w):l.value=p}catch(p){h(p)}y.value=!0}I();async function g(){try{l.value==null?await o.del(e):Array.isArray(l.value)?await o.update(e,()=>JSON.parse(JSON.stringify(l.value))):typeof l.value=="object"?await o.update(e,()=>d({},l.value)):await o.update(e,()=>l.value)}catch(p){h(p)}}return c.watch(l,()=>g(),{flush:_,deep:A}),{isFinished:y,data:l}}r.useIDBKeyval=v})(this.VueUse=this.VueUse||{},VueUse,VueDemi,idbKeyval);

package/useIDBKeyval.mjs

@@ -1,4 +1,4 @@
-import { resolveUnref } from '@vueuse/shared';
+import { toValue } from '@vueuse/shared';
 import { ref, shallowRef, watch } from 'vue-demi';
 import { get, set, del, update } from 'idb-keyval';
 
@@ -30,7 +30,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
   } = options;
   const isFinished = ref(false);
   const data = (shallow ? shallowRef : ref)(initialValue);
-  const rawInit = resolveUnref(initialValue);
+  const rawInit = toValue(initialValue);
   async function read() {
     try {
       const rawValue = await get(key);

package/useJwt.cjs

@@ -17,8 +17,8 @@ function useJwt(encodedJwt, options = {}) {
       return fallbackValue;
     }
   };
-  const header = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt), { header: true }));
-  const payload = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt)));
+  const header = vueDemi.computed(() => decodeWithFallback(shared.toValue(encodedJwt), { header: true }));
+  const payload = vueDemi.computed(() => decodeWithFallback(shared.toValue(encodedJwt)));
   return {
     header,
     payload

package/useJwt.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue-demi';
-import { MaybeComputedRef } from '@vueuse/shared';
+import { MaybeRefOrGetter } from '@vueuse/shared';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
 
 interface UseJwtOptions<Fallback> {
@@ -24,6 +24,6 @@ interface UseJwtReturn<Payload, Header, Fallback> {
  * @see https://vueuse.org/useJwt
  * @param jwt
  */
-declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeComputedRef<string>, options?: UseJwtOptions<Fallback>): UseJwtReturn<Payload, Header, Fallback>;
+declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeRefOrGetter<string>, options?: UseJwtOptions<Fallback>): UseJwtReturn<Payload, Header, Fallback>;
 
 export { UseJwtOptions, UseJwtReturn, useJwt };

package/useJwt.iife.js

@@ -128,8 +128,8 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
         return fallbackValue;
       }
     };
-    const header = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt), { header: true }));
-    const payload = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt)));
+    const header = vueDemi.computed(() => decodeWithFallback(shared.toValue(encodedJwt), { header: true }));
+    const payload = vueDemi.computed(() => decodeWithFallback(shared.toValue(encodedJwt)));
     return {
       header,
       payload