@vueuse/integrations 12.2.0 → 12.4.0

package/useDrauu.mjs

@@ -20,10 +20,10 @@ function useDrauu(target, options) {
     size: 3,
     arrowEnd: false,
     cornerRadius: 0,
-    dasharray: void 0,
+    dasharray: undefined,
     fill: "transparent",
     mode: "draw",
-    ...options == null ? void 0 : options.brush
+    ...options == null ? undefined : options.brush
   });
   watch(brush, () => {
     const instance = drauuInstance.value;
@@ -34,32 +34,32 @@ function useDrauu(target, options) {
   }, { deep: true });
   const undo = () => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.undo();
+    return (_a = drauuInstance.value) == null ? undefined : _a.undo();
   };
   const redo = () => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.redo();
+    return (_a = drauuInstance.value) == null ? undefined : _a.redo();
   };
   const clear = () => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.clear();
+    return (_a = drauuInstance.value) == null ? undefined : _a.clear();
   };
   const cancel = () => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.cancel();
+    return (_a = drauuInstance.value) == null ? undefined : _a.cancel();
   };
   const load = (svg) => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.load(svg);
+    return (_a = drauuInstance.value) == null ? undefined : _a.load(svg);
   };
   const dump = () => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.dump();
+    return (_a = drauuInstance.value) == null ? undefined : _a.dump();
   };
   const cleanup = () => {
     var _a;
     disposables.forEach((dispose) => dispose());
-    (_a = drauuInstance.value) == null ? void 0 : _a.unmount();
+    (_a = drauuInstance.value) == null ? undefined : _a.unmount();
   };
   const syncStatus = () => {
     if (drauuInstance.value) {

package/useFocusTrap.cjs

@@ -25,9 +25,9 @@ function useFocusTrap(target, options = {}) {
     }
   };
   const targets = vue.computed(() => {
-    const _targets = shared.toValue(target);
-    return (Array.isArray(_targets) ? _targets : [_targets]).map((el) => {
-      const _el = shared.toValue(el);
+    const _targets = vue.toValue(target);
+    return core.toArray(_targets).map((el) => {
+      const _el = vue.toValue(el);
       return typeof _el === "string" ? _el : core.unrefElement(_el);
     }).filter(shared.notNullish);
   });

package/useFocusTrap.d.cts

@@ -1,7 +1,7 @@
 import { Fn, Arrayable, MaybeComputedElementRef } from '@vueuse/core';
+import { MaybeRefOrGetter } from '@vueuse/shared';
 import { Options, ActivateOptions, DeactivateOptions } from 'focus-trap';
 import { Ref } from 'vue';
-import { MaybeRefOrGetter } from '@vueuse/shared';
 
 interface UseFocusTrapOptions extends Options {
     /**

package/useFocusTrap.d.mts

@@ -1,7 +1,7 @@
 import { Fn, Arrayable, MaybeComputedElementRef } from '@vueuse/core';
+import { MaybeRefOrGetter } from '@vueuse/shared';
 import { Options, ActivateOptions, DeactivateOptions } from 'focus-trap';
 import { Ref } from 'vue';
-import { MaybeRefOrGetter } from '@vueuse/shared';
 
 interface UseFocusTrapOptions extends Options {
     /**

package/useFocusTrap.d.ts

@@ -1,7 +1,7 @@
 import { Fn, Arrayable, MaybeComputedElementRef } from '@vueuse/core';
+import { MaybeRefOrGetter } from '@vueuse/shared';
 import { Options, ActivateOptions, DeactivateOptions } from 'focus-trap';
 import { Ref } from 'vue';
-import { MaybeRefOrGetter } from '@vueuse/shared';
 
 interface UseFocusTrapOptions extends Options {
     /**

package/useFocusTrap.iife.js

@@ -21,9 +21,9 @@
       }
     };
     const targets = vue.computed(() => {
-      const _targets = shared.toValue(target);
-      return (Array.isArray(_targets) ? _targets : [_targets]).map((el) => {
-        const _el = shared.toValue(el);
+      const _targets = vue.toValue(target);
+      return core.toArray(_targets).map((el) => {
+        const _el = vue.toValue(el);
         return typeof _el === "string" ? _el : core.unrefElement(_el);
       }).filter(shared.notNullish);
     });

package/useFocusTrap.iife.min.js

@@ -1 +1 @@
-(function(l,i,u,p,s){"use strict";function v(V,a={}){let t;const{immediate:h,...m}=a,c=s.ref(!1),n=s.ref(!1),o=e=>t&&t.activate(e),f=e=>t&&t.deactivate(e),A=()=>{t&&(t.pause(),n.value=!0)},T=()=>{t&&(t.unpause(),n.value=!1)},g=s.computed(()=>{const e=u.toValue(V);return(Array.isArray(e)?e:[e]).map(y=>{const r=u.toValue(y);return typeof r=="string"?r:i.unrefElement(r)}).filter(u.notNullish)});return s.watch(g,e=>{e.length&&(t=p.createFocusTrap(e,{...m,onActivate(){c.value=!0,a.onActivate&&a.onActivate()},onDeactivate(){c.value=!1,a.onDeactivate&&a.onDeactivate()}}),h&&o())},{flush:"post"}),i.tryOnScopeDispose(()=>f()),{hasFocus:c,isPaused:n,activate:o,deactivate:f,pause:A,unpause:T}}l.useFocusTrap=v})(this.VueUse=this.VueUse||{},VueUse,VueUse,focusTrap,Vue);
+(function(f,u,l,p,a){"use strict";function v(h,s={}){let t;const{immediate:V,...d}=s,c=a.ref(!1),n=a.ref(!1),i=e=>t&&t.activate(e),o=e=>t&&t.deactivate(e),m=()=>{t&&(t.pause(),n.value=!0)},T=()=>{t&&(t.unpause(),n.value=!1)},g=a.computed(()=>{const e=a.toValue(h);return u.toArray(e).map(A=>{const r=a.toValue(A);return typeof r=="string"?r:u.unrefElement(r)}).filter(l.notNullish)});return a.watch(g,e=>{e.length&&(t=p.createFocusTrap(e,{...d,onActivate(){c.value=!0,s.onActivate&&s.onActivate()},onDeactivate(){c.value=!1,s.onDeactivate&&s.onDeactivate()}}),V&&i())},{flush:"post"}),u.tryOnScopeDispose(()=>o()),{hasFocus:c,isPaused:n,activate:i,deactivate:o,pause:m,unpause:T}}f.useFocusTrap=v})(this.VueUse=this.VueUse||{},VueUse,VueUse,focusTrap,Vue);

package/useFocusTrap.mjs

@@ -1,7 +1,7 @@
-import { unrefElement, tryOnScopeDispose } from '@vueuse/core';
-import { toValue, notNullish } from '@vueuse/shared';
+import { toArray, unrefElement, tryOnScopeDispose } from '@vueuse/core';
+import { notNullish } from '@vueuse/shared';
 import { createFocusTrap } from 'focus-trap';
-import { ref, computed, watch } from 'vue';
+import { ref, computed, toValue, watch } from 'vue';
 
 function useFocusTrap(target, options = {}) {
   let trap;
@@ -24,7 +24,7 @@ function useFocusTrap(target, options = {}) {
   };
   const targets = computed(() => {
     const _targets = toValue(target);
-    return (Array.isArray(_targets) ? _targets : [_targets]).map((el) => {
+    return toArray(_targets).map((el) => {
       const _el = toValue(el);
       return typeof _el === "string" ? _el : unrefElement(_el);
     }).filter(notNullish);

package/useFuse.cjs

@@ -1,6 +1,5 @@
 'use strict';
 
-var shared = require('@vueuse/shared');
 var Fuse = require('fuse.js');
 var vue = require('vue');
 
@@ -8,15 +7,15 @@ function useFuse(search, data, options) {
   const createFuse = () => {
     var _a, _b;
     return new Fuse(
-      (_a = shared.toValue(data)) != null ? _a : [],
-      (_b = shared.toValue(options)) == null ? void 0 : _b.fuseOptions
+      (_a = vue.toValue(data)) != null ? _a : [],
+      (_b = vue.toValue(options)) == null ? undefined : _b.fuseOptions
     );
   };
   const fuse = vue.ref(createFuse());
   vue.watch(
     () => {
       var _a;
-      return (_a = shared.toValue(options)) == null ? void 0 : _a.fuseOptions;
+      return (_a = vue.toValue(options)) == null ? undefined : _a.fuseOptions;
     },
     () => {
       fuse.value = createFuse();
@@ -24,18 +23,18 @@ function useFuse(search, data, options) {
     { deep: true }
   );
   vue.watch(
-    () => shared.toValue(data),
+    () => vue.toValue(data),
     (newData) => {
       fuse.value.setCollection(newData);
     },
     { deep: true }
   );
   const results = vue.computed(() => {
-    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.toValue(search), limit ? { limit } : void 0);
+    const resolved = vue.toValue(options);
+    if ((resolved == null ? undefined : resolved.matchAllWhenSearchEmpty) && !vue.toValue(search))
+      return vue.toValue(data).map((item, index) => ({ item, refIndex: index }));
+    const limit = resolved == null ? undefined : resolved.resultLimit;
+    return fuse.value.search(vue.toValue(search), limit ? { limit } : undefined);
   });
   return {
     fuse,

package/useFuse.iife.js

@@ -1,19 +1,19 @@
-(function (exports, shared, Fuse, vue) {
+(function (exports, Fuse, vue) {
   'use strict';
 
   function useFuse(search, data, options) {
     const createFuse = () => {
       var _a, _b;
       return new Fuse(
-        (_a = shared.toValue(data)) != null ? _a : [],
-        (_b = shared.toValue(options)) == null ? void 0 : _b.fuseOptions
+        (_a = vue.toValue(data)) != null ? _a : [],
+        (_b = vue.toValue(options)) == null ? undefined : _b.fuseOptions
       );
     };
     const fuse = vue.ref(createFuse());
     vue.watch(
       () => {
         var _a;
-        return (_a = shared.toValue(options)) == null ? void 0 : _a.fuseOptions;
+        return (_a = vue.toValue(options)) == null ? undefined : _a.fuseOptions;
       },
       () => {
         fuse.value = createFuse();
@@ -21,18 +21,18 @@
       { deep: true }
     );
     vue.watch(
-      () => shared.toValue(data),
+      () => vue.toValue(data),
       (newData) => {
         fuse.value.setCollection(newData);
       },
       { deep: true }
     );
     const results = vue.computed(() => {
-      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.toValue(search), limit ? { limit } : void 0);
+      const resolved = vue.toValue(options);
+      if ((resolved == null ? undefined : resolved.matchAllWhenSearchEmpty) && !vue.toValue(search))
+        return vue.toValue(data).map((item, index) => ({ item, refIndex: index }));
+      const limit = resolved == null ? undefined : resolved.resultLimit;
+      return fuse.value.search(vue.toValue(search), limit ? { limit } : undefined);
     });
     return {
       fuse,
@@ -42,4 +42,4 @@
 
   exports.useFuse = useFuse;
 
-})(this.VueUse = this.VueUse || {}, VueUse, Fuse, Vue);
+})(this.VueUse = this.VueUse || {}, Fuse, Vue);

package/useFuse.iife.min.js

@@ -1 +1 @@
-(function(r,u,V,l){"use strict";function a(i,o,s){const c=()=>{var e,t;return new V((e=u.toValue(o))!=null?e:[],(t=u.toValue(s))==null?void 0:t.fuseOptions)},n=l.ref(c());l.watch(()=>{var e;return(e=u.toValue(s))==null?void 0:e.fuseOptions},()=>{n.value=c()},{deep:!0}),l.watch(()=>u.toValue(o),e=>{n.value.setCollection(e)},{deep:!0});const f=l.computed(()=>{const e=u.toValue(s);if(e?.matchAllWhenSearchEmpty&&!u.toValue(i))return u.toValue(o).map((v,m)=>({item:v,refIndex:m}));const t=e?.resultLimit;return n.value.search(u.toValue(i),t?{limit:t}:void 0)});return{fuse:n,results:f}}r.useFuse=a})(this.VueUse=this.VueUse||{},VueUse,Fuse,Vue);
+(function(o,i,e){"use strict";function c(r,l,s){const a=()=>{var t,u;return new i((t=e.toValue(l))!=null?t:[],(u=e.toValue(s))==null?void 0:u.fuseOptions)},n=e.ref(a());e.watch(()=>{var t;return(t=e.toValue(s))==null?void 0:t.fuseOptions},()=>{n.value=a()},{deep:!0}),e.watch(()=>e.toValue(l),t=>{n.value.setCollection(t)},{deep:!0});const d=e.computed(()=>{const t=e.toValue(s);if(t?.matchAllWhenSearchEmpty&&!e.toValue(r))return e.toValue(l).map((f,V)=>({item:f,refIndex:V}));const u=t?.resultLimit;return n.value.search(e.toValue(r),u?{limit:u}:void 0)});return{fuse:n,results:d}}o.useFuse=c})(this.VueUse=this.VueUse||{},Fuse,Vue);

package/useFuse.mjs

@@ -1,20 +1,19 @@
-import { toValue } from '@vueuse/shared';
 import Fuse from 'fuse.js';
-import { ref, watch, computed } from 'vue';
+import { ref, watch, toValue, computed } from 'vue';
 
 function useFuse(search, data, options) {
   const createFuse = () => {
     var _a, _b;
     return new Fuse(
       (_a = toValue(data)) != null ? _a : [],
-      (_b = toValue(options)) == null ? void 0 : _b.fuseOptions
+      (_b = toValue(options)) == null ? undefined : _b.fuseOptions
     );
   };
   const fuse = ref(createFuse());
   watch(
     () => {
       var _a;
-      return (_a = toValue(options)) == null ? void 0 : _a.fuseOptions;
+      return (_a = toValue(options)) == null ? undefined : _a.fuseOptions;
     },
     () => {
       fuse.value = createFuse();
@@ -30,10 +29,10 @@ function useFuse(search, data, options) {
   );
   const results = computed(() => {
     const resolved = toValue(options);
-    if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !toValue(search))
+    if ((resolved == null ? undefined : 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(toValue(search), limit ? { limit } : void 0);
+    const limit = resolved == null ? undefined : resolved.resultLimit;
+    return fuse.value.search(toValue(search), limit ? { limit } : undefined);
   });
   return {
     fuse,

package/useIDBKeyval.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
 var core = require('@vueuse/core');
-var shared = require('@vueuse/shared');
 var idbKeyval = require('idb-keyval');
 var vue = require('vue');
 
@@ -17,7 +16,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
   } = options;
   const isFinished = vue.ref(false);
   const data = (shallow ? vue.shallowRef : vue.ref)(initialValue);
-  const rawInit = shared.toValue(initialValue);
+  const rawInit = vue.toValue(initialValue);
   async function read() {
     try {
       const rawValue = await idbKeyval.get(key);

package/useIDBKeyval.iife.js

@@ -1,4 +1,4 @@
-(function (exports, core, shared, idbKeyval, vue) {
+(function (exports, core, idbKeyval, vue) {
   'use strict';
 
   function useIDBKeyval(key, initialValue, options = {}) {
@@ -13,7 +13,7 @@
     } = options;
     const isFinished = vue.ref(false);
     const data = (shallow ? vue.shallowRef : vue.ref)(initialValue);
-    const rawInit = shared.toValue(initialValue);
+    const rawInit = vue.toValue(initialValue);
     async function read() {
       try {
         const rawValue = await idbKeyval.get(key);
@@ -59,4 +59,4 @@
 
   exports.useIDBKeyval = useIDBKeyval;
 
-})(this.VueUse = this.VueUse || {}, VueUse, VueUse, idbKeyval, Vue);
+})(this.VueUse = this.VueUse || {}, VueUse, idbKeyval, Vue);

package/useIDBKeyval.iife.min.js

@@ -1 +1 @@
-(function(i,f,w,a,s){"use strict";function h(u,r,d={}){const{flush:V="pre",deep:p=!0,shallow:v=!1,onError:c=e=>{console.error(e)},writeDefaults:D=!0}=d,l=s.ref(!1),t=(v?s.shallowRef:s.ref)(r),n=w.toValue(r);async function U(){try{const e=await a.get(u);e===void 0?n!=null&&D&&await a.set(u,n):t.value=e}catch(e){c(e)}l.value=!0}U();async function o(){try{t.value==null?await a.del(u):await a.update(u,()=>s.toRaw(t.value))}catch(e){c(e)}}const{pause:I,resume:m}=f.watchPausable(t,()=>o(),{flush:V,deep:p});async function y(e){I(),t.value=e,await o(),m()}return{set:y,isFinished:l,data:t}}i.useIDBKeyval=h})(this.VueUse=this.VueUse||{},VueUse,VueUse,idbKeyval,Vue);
+(function(i,f,s,a){"use strict";function w(u,r,h={}){const{flush:d="pre",deep:p=!0,shallow:V=!1,onError:c=e=>{console.error(e)},writeDefaults:D=!0}=h,l=a.ref(!1),t=(V?a.shallowRef:a.ref)(r),n=a.toValue(r);async function v(){try{const e=await s.get(u);e===void 0?n!=null&&D&&await s.set(u,n):t.value=e}catch(e){c(e)}l.value=!0}v();async function o(){try{t.value==null?await s.del(u):await s.update(u,()=>a.toRaw(t.value))}catch(e){c(e)}}const{pause:I,resume:U}=f.watchPausable(t,()=>o(),{flush:d,deep:p});async function m(e){I(),t.value=e,await o(),U()}return{set:m,isFinished:l,data:t}}i.useIDBKeyval=w})(this.VueUse=this.VueUse||{},VueUse,idbKeyval,Vue);

package/useIDBKeyval.mjs

@@ -1,7 +1,6 @@
 import { watchPausable } from '@vueuse/core';
-import { toValue } from '@vueuse/shared';
 import { get, set, del, update } from 'idb-keyval';
-import { ref, shallowRef, toRaw } from 'vue';
+import { ref, shallowRef, toValue, toRaw } from 'vue';
 
 function useIDBKeyval(key, initialValue, options = {}) {
   const {

package/useJwt.cjs

@@ -1,6 +1,5 @@
 'use strict';
 
-var shared = require('@vueuse/shared');
 var jwtDecode = require('jwt-decode');
 var vue = require('vue');
 
@@ -13,12 +12,12 @@ function useJwt(encodedJwt, options = {}) {
     try {
       return jwtDecode.jwtDecode(encodedJwt2, options2);
     } catch (err) {
-      onError == null ? void 0 : onError(err);
+      onError == null ? undefined : onError(err);
       return fallbackValue;
     }
   };
-  const header = vue.computed(() => decodeWithFallback(shared.toValue(encodedJwt), { header: true }));
-  const payload = vue.computed(() => decodeWithFallback(shared.toValue(encodedJwt)));
+  const header = vue.computed(() => decodeWithFallback(vue.toValue(encodedJwt), { header: true }));
+  const payload = vue.computed(() => decodeWithFallback(vue.toValue(encodedJwt)));
   return {
     header,
     payload

package/useJwt.iife.js

@@ -1,4 +1,4 @@
-(function (exports, shared, jwtDecode, vue) {
+(function (exports, jwtDecode, vue) {
   'use strict';
 
   function useJwt(encodedJwt, options = {}) {
@@ -10,12 +10,12 @@
       try {
         return jwtDecode.jwtDecode(encodedJwt2, options2);
       } catch (err) {
-        onError == null ? void 0 : onError(err);
+        onError == null ? undefined : onError(err);
         return fallbackValue;
       }
     };
-    const header = vue.computed(() => decodeWithFallback(shared.toValue(encodedJwt), { header: true }));
-    const payload = vue.computed(() => decodeWithFallback(shared.toValue(encodedJwt)));
+    const header = vue.computed(() => decodeWithFallback(vue.toValue(encodedJwt), { header: true }));
+    const payload = vue.computed(() => decodeWithFallback(vue.toValue(encodedJwt)));
     return {
       header,
       payload
@@ -24,4 +24,4 @@
 
   exports.useJwt = useJwt;
 
-})(this.VueUse = this.VueUse || {}, VueUse, jwt_decode, Vue);
+})(this.VueUse = this.VueUse || {}, jwt_decode, Vue);

package/useJwt.iife.min.js

@@ -1 +1 @@
-(function(r,e,n,t){"use strict";function l(u,s={}){const{onError:o,fallbackValue:a=null}=s,c=(V,h)=>{try{return n.jwtDecode(V,h)}catch(f){return o?.(f),a}},d=t.computed(()=>c(e.toValue(u),{header:!0})),i=t.computed(()=>c(e.toValue(u)));return{header:d,payload:i}}r.useJwt=l})(this.VueUse=this.VueUse||{},VueUse,jwt_decode,Vue);
+(function(c,n,e){"use strict";function o(t,a={}){const{onError:u,fallbackValue:l=null}=a,r=(i,h)=>{try{return n.jwtDecode(i,h)}catch(V){return u?.(V),l}},s=e.computed(()=>r(e.toValue(t),{header:!0})),d=e.computed(()=>r(e.toValue(t)));return{header:s,payload:d}}c.useJwt=o})(this.VueUse=this.VueUse||{},jwt_decode,Vue);

package/useJwt.mjs

@@ -1,6 +1,5 @@
-import { toValue } from '@vueuse/shared';
 import { jwtDecode } from 'jwt-decode';
-import { computed } from 'vue';
+import { computed, toValue } from 'vue';
 
 function useJwt(encodedJwt, options = {}) {
   const {
@@ -11,7 +10,7 @@ function useJwt(encodedJwt, options = {}) {
     try {
       return jwtDecode(encodedJwt2, options2);
     } catch (err) {
-      onError == null ? void 0 : onError(err);
+      onError == null ? undefined : onError(err);
       return fallbackValue;
     }
   };

package/useNProgress.cjs

@@ -5,7 +5,7 @@ var nprogress = require('nprogress');
 var vue = require('vue');
 
 function useNProgress(currentProgress = null, options) {
-  const progress = vue.ref(currentProgress);
+  const progress = shared.toRef(currentProgress);
   const isLoading = vue.computed({
     set: (load) => load ? nprogress.start() : nprogress.done(),
     get: () => typeof progress.value === "number" && progress.value < 1

package/useNProgress.d.cts

@@ -10,7 +10,7 @@ type UseNProgressOptions = Partial<NProgressOptions>;
  */
 declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
     isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined, number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
+    progress: vue.Ref<number | null | undefined, number | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;

package/useNProgress.d.mts

@@ -10,7 +10,7 @@ type UseNProgressOptions = Partial<NProgressOptions>;
  */
 declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
     isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined, number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
+    progress: vue.Ref<number | null | undefined, number | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;

package/useNProgress.d.ts

@@ -10,7 +10,7 @@ type UseNProgressOptions = Partial<NProgressOptions>;
  */
 declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
     isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined, number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
+    progress: vue.Ref<number | null | undefined, number | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;

package/useNProgress.iife.js

@@ -2,7 +2,7 @@
   'use strict';
 
   function useNProgress(currentProgress = null, options) {
-    const progress = vue.ref(currentProgress);
+    const progress = shared.toRef(currentProgress);
     const isLoading = vue.computed({
       set: (load) => load ? nprogress.start() : nprogress.done(),
       get: () => typeof progress.value === "number" && progress.value < 1

package/useNProgress.iife.min.js

@@ -1 +1 @@
-(function(o,c,e,l){"use strict";function s(f=null,a){const t=l.ref(f),n=l.computed({set:u=>u?e.start():e.done(),get:()=>typeof t.value=="number"&&t.value<1});a&&e.configure(a);const i=e.set;return e.set=u=>(t.value=u,i.call(e,u)),l.watchEffect(()=>{typeof t.value=="number"&&c.isClient&&i.call(e,t.value)}),c.tryOnScopeDispose(e.remove),{isLoading:n,progress:t,start:e.start,done:e.done,remove:()=>{t.value=null,e.remove()}}}o.useNProgress=s})(this.VueUse=this.VueUse||{},VueUse,nprogress,Vue);
+(function(a,l,e,c){"use strict";function f(s=null,i){const t=l.toRef(s),n=c.computed({set:u=>u?e.start():e.done(),get:()=>typeof t.value=="number"&&t.value<1});i&&e.configure(i);const o=e.set;return e.set=u=>(t.value=u,o.call(e,u)),c.watchEffect(()=>{typeof t.value=="number"&&l.isClient&&o.call(e,t.value)}),l.tryOnScopeDispose(e.remove),{isLoading:n,progress:t,start:e.start,done:e.done,remove:()=>{t.value=null,e.remove()}}}a.useNProgress=f})(this.VueUse=this.VueUse||{},VueUse,nprogress,Vue);

package/useNProgress.mjs

@@ -1,9 +1,9 @@
-import { isClient, tryOnScopeDispose } from '@vueuse/shared';
+import { toRef, isClient, tryOnScopeDispose } from '@vueuse/shared';
 import nprogress from 'nprogress';
-import { ref, computed, watchEffect } from 'vue';
+import { computed, watchEffect } from 'vue';
 
 function useNProgress(currentProgress = null, options) {
-  const progress = ref(currentProgress);
+  const progress = toRef(currentProgress);
   const isLoading = computed({
     set: (load) => load ? nprogress.start() : nprogress.done(),
     get: () => typeof progress.value === "number" && progress.value < 1

package/useSortable/component.cjs

@@ -14,16 +14,16 @@ function useSortable(el, list, options = {}) {
   };
   const start = () => {
     const target = typeof el === "string" ? document?.querySelector(el) : core.unrefElement(el);
-    if (!target || sortable !== void 0)
+    if (!target || sortable !== undefined)
       return;
     sortable = new Sortable(target, { ...defaultOptions, ...resetOptions });
   };
   const stop = () => {
     sortable?.destroy();
-    sortable = void 0;
+    sortable = undefined;
   };
   const option = (name, value) => {
-    if (value !== void 0)
+    if (value !== undefined)
       sortable?.option(name, value);
     else
       return sortable?.option(name);
@@ -50,7 +50,7 @@ function moveArrayElement(list, from, to, e = null) {
     insertNodeAt(e.from, e.item, from);
   }
   const _valueIsRef = vue.isRef(list);
-  const array = _valueIsRef ? [...core.toValue(list)] : core.toValue(list);
+  const array = _valueIsRef ? [...vue.toValue(list)] : vue.toValue(list);
   if (to >= 0 && to < array.length) {
     const element = array.splice(from, 1)[0];
     vue.nextTick(() => {

package/useSortable/component.mjs

@@ -1,5 +1,5 @@
-import { tryOnMounted, tryOnScopeDispose, unrefElement, defaultDocument, toValue, useVModel } from '@vueuse/core';
-import { isRef, nextTick, defineComponent, ref, reactive, h } from 'vue';
+import { tryOnMounted, tryOnScopeDispose, unrefElement, defaultDocument, useVModel } from '@vueuse/core';
+import { isRef, toValue, nextTick, defineComponent, ref, reactive, h } from 'vue';
 import Sortable from 'sortablejs';
 
 function useSortable(el, list, options = {}) {
@@ -12,16 +12,16 @@ function useSortable(el, list, options = {}) {
   };
   const start = () => {
     const target = typeof el === "string" ? document?.querySelector(el) : unrefElement(el);
-    if (!target || sortable !== void 0)
+    if (!target || sortable !== undefined)
       return;
     sortable = new Sortable(target, { ...defaultOptions, ...resetOptions });
   };
   const stop = () => {
     sortable?.destroy();
-    sortable = void 0;
+    sortable = undefined;
   };
   const option = (name, value) => {
-    if (value !== void 0)
+    if (value !== undefined)
       sortable?.option(name, value);
     else
       return sortable?.option(name);

package/useSortable.cjs

@@ -13,20 +13,20 @@ function useSortable(el, list, options = {}) {
     }
   };
   const start = () => {
-    const target = typeof el === "string" ? document == null ? void 0 : document.querySelector(el) : core.unrefElement(el);
-    if (!target || sortable !== void 0)
+    const target = typeof el === "string" ? document == null ? undefined : document.querySelector(el) : core.unrefElement(el);
+    if (!target || sortable !== undefined)
       return;
     sortable = new Sortable(target, { ...defaultOptions, ...resetOptions });
   };
   const stop = () => {
-    sortable == null ? void 0 : sortable.destroy();
-    sortable = void 0;
+    sortable == null ? undefined : sortable.destroy();
+    sortable = undefined;
   };
   const option = (name, value) => {
-    if (value !== void 0)
-      sortable == null ? void 0 : sortable.option(name, value);
+    if (value !== undefined)
+      sortable == null ? undefined : sortable.option(name, value);
     else
-      return sortable == null ? void 0 : sortable.option(name);
+      return sortable == null ? undefined : sortable.option(name);
   };
   core.tryOnMounted(start);
   core.tryOnScopeDispose(stop);
@@ -50,7 +50,7 @@ function moveArrayElement(list, from, to, e = null) {
     insertNodeAt(e.from, e.item, from);
   }
   const _valueIsRef = vue.isRef(list);
-  const array = _valueIsRef ? [...core.toValue(list)] : core.toValue(list);
+  const array = _valueIsRef ? [...vue.toValue(list)] : vue.toValue(list);
   if (to >= 0 && to < array.length) {
     const element = array.splice(from, 1)[0];
     vue.nextTick(() => {

package/useSortable.iife.js

@@ -10,20 +10,20 @@
       }
     };
     const start = () => {
-      const target = typeof el === "string" ? document == null ? void 0 : document.querySelector(el) : core.unrefElement(el);
-      if (!target || sortable !== void 0)
+      const target = typeof el === "string" ? document == null ? undefined : document.querySelector(el) : core.unrefElement(el);
+      if (!target || sortable !== undefined)
         return;
       sortable = new Sortable(target, { ...defaultOptions, ...resetOptions });
     };
     const stop = () => {
-      sortable == null ? void 0 : sortable.destroy();
-      sortable = void 0;
+      sortable == null ? undefined : sortable.destroy();
+      sortable = undefined;
     };
     const option = (name, value) => {
-      if (value !== void 0)
-        sortable == null ? void 0 : sortable.option(name, value);
+      if (value !== undefined)
+        sortable == null ? undefined : sortable.option(name, value);
       else
-        return sortable == null ? void 0 : sortable.option(name);
+        return sortable == null ? undefined : sortable.option(name);
     };
     core.tryOnMounted(start);
     core.tryOnScopeDispose(stop);
@@ -47,7 +47,7 @@
       insertNodeAt(e.from, e.item, from);
     }
     const _valueIsRef = vue.isRef(list);
-    const array = _valueIsRef ? [...core.toValue(list)] : core.toValue(list);
+    const array = _valueIsRef ? [...vue.toValue(list)] : vue.toValue(list);
     if (to >= 0 && to < array.length) {
       const element = array.splice(from, 1)[0];
       vue.nextTick(() => {