@vueuse/integrations 8.9.2 → 9.0.0-beta.0

package/useFuse.iife.js

@@ -13,22 +13,6 @@
       VueDemi.Vue = Vue
       VueDemi.Vue2 = Vue
       VueDemi.version = Vue.version
-      VueDemi.set = function(target, key, val) {
-        if (Array.isArray(target)) {
-          target.length = Math.max(target.length, key)
-          target.splice(key, 1, val)
-          return val
-        }
-        Vue.set(target, key, val)
-        return val
-      }
-      VueDemi.del = function(target, key) {
-        if (Array.isArray(target)) {
-          target.splice(key, 1)
-          return
-        }
-        Vue.delete(target, key)
-      }
     }
     else if (Vue.version.slice(0, 2) === '2.') {
       if (VueCompositionAPI) {
@@ -87,7 +71,7 @@
   this.VueCompositionAPI || (typeof VueCompositionAPI !== "undefined" ? VueCompositionAPI : undefined)
 );
 ;
-;(function (exports, Fuse, vueDemi) {
+;(function (exports, Fuse, vueDemi, shared) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -95,30 +79,29 @@
   var Fuse__default = /*#__PURE__*/_interopDefaultLegacy(Fuse);
 
   function useFuse(search, data, options) {
-    var _a;
-    const createFuse = (data2, options2) => {
-      var _a2;
-      const _options = options2;
-      return new Fuse__default["default"]((_a2 = vueDemi.unref(data2)) != null ? _a2 : [], _options);
+    const createFuse = () => {
+      var _a, _b;
+      return new Fuse__default["default"]((_a = shared.resolveUnref(data)) != null ? _a : [], (_b = shared.resolveUnref(options)) == null ? void 0 : _b.fuseOptions);
     };
-    const fuse = vueDemi.ref(createFuse(data, (_a = vueDemi.unref(options)) == null ? void 0 : _a.fuseOptions));
+    const fuse = vueDemi.ref(createFuse());
     vueDemi.watch(() => {
-      var _a2;
-      return (_a2 = vueDemi.unref(options)) == null ? void 0 : _a2.fuseOptions;
-    }, (newOptions) => {
-      fuse.value = createFuse(data, newOptions);
+      var _a;
+      return (_a = shared.resolveUnref(options)) == null ? void 0 : _a.fuseOptions;
+    }, () => {
+      fuse.value = createFuse();
     }, { deep: true });
-    vueDemi.watch(() => vueDemi.unref(data), (newData) => {
+    vueDemi.watch(() => shared.resolveUnref(data), (newData) => {
       fuse.value.setCollection(newData);
     }, { deep: true });
     const results = vueDemi.computed(() => {
-      var _a2, _b;
-      if (((_a2 = vueDemi.unref(options)) == null ? void 0 : _a2.matchAllWhenSearchEmpty) && !vueDemi.unref(search))
-        return vueDemi.unref(data).map((item, index) => ({ item, refIndex: index }));
-      const limit = (_b = vueDemi.unref(options)) == null ? void 0 : _b.resultLimit;
-      return fuse.value.search(vueDemi.unref(search), limit ? { limit } : void 0);
+      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 limit = resolved == null ? void 0 : resolved.resultLimit;
+      return fuse.value.search(shared.resolveUnref(search), limit ? { limit } : void 0);
     });
     return {
+      fuse,
       results
     };
   }
@@ -127,4 +110,4 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})(this.VueUse = this.VueUse || {}, Fuse, VueDemi);
+})(this.VueUse = this.VueUse || {}, Fuse, VueDemi, VueUse);

package/useFuse.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(n,r,o){if(n.install)return n;if(r)if(r.version.slice(0,4)==="2.7."){for(var f in r)n[f]=r[f];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=r,n.Vue2=r,n.version=r.version,n.set=function(s,t,e){return Array.isArray(s)?(s.length=Math.max(s.length,t),s.splice(t,1,e),e):(r.set(s,t,e),e)},n.del=function(s,t){if(Array.isArray(s)){s.splice(t,1);return}r.delete(s,t)}}else if(r.version.slice(0,2)==="2.")if(o){for(var f in o)n[f]=o[f];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=r,n.Vue2=r,n.version=r.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(r.version.slice(0,2)==="3."){for(var f in r)n[f]=r[f];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=r,n.Vue2=void 0,n.version=r.version,n.set=function(s,t,e){return Array.isArray(s)?(s.length=Math.max(s.length,t),s.splice(t,1,e),e):(s[t]=e,e)},n.del=function(s,t){if(Array.isArray(s)){s.splice(t,1);return}delete s[t]}}else console.error("[vue-demi] Vue version "+r.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");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,r,o){"use strict";function f(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var s=f(r);function t(e,u,c){var v;const h=(i,d)=>{var l;const p=d;return new s.default((l=o.unref(i))!=null?l:[],p)},a=o.ref(h(u,(v=o.unref(c))==null?void 0:v.fuseOptions));return o.watch(()=>{var i;return(i=o.unref(c))==null?void 0:i.fuseOptions},i=>{a.value=h(u,i)},{deep:!0}),o.watch(()=>o.unref(u),i=>{a.value.setCollection(i)},{deep:!0}),{results:o.computed(()=>{var i,d;if(((i=o.unref(c))==null?void 0:i.matchAllWhenSearchEmpty)&&!o.unref(e))return o.unref(u).map((p,A)=>({item:p,refIndex:A}));const l=(d=o.unref(c))==null?void 0:d.resultLimit;return a.value.search(o.unref(e),l?{limit:l}:void 0)})}}n.useFuse=t,Object.defineProperty(n,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},Fuse,VueDemi);
+var VueDemi=function(e,n,t){if(e.install)return e;if(n)if(n.version.slice(0,4)==="2.7."){for(var r in n)e[r]=n[r];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=n,e.Vue2=n,e.version=n.version}else if(n.version.slice(0,2)==="2.")if(t){for(var r in t)e[r]=t[r];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=n,e.Vue2=n,e.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 r in n)e[r]=n[r];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=n,e.Vue2=void 0,e.version=n.version,e.set=function(o,i,f){return Array.isArray(o)?(o.length=Math.max(o.length,i),o.splice(i,1,f),f):(o[i]=f,f)},e.del=function(o,i){if(Array.isArray(o)){o.splice(i,1);return}delete o[i]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");return e}(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(e,n,t,r){"use strict";function o(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var i=o(n);function f(l,v,d){const a=()=>{var s,u;return new i.default((s=r.resolveUnref(v))!=null?s:[],(u=r.resolveUnref(d))==null?void 0:u.fuseOptions)},c=t.ref(a());t.watch(()=>{var s;return(s=r.resolveUnref(d))==null?void 0:s.fuseOptions},()=>{c.value=a()},{deep:!0}),t.watch(()=>r.resolveUnref(v),s=>{c.value.setCollection(s)},{deep:!0});const p=t.computed(()=>{const s=r.resolveUnref(d);if((s==null?void 0:s.matchAllWhenSearchEmpty)&&!t.unref(l))return r.resolveUnref(v).map((U,y)=>({item:U,refIndex:y}));const u=s==null?void 0:s.resultLimit;return c.value.search(r.resolveUnref(l),u?{limit:u}:void 0)});return{fuse:c,results:p}}e.useFuse=f,Object.defineProperty(e,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},Fuse,VueDemi,VueUse);

package/useFuse.mjs

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

package/useJwt.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vueDemi = require('vue-demi');
+var shared = require('@vueuse/shared');
 var jwt_decode = require('jwt-decode');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,7 +11,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var jwt_decode__default = /*#__PURE__*/_interopDefaultLegacy(jwt_decode);
 
 function useJwt(encodedJwt, options = {}) {
-  const encodedJwtRef = vueDemi.ref(encodedJwt);
   const {
     onError,
     fallbackValue = null
@@ -23,8 +23,8 @@ function useJwt(encodedJwt, options = {}) {
       return fallbackValue;
     }
   };
-  const header = vueDemi.computed(() => decodeWithFallback(encodedJwtRef.value, { header: true }));
-  const payload = vueDemi.computed(() => decodeWithFallback(encodedJwtRef.value));
+  const header = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt), { header: true }));
+  const payload = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt)));
   return {
     header,
     payload

package/useJwt.d.ts

@@ -1,8 +1,8 @@
 import { ComputedRef } from 'vue-demi';
-import { MaybeRef } from '@vueuse/shared';
+import { MaybeComputedRef } from '@vueuse/shared';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
 
-interface JwtOptions<Fallback> {
+interface UseJwtOptions<Fallback> {
     /**
      * Value returned when encounter error on decoding
      *
@@ -14,7 +14,7 @@ interface JwtOptions<Fallback> {
      */
     onError?: (error: unknown) => void;
 }
-interface JwtResult<Payload, Header, Fallback> {
+interface UseJwtReturn<Payload, Header, Fallback> {
     header: ComputedRef<Header | Fallback>;
     payload: ComputedRef<Payload | Fallback>;
 }
@@ -24,6 +24,6 @@ interface JwtResult<Payload, Header, Fallback> {
  * @see https://vueuse.org/useJwt
  * @param jwt
  */
-declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeRef<string>, options?: JwtOptions<Fallback>): JwtResult<Payload, Header, Fallback>;
+declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeComputedRef<string>, options?: UseJwtOptions<Fallback>): UseJwtReturn<Payload, Header, Fallback>;
 
-export { JwtOptions, JwtResult, useJwt };
+export { UseJwtOptions, UseJwtReturn, useJwt };

package/useJwt.iife.js

@@ -13,22 +13,6 @@
       VueDemi.Vue = Vue
       VueDemi.Vue2 = Vue
       VueDemi.version = Vue.version
-      VueDemi.set = function(target, key, val) {
-        if (Array.isArray(target)) {
-          target.length = Math.max(target.length, key)
-          target.splice(key, 1, val)
-          return val
-        }
-        Vue.set(target, key, val)
-        return val
-      }
-      VueDemi.del = function(target, key) {
-        if (Array.isArray(target)) {
-          target.splice(key, 1)
-          return
-        }
-        Vue.delete(target, key)
-      }
     }
     else if (Vue.version.slice(0, 2) === '2.') {
       if (VueCompositionAPI) {
@@ -87,7 +71,7 @@
   this.VueCompositionAPI || (typeof VueCompositionAPI !== "undefined" ? VueCompositionAPI : undefined)
 );
 ;
-;(function (exports, vueDemi, jwt_decode) {
+;(function (exports, vueDemi, shared, jwt_decode) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -95,7 +79,6 @@
   var jwt_decode__default = /*#__PURE__*/_interopDefaultLegacy(jwt_decode);
 
   function useJwt(encodedJwt, options = {}) {
-    const encodedJwtRef = vueDemi.ref(encodedJwt);
     const {
       onError,
       fallbackValue = null
@@ -108,8 +91,8 @@
         return fallbackValue;
       }
     };
-    const header = vueDemi.computed(() => decodeWithFallback(encodedJwtRef.value, { header: true }));
-    const payload = vueDemi.computed(() => decodeWithFallback(encodedJwtRef.value));
+    const header = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt), { header: true }));
+    const payload = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt)));
     return {
       header,
       payload
@@ -120,4 +103,4 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})(this.VueUse = this.VueUse || {}, VueDemi, jwt_decode);
+})(this.VueUse = this.VueUse || {}, VueDemi, VueUse, jwt_decode);

package/useJwt.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(n,e,t){if(n.install)return n;if(e)if(e.version.slice(0,4)==="2.7."){for(var i in e)n[i]=e[i];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version,n.set=function(r,s,o){return Array.isArray(r)?(r.length=Math.max(r.length,s),r.splice(s,1,o),o):(e.set(r,s,o),o)},n.del=function(r,s){if(Array.isArray(r)){r.splice(s,1);return}e.delete(r,s)}}else if(e.version.slice(0,2)==="2.")if(t){for(var i in t)n[i]=t[i];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 i in e)n[i]=e[i];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=e,n.Vue2=void 0,n.version=e.version,n.set=function(r,s,o){return Array.isArray(r)?(r.length=Math.max(r.length,s),r.splice(s,1,o),o):(r[s]=o,o)},n.del=function(r,s){if(Array.isArray(r)){r.splice(s,1);return}delete r[s]}}else console.error("[vue-demi] Vue version "+e.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");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,t){"use strict";function i(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var r=i(t);function s(o,c={}){const f=e.ref(o),{onError:l,fallbackValue:u=null}=c,d=(v,h)=>{try{return r.default(v,h)}catch(y){return l==null||l(y),u}},a=e.computed(()=>d(f.value,{header:!0})),p=e.computed(()=>d(f.value));return{header:a,payload:p}}n.useJwt=s,Object.defineProperty(n,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueDemi,jwt_decode);
+var VueDemi=function(n,e,i){if(n.install)return n;if(e)if(e.version.slice(0,4)==="2.7."){for(var o in e)n[o]=e[o];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version}else if(e.version.slice(0,2)==="2.")if(i){for(var o in i)n[o]=i[o];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 o in e)n[o]=e[o];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=e,n.Vue2=void 0,n.version=e.version,n.set=function(r,s,f){return Array.isArray(r)?(r.length=Math.max(r.length,s),r.splice(s,1,f),f):(r[s]=f,f)},n.del=function(r,s){if(Array.isArray(r)){r.splice(s,1);return}delete r[s]}}else console.error("[vue-demi] Vue version "+e.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");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,i,o){"use strict";function r(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var s=r(o);function f(t,d={}){const{onError:l,fallbackValue:c=null}=d,u=(p,h)=>{try{return s.default(p,h)}catch(y){return l==null||l(y),c}},a=e.computed(()=>u(i.resolveUnref(t),{header:!0})),v=e.computed(()=>u(i.resolveUnref(t)));return{header:a,payload:v}}n.useJwt=f,Object.defineProperty(n,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueDemi,VueUse,jwt_decode);

package/useJwt.mjs

@@ -1,8 +1,8 @@
-import { ref, computed } from 'vue-demi';
+import { computed } from 'vue-demi';
+import { resolveUnref } from '@vueuse/shared';
 import jwt_decode from 'jwt-decode';
 
 function useJwt(encodedJwt, options = {}) {
-  const encodedJwtRef = ref(encodedJwt);
   const {
     onError,
     fallbackValue = null
@@ -15,8 +15,8 @@ function useJwt(encodedJwt, options = {}) {
       return fallbackValue;
     }
   };
-  const header = computed(() => decodeWithFallback(encodedJwtRef.value, { header: true }));
-  const payload = computed(() => decodeWithFallback(encodedJwtRef.value));
+  const header = computed(() => decodeWithFallback(resolveUnref(encodedJwt), { header: true }));
+  const payload = computed(() => decodeWithFallback(resolveUnref(encodedJwt)));
   return {
     header,
     payload

package/useNProgress.cjs

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var nprogress__default = /*#__PURE__*/_interopDefaultLegacy(nprogress);
 
 function useNProgress(currentProgress = null, options) {
-  const progress = vueDemi.isRef(currentProgress) ? currentProgress : vueDemi.ref(currentProgress);
+  const progress = vueDemi.ref(currentProgress);
   const isLoading = vueDemi.computed({
     set: (load) => load ? nprogress__default["default"].start() : nprogress__default["default"].done(),
     get: () => shared.isNumber(progress.value) && progress.value < 1

package/useNProgress.d.ts

@@ -1,17 +1,15 @@
 import * as vue_demi from 'vue-demi';
 import nprogress, { NProgressOptions } from 'nprogress';
-import { MaybeRef } from '@vueuse/shared';
+import { MaybeComputedRef } from '@vueuse/shared';
 
 /**
  * Reactive progress bar.
  *
  * @see https://vueuse.org/useNProgress
- * @param currentProgress
- * @param options
  */
-declare function useNProgress(currentProgress?: MaybeRef<number | null | undefined>, options?: Partial<NProgressOptions>): {
+declare function useNProgress(currentProgress?: MaybeComputedRef<number | null | undefined>, options?: Partial<NProgressOptions>): {
     isLoading: vue_demi.WritableComputedRef<boolean>;
-    progress: vue_demi.Ref<number | null | undefined>;
+    progress: vue_demi.Ref<number | (() => undefined) | (() => null) | (() => number) | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean | undefined) => nprogress.NProgress;
     remove: () => void;

package/useNProgress.iife.js

@@ -13,22 +13,6 @@
       VueDemi.Vue = Vue
       VueDemi.Vue2 = Vue
       VueDemi.version = Vue.version
-      VueDemi.set = function(target, key, val) {
-        if (Array.isArray(target)) {
-          target.length = Math.max(target.length, key)
-          target.splice(key, 1, val)
-          return val
-        }
-        Vue.set(target, key, val)
-        return val
-      }
-      VueDemi.del = function(target, key) {
-        if (Array.isArray(target)) {
-          target.splice(key, 1)
-          return
-        }
-        Vue.delete(target, key)
-      }
     }
     else if (Vue.version.slice(0, 2) === '2.') {
       if (VueCompositionAPI) {
@@ -95,7 +79,7 @@
   var nprogress__default = /*#__PURE__*/_interopDefaultLegacy(nprogress);
 
   function useNProgress(currentProgress = null, options) {
-    const progress = vueDemi.isRef(currentProgress) ? currentProgress : vueDemi.ref(currentProgress);
+    const progress = vueDemi.ref(currentProgress);
     const isLoading = vueDemi.computed({
       set: (load) => load ? nprogress__default["default"].start() : nprogress__default["default"].done(),
       get: () => shared.isNumber(progress.value) && progress.value < 1

package/useNProgress.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(e,s,f){if(e.install)return e;if(s)if(s.version.slice(0,4)==="2.7."){for(var o in s)e[o]=s[o];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=s,e.Vue2=s,e.version=s.version,e.set=function(r,n,t){return Array.isArray(r)?(r.length=Math.max(r.length,n),r.splice(n,1,t),t):(s.set(r,n,t),t)},e.del=function(r,n){if(Array.isArray(r)){r.splice(n,1);return}s.delete(r,n)}}else if(s.version.slice(0,2)==="2.")if(f){for(var o in f)e[o]=f[o];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=s,e.Vue2=s,e.version=s.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(s.version.slice(0,2)==="3."){for(var o in s)e[o]=s[o];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=s,e.Vue2=void 0,e.version=s.version,e.set=function(r,n,t){return Array.isArray(r)?(r.length=Math.max(r.length,n),r.splice(n,1,t),t):(r[n]=t,t)},e.del=function(r,n){if(Array.isArray(r)){r.splice(n,1);return}delete r[n]}}else console.error("[vue-demi] Vue version "+s.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");return e}(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(e,s,f,o){"use strict";function r(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}var n=r(s);function t(i=null,d){const l=o.isRef(i)?i:o.ref(i),c=o.computed({set:u=>u?n.default.start():n.default.done(),get:()=>f.isNumber(l.value)&&l.value<1});d&&n.default.configure(d);const a=n.default.set;return n.default.set=u=>(l.value=u,a.call(n.default,u)),o.watchEffect(()=>{f.isNumber(l.value)&&a.call(n.default,l.value)}),f.tryOnScopeDispose(n.default.remove),{isLoading:c,progress:l,start:n.default.start,done:n.default.done,remove:()=>{l.value=null,n.default.remove()}}}e.useNProgress=t,Object.defineProperty(e,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},nprogress,VueUse,VueDemi);
+var VueDemi=function(e,s,t){if(e.install)return e;if(s)if(s.version.slice(0,4)==="2.7."){for(var r in s)e[r]=s[r];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=s,e.Vue2=s,e.version=s.version}else if(s.version.slice(0,2)==="2.")if(t){for(var r in t)e[r]=t[r];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=s,e.Vue2=s,e.version=s.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(s.version.slice(0,2)==="3."){for(var r in s)e[r]=s[r];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=s,e.Vue2=void 0,e.version=s.version,e.set=function(o,n,l){return Array.isArray(o)?(o.length=Math.max(o.length,n),o.splice(n,1,l),l):(o[n]=l,l)},e.del=function(o,n){if(Array.isArray(o)){o.splice(n,1);return}delete o[n]}}else console.error("[vue-demi] Vue version "+s.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");return e}(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(e,s,t,r){"use strict";function o(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}var n=o(s);function l(i=null,a){const f=r.ref(i),c=r.computed({set:u=>u?n.default.start():n.default.done(),get:()=>t.isNumber(f.value)&&f.value<1});a&&n.default.configure(a);const d=n.default.set;return n.default.set=u=>(f.value=u,d.call(n.default,u)),r.watchEffect(()=>{t.isNumber(f.value)&&d.call(n.default,f.value)}),t.tryOnScopeDispose(n.default.remove),{isLoading:c,progress:f,start:n.default.start,done:n.default.done,remove:()=>{f.value=null,n.default.remove()}}}e.useNProgress=l,Object.defineProperty(e,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},nprogress,VueUse,VueDemi);

package/useNProgress.mjs

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

package/useQRCode.cjs

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var QRCode__default = /*#__PURE__*/_interopDefaultLegacy(QRCode);
 
 function useQRCode(text, options) {
-  const src = vueDemi.ref(text);
+  const src = shared.resolveRef(text);
   const result = vueDemi.ref("");
   vueDemi.watch(src, async (value) => {
     if (src.value && shared.isClient)

package/useQRCode.d.ts

@@ -1,5 +1,5 @@
 import * as vue_demi from 'vue-demi';
-import { MaybeRef } from '@vueuse/shared';
+import { MaybeComputedRef } from '@vueuse/shared';
 import QRCode from 'qrcode';
 
 /**
@@ -9,6 +9,6 @@ import QRCode from 'qrcode';
  * @param text
  * @param options
  */
-declare function useQRCode(text: MaybeRef<string>, options?: QRCode.QRCodeToDataURLOptions): vue_demi.Ref<string>;
+declare function useQRCode(text: MaybeComputedRef<string>, options?: QRCode.QRCodeToDataURLOptions): vue_demi.Ref<string>;
 
 export { useQRCode };

package/useQRCode.iife.js

@@ -13,22 +13,6 @@
       VueDemi.Vue = Vue
       VueDemi.Vue2 = Vue
       VueDemi.version = Vue.version
-      VueDemi.set = function(target, key, val) {
-        if (Array.isArray(target)) {
-          target.length = Math.max(target.length, key)
-          target.splice(key, 1, val)
-          return val
-        }
-        Vue.set(target, key, val)
-        return val
-      }
-      VueDemi.del = function(target, key) {
-        if (Array.isArray(target)) {
-          target.splice(key, 1)
-          return
-        }
-        Vue.delete(target, key)
-      }
     }
     else if (Vue.version.slice(0, 2) === '2.') {
       if (VueCompositionAPI) {
@@ -95,7 +79,7 @@
   var QRCode__default = /*#__PURE__*/_interopDefaultLegacy(QRCode);
 
   function useQRCode(text, options) {
-    const src = vueDemi.ref(text);
+    const src = shared.resolveRef(text);
     const result = vueDemi.ref("");
     vueDemi.watch(src, async (value) => {
       if (src.value && shared.isClient)

package/useQRCode.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(n,s,t){if(n.install)return n;if(s)if(s.version.slice(0,4)==="2.7."){for(var o in s)n[o]=s[o];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=s,n.Vue2=s,n.version=s.version,n.set=function(e,r,i){return Array.isArray(e)?(e.length=Math.max(e.length,r),e.splice(r,1,i),i):(s.set(e,r,i),i)},n.del=function(e,r){if(Array.isArray(e)){e.splice(r,1);return}s.delete(e,r)}}else if(s.version.slice(0,2)==="2.")if(t){for(var o in t)n[o]=t[o];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=s,n.Vue2=s,n.version=s.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(s.version.slice(0,2)==="3."){for(var o in s)n[o]=s[o];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=s,n.Vue2=void 0,n.version=s.version,n.set=function(e,r,i){return Array.isArray(e)?(e.length=Math.max(e.length,r),e.splice(r,1,i),i):(e[r]=i,i)},n.del=function(e,r){if(Array.isArray(e)){e.splice(r,1);return}delete e[r]}}else console.error("[vue-demi] Vue version "+s.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");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,s,t,o){"use strict";function e(f){return f&&typeof f=="object"&&"default"in f?f:{default:f}}var r=e(o);function i(f,d){const l=t.ref(f),u=t.ref("");return t.watch(l,async c=>{l.value&&s.isClient&&(u.value=await r.default.toDataURL(c,d))},{immediate:!0}),u}n.useQRCode=i,Object.defineProperty(n,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueUse,VueDemi,QRCode);
+var VueDemi=function(n,e,t){if(n.install)return n;if(e)if(e.version.slice(0,4)==="2.7."){for(var o in e)n[o]=e[o];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version}else if(e.version.slice(0,2)==="2.")if(t){for(var o in t)n[o]=t[o];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 o in e)n[o]=e[o];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=e,n.Vue2=void 0,n.version=e.version,n.set=function(s,i,f){return Array.isArray(s)?(s.length=Math.max(s.length,i),s.splice(i,1,f),f):(s[i]=f,f)},n.del=function(s,i){if(Array.isArray(s)){s.splice(i,1);return}delete s[i]}}else console.error("[vue-demi] Vue version "+e.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");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,t,o){"use strict";function s(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var i=s(o);function f(r,d){const l=e.resolveRef(r),u=t.ref("");return t.watch(l,async a=>{l.value&&e.isClient&&(u.value=await i.default.toDataURL(a,d))},{immediate:!0}),u}n.useQRCode=f,Object.defineProperty(n,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueUse,VueDemi,QRCode);

package/useQRCode.mjs

@@ -1,9 +1,9 @@
-import { isClient } from '@vueuse/shared';
+import { resolveRef, isClient } from '@vueuse/shared';
 import { ref, watch } from 'vue-demi';
 import QRCode from 'qrcode';
 
 function useQRCode(text, options) {
-  const src = ref(text);
+  const src = resolveRef(text);
   const result = ref("");
   watch(src, async (value) => {
     if (src.value && isClient)