@vueuse/integrations 8.9.4 → 9.0.0-beta.0

package/useAsyncValidator/component.mjs

@@ -1,5 +1,71 @@
-import { defineComponent, reactive } from 'vue-demi';
-import { useAsyncValidator } from '@vueuse/integrations';
+import { ref, computed, watchEffect, defineComponent, reactive } from 'vue-demi';
+import { resolveUnref, until } from '@vueuse/shared';
+import Schema from 'async-validator';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function useAsyncValidator(value, rules, options = {}) {
+  const errorInfo = ref();
+  const isFinished = ref(false);
+  const pass = ref(false);
+  const errors = computed(() => {
+    var _a;
+    return ((_a = errorInfo.value) == null ? void 0 : _a.errors) || [];
+  });
+  const errorFields = computed(() => {
+    var _a;
+    return ((_a = errorInfo.value) == null ? void 0 : _a.fields) || {};
+  });
+  const { validateOption = {} } = options;
+  watchEffect(async () => {
+    isFinished.value = false;
+    pass.value = false;
+    const validator = new Schema(resolveUnref(rules));
+    try {
+      await validator.validate(resolveUnref(value), validateOption);
+      pass.value = true;
+      errorInfo.value = null;
+    } catch (err) {
+      errorInfo.value = err;
+    } finally {
+      isFinished.value = true;
+    }
+  });
+  const shell = {
+    pass,
+    isFinished,
+    errorInfo,
+    errors,
+    errorFields
+  };
+  function waitUntilFinished() {
+    return new Promise((resolve, reject) => {
+      until(isFinished).toBe(true).then(() => resolve(shell)).catch((error) => reject(error));
+    });
+  }
+  return __spreadProps(__spreadValues({}, shell), {
+    then(onFulfilled, onRejected) {
+      return waitUntilFinished().then(onFulfilled, onRejected);
+    }
+  });
+}
 
 const UseAsyncValidator = defineComponent({
   name: "UseAsyncValidator",

package/useAsyncValidator.cjs

@@ -45,9 +45,9 @@ function useAsyncValidator(value, rules, options = {}) {
   vueDemi.watchEffect(async () => {
     isFinished.value = false;
     pass.value = false;
-    const validator = new Schema__default["default"](vueDemi.unref(rules));
+    const validator = new Schema__default["default"](shared.resolveUnref(rules));
     try {
-      await validator.validate(vueDemi.unref(value), validateOption);
+      await validator.validate(shared.resolveUnref(value), validateOption);
       pass.value = true;
       errorInfo.value = null;
     } catch (err) {

package/useAsyncValidator.d.ts

@@ -1,4 +1,4 @@
-import { MaybeRef } from '@vueuse/shared';
+import { MaybeComputedRef } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
 import { Ref } from 'vue-demi';
 
@@ -25,6 +25,6 @@ interface UseAsyncValidatorOptions {
  * @see https://vueuse.org/useAsyncValidator
  * @see https://github.com/yiminghe/async-validator
  */
-declare function useAsyncValidator(value: MaybeRef<Record<string, any>>, rules: MaybeRef<Rules>, options?: UseAsyncValidatorOptions): UseAsyncValidatorReturn & PromiseLike<UseAsyncValidatorReturn>;
+declare function useAsyncValidator(value: MaybeComputedRef<Record<string, any>>, rules: MaybeComputedRef<Rules>, options?: UseAsyncValidatorOptions): UseAsyncValidatorReturn & PromiseLike<UseAsyncValidatorReturn>;
 
 export { AsyncValidatorError, UseAsyncValidatorOptions, UseAsyncValidatorReturn, useAsyncValidator };

package/useAsyncValidator.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) {
@@ -129,9 +113,9 @@
     vueDemi.watchEffect(async () => {
       isFinished.value = false;
       pass.value = false;
-      const validator = new Schema__default["default"](vueDemi.unref(rules));
+      const validator = new Schema__default["default"](shared.resolveUnref(rules));
       try {
-        await validator.validate(vueDemi.unref(value), validateOption);
+        await validator.validate(shared.resolveUnref(value), validateOption);
         pass.value = true;
         errorInfo.value = null;
       } catch (err) {
@@ -163,4 +147,4 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})(this.VueUse = this.VueUse || {}, VueUse, Schema, VueDemi);
+})(this.VueUse = this.VueUse || {}, VueUse, AsyncValidator, VueDemi);

package/useAsyncValidator.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(r,e,c){if(r.install)return r;if(e)if(e.version.slice(0,4)==="2.7."){for(var s in e)r[s]=e[s];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=e,r.Vue2=e,r.version=e.version,r.set=function(n,o,a){return Array.isArray(n)?(n.length=Math.max(n.length,o),n.splice(o,1,a),a):(e.set(n,o,a),a)},r.del=function(n,o){if(Array.isArray(n)){n.splice(o,1);return}e.delete(n,o)}}else if(e.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=e,r.Vue2=e,r.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)r[s]=e[s];r.isVue2=!1,r.isVue3=!0,r.install=function(){},r.Vue=e,r.Vue2=void 0,r.version=e.version,r.set=function(n,o,a){return Array.isArray(n)?(n.length=Math.max(n.length,o),n.splice(o,1,a),a):(n[o]=a,a)},r.del=function(n,o){if(Array.isArray(n)){n.splice(o,1);return}delete n[o]}}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 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,e,c,s){"use strict";function n(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var o=n(c),a=Object.defineProperty,P=Object.defineProperties,O=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable,_=(t,i,l)=>i in t?a(t,i,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[i]=l,b=(t,i)=>{for(var l in i||(i={}))w.call(i,l)&&_(t,l,i[l]);if(h)for(var l of h(i))A.call(i,l)&&_(t,l,i[l]);return t},j=(t,i)=>P(t,O(i));function I(t,i,l={}){const u=s.ref(),p=s.ref(!1),v=s.ref(!1),S=s.computed(()=>{var f;return((f=u.value)==null?void 0:f.errors)||[]}),U=s.computed(()=>{var f;return((f=u.value)==null?void 0:f.fields)||{}}),{validateOption:E={}}=l;s.watchEffect(async()=>{p.value=!1,v.value=!1;const f=new o.default(s.unref(i));try{await f.validate(s.unref(t),E),v.value=!0,u.value=null}catch(d){u.value=d}finally{p.value=!0}});const y={pass:v,isFinished:p,errorInfo:u,errors:S,errorFields:U};function F(){return new Promise((f,d)=>{e.until(p).toBe(!0).then(()=>f(y)).catch(M=>d(M))})}return j(b({},y),{then(f,d){return F().then(f,d)}})}r.useAsyncValidator=I,Object.defineProperty(r,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueUse,Schema,VueDemi);
+var VueDemi=function(e,r,u){if(e.install)return e;if(r)if(r.version.slice(0,4)==="2.7."){for(var t in r)e[t]=r[t];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=r,e.Vue2=r,e.version=r.version}else if(r.version.slice(0,2)==="2.")if(u){for(var t in u)e[t]=u[t];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=r,e.Vue2=r,e.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 t in r)e[t]=r[t];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=r,e.Vue2=void 0,e.version=r.version,e.set=function(i,a,f){return Array.isArray(i)?(i.length=Math.max(i.length,a),i.splice(a,1,f),f):(i[a]=f,f)},e.del=function(i,a){if(Array.isArray(i)){i.splice(a,1);return}delete i[a]}}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 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,r,u,t){"use strict";function i(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var a=i(u),f=Object.defineProperty,P=Object.defineProperties,O=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable,y=(n,o,s)=>o in n?f(n,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[o]=s,A=(n,o)=>{for(var s in o||(o={}))w.call(o,s)&&y(n,s,o[s]);if(_)for(var s of _(o))b.call(o,s)&&y(n,s,o[s]);return n},j=(n,o)=>P(n,O(o));function U(n,o,s={}){const c=t.ref(),v=t.ref(!1),p=t.ref(!1),I=t.computed(()=>{var l;return((l=c.value)==null?void 0:l.errors)||[]}),E=t.computed(()=>{var l;return((l=c.value)==null?void 0:l.fields)||{}}),{validateOption:F={}}=s;t.watchEffect(async()=>{v.value=!1,p.value=!1;const l=new a.default(r.resolveUnref(o));try{await l.validate(r.resolveUnref(n),F),p.value=!0,c.value=null}catch(d){c.value=d}finally{v.value=!0}});const h={pass:p,isFinished:v,errorInfo:c,errors:I,errorFields:E};function S(){return new Promise((l,d)=>{r.until(v).toBe(!0).then(()=>l(h)).catch(g=>d(g))})}return j(A({},h),{then(l,d){return S().then(l,d)}})}e.useAsyncValidator=U,Object.defineProperty(e,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueUse,AsyncValidator,VueDemi);

package/useAsyncValidator.mjs

@@ -1,6 +1,6 @@
-import { until } from '@vueuse/shared';
+import { resolveUnref, until } from '@vueuse/shared';
 import Schema from 'async-validator';
-import { ref, computed, watchEffect, unref } from 'vue-demi';
+import { ref, computed, watchEffect } from 'vue-demi';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -37,9 +37,9 @@ function useAsyncValidator(value, rules, options = {}) {
   watchEffect(async () => {
     isFinished.value = false;
     pass.value = false;
-    const validator = new Schema(unref(rules));
+    const validator = new Schema(resolveUnref(rules));
     try {
-      await validator.validate(unref(value), validateOption);
+      await validator.validate(resolveUnref(value), validateOption);
       pass.value = true;
       errorInfo.value = null;
     } catch (err) {

package/useAxios.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) {

package/useAxios.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(e,t,a){if(e.install)return e;if(t)if(t.version.slice(0,4)==="2.7."){for(var c in t)e[c]=t[c];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=t,e.Vue2=t,e.version=t.version,e.set=function(r,i,f){return Array.isArray(r)?(r.length=Math.max(r.length,i),r.splice(i,1,f),f):(t.set(r,i,f),f)},e.del=function(r,i){if(Array.isArray(r)){r.splice(i,1);return}t.delete(r,i)}}else if(t.version.slice(0,2)==="2.")if(a){for(var c in a)e[c]=a[c];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=t,e.Vue2=t,e.version=t.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(t.version.slice(0,2)==="3."){for(var c in t)e[c]=t[c];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=t,e.Vue2=void 0,e.version=t.version,e.set=function(r,i,f){return Array.isArray(r)?(r.length=Math.max(r.length,i),r.splice(i,1,f),f):(r[i]=f,f)},e.del=function(r,i){if(Array.isArray(r)){r.splice(i,1);return}delete r[i]}}else console.error("[vue-demi] Vue version "+t.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,t,a,c){"use strict";function r(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var i=r(c),f=Object.defineProperty,F=Object.defineProperties,L=Object.getOwnPropertyDescriptors,A=Object.getOwnPropertySymbols,q=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,b=(n,s,o)=>s in n?f(n,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[s]=o,_=(n,s)=>{for(var o in s||(s={}))q.call(s,o)&&b(n,o,s[o]);if(A)for(var o of A(s))B.call(s,o)&&b(n,o,s[o]);return n},O=(n,s)=>F(n,L(s));function N(...n){const s=typeof n[0]=="string"?n[0]:void 0,o=a.isString(s)?1:0;let w={},y=i.default,j={immediate:!!o};const P=l=>!!(l==null?void 0:l.request);n.length>0+o&&(P(n[0+o])?y=n[0+o]:w=n[0+o]),n.length>1+o&&P(n[1+o])&&(y=n[1+o]),(n.length===2+o&&!P(n[1+o])||n.length===3+o)&&(j=n[n.length-1]);const x=t.shallowRef(),C=t.shallowRef(),u=t.ref(!1),d=t.ref(!1),p=t.ref(!1),I=t.shallowRef(),M=i.default.CancelToken.source(),R=l=>{u.value||!d.value||(M.cancel(l),p.value=!0,d.value=!1,u.value=!1)},S=l=>{d.value=l,u.value=!l},z=()=>new Promise((l,v)=>{a.until(u).toBe(!0).then(()=>l(E)).catch(v)}),T=(l,v)=>z().then(l,v),U=(l=s,v={})=>{const G=typeof l=="string"?l:s??"";return S(!0),y(G,O(_(_({},w),v),{cancelToken:M.token})).then(h=>{x.value=h,C.value=h.data}).catch(h=>{I.value=h}).finally(()=>S(!1)),{then:T}};j.immediate&&s&&U();const E={response:x,data:C,error:I,finished:u,loading:d,isFinished:u,isLoading:d,cancel:R,isAborted:p,canceled:p,aborted:p,isCanceled:p,abort:R,execute:U};return O(_({},E),{then:T})}e.useAxios=N,Object.defineProperty(e,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueDemi,VueUse,axios);
+var VueDemi=function(n,t,a){if(n.install)return n;if(t)if(t.version.slice(0,4)==="2.7."){for(var l in t)n[l]=t[l];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=t,n.Vue2=t,n.version=t.version}else if(t.version.slice(0,2)==="2.")if(a){for(var l in a)n[l]=a[l];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=t,n.Vue2=t,n.version=t.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(t.version.slice(0,2)==="3."){for(var l in t)n[l]=t[l];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=t,n.Vue2=void 0,n.version=t.version,n.set=function(i,f,c){return Array.isArray(i)?(i.length=Math.max(i.length,f),i.splice(f,1,c),c):(i[f]=c,c)},n.del=function(i,f){if(Array.isArray(i)){i.splice(f,1);return}delete i[f]}}else console.error("[vue-demi] Vue version "+t.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,t,a,l){"use strict";function i(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var f=i(l),c=Object.defineProperty,L=Object.defineProperties,M=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,O=(e,s,o)=>s in e?c(e,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[s]=o,_=(e,s)=>{for(var o in s||(s={}))g.call(s,o)&&O(e,o,s[o]);if(b)for(var o of b(s))q.call(s,o)&&O(e,o,s[o]);return e},w=(e,s)=>L(e,M(s));function B(...e){const s=typeof e[0]=="string"?e[0]:void 0,o=a.isString(s)?1:0;let A={},y=f.default,j={immediate:!!o};const P=r=>!!(r==null?void 0:r.request);e.length>0+o&&(P(e[0+o])?y=e[0+o]:A=e[0+o]),e.length>1+o&&P(e[1+o])&&(y=e[1+o]),(e.length===2+o&&!P(e[1+o])||e.length===3+o)&&(j=e[e.length-1]);const x=t.shallowRef(),C=t.shallowRef(),u=t.ref(!1),d=t.ref(!1),p=t.ref(!1),I=t.shallowRef(),R=f.default.CancelToken.source(),S=r=>{u.value||!d.value||(R.cancel(r),p.value=!0,d.value=!1,u.value=!1)},T=r=>{d.value=r,u.value=!r},N=()=>new Promise((r,v)=>{a.until(u).toBe(!0).then(()=>r(F)).catch(v)}),U=(r,v)=>N().then(r,v),E=(r=s,v={})=>{const k=typeof r=="string"?r:s??"";return T(!0),y(k,w(_(_({},A),v),{cancelToken:R.token})).then(h=>{x.value=h,C.value=h.data}).catch(h=>{I.value=h}).finally(()=>T(!1)),{then:U}};j.immediate&&s&&E();const F={response:x,data:C,error:I,finished:u,loading:d,isFinished:u,isLoading:d,cancel:S,isAborted:p,canceled:p,aborted:p,isCanceled:p,abort:S,execute:E};return w(_({},F),{then:U})}n.useAxios=B,Object.defineProperty(n,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueDemi,VueUse,axios);

package/useChangeCase.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var shared = require('@vueuse/shared');
 var vueDemi = require('vue-demi');
 var changeCase$1 = require('change-case');
 
@@ -21,6 +22,8 @@ var changeCase = /*#__PURE__*/Object.freeze({
 });
 
 function useChangeCase(input, type, options) {
+  if (shared.isFunction(input))
+    return vueDemi.computed(() => changeCase[type](shared.resolveUnref(input), options));
   const text = vueDemi.ref(input);
   return vueDemi.computed({
     get() {

package/useChangeCase.d.ts

@@ -1,6 +1,6 @@
 import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
-import { MaybeRef } from '@vueuse/shared';
-import { WritableComputedRef } from 'vue-demi';
+import { MaybeRef, MaybeComputedRef } from '@vueuse/shared';
+import { WritableComputedRef, ComputedRef } from 'vue-demi';
 
 declare const changeCase_camelCase: typeof camelCase;
 declare const changeCase_capitalCase: typeof capitalCase;
@@ -31,5 +31,6 @@ declare namespace changeCase {
 
 declare type ChangeCaseType = keyof typeof changeCase;
 declare function useChangeCase(input: MaybeRef<string>, type: ChangeCaseType, options?: Options | undefined): WritableComputedRef<string>;
+declare function useChangeCase(input: MaybeComputedRef<string>, type: ChangeCaseType, options?: Options | undefined): ComputedRef<string>;
 
 export { ChangeCaseType, useChangeCase };

package/useChangeCase.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, changeCase$1) {
+;(function (exports, shared, vueDemi, changeCase$1) {
   'use strict';
 
   var changeCase = /*#__PURE__*/Object.freeze({
@@ -106,6 +90,8 @@
   });
 
   function useChangeCase(input, type, options) {
+    if (shared.isFunction(input))
+      return vueDemi.computed(() => changeCase[type](shared.resolveUnref(input), options));
     const text = vueDemi.ref(input);
     return vueDemi.computed({
       get() {
@@ -121,4 +107,4 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})(this.VueUse = this.VueUse || {}, VueDemi, changeCase);
+})(this.VueUse = this.VueUse || {}, VueUse, VueDemi, changeCase);

package/useChangeCase.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(s,e,r){if(s.install)return s;if(e)if(e.version.slice(0,4)==="2.7."){for(var t in e)s[t]=e[t];s.isVue2=!0,s.isVue3=!1,s.install=function(){},s.Vue=e,s.Vue2=e,s.version=e.version,s.set=function(n,o,i){return Array.isArray(n)?(n.length=Math.max(n.length,o),n.splice(o,1,i),i):(e.set(n,o,i),i)},s.del=function(n,o){if(Array.isArray(n)){n.splice(o,1);return}e.delete(n,o)}}else if(e.version.slice(0,2)==="2.")if(r){for(var t in r)s[t]=r[t];s.isVue2=!0,s.isVue3=!1,s.install=function(){},s.Vue=e,s.Vue2=e,s.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 t in e)s[t]=e[t];s.isVue2=!1,s.isVue3=!0,s.install=function(){},s.Vue=e,s.Vue2=void 0,s.version=e.version,s.set=function(n,o,i){return Array.isArray(n)?(n.length=Math.max(n.length,o),n.splice(o,1,i),i):(n[o]=i,i)},s.del=function(n,o){if(Array.isArray(n)){n.splice(o,1);return}delete n[o]}}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 s}(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(s,e,r){"use strict";var t=Object.freeze({__proto__:null,camelCase:r.camelCase,capitalCase:r.capitalCase,constantCase:r.constantCase,dotCase:r.dotCase,headerCase:r.headerCase,noCase:r.noCase,paramCase:r.paramCase,pascalCase:r.pascalCase,pathCase:r.pathCase,sentenceCase:r.sentenceCase,snakeCase:r.snakeCase});function n(o,i,f){const a=e.ref(o);return e.computed({get(){return t[i](a.value,f)},set(l){a.value=l}})}s.useChangeCase=n,Object.defineProperty(s,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueDemi,changeCase);
+var VueDemi=function(e,s,i){if(e.install)return e;if(s)if(s.version.slice(0,4)==="2.7."){for(var n in s)e[n]=s[n];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(i){for(var n in i)e[n]=i[n];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 n in s)e[n]=s[n];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=s,e.Vue2=void 0,e.version=s.version,e.set=function(r,o,t){return Array.isArray(r)?(r.length=Math.max(r.length,o),r.splice(o,1,t),t):(r[o]=t,t)},e.del=function(r,o){if(Array.isArray(r)){r.splice(o,1);return}delete r[o]}}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,i,n){"use strict";var r=Object.freeze({__proto__:null,camelCase:n.camelCase,capitalCase:n.capitalCase,constantCase:n.constantCase,dotCase:n.dotCase,headerCase:n.headerCase,noCase:n.noCase,paramCase:n.paramCase,pascalCase:n.pascalCase,pathCase:n.pathCase,sentenceCase:n.sentenceCase,snakeCase:n.snakeCase});function o(t,a,f){if(s.isFunction(t))return i.computed(()=>r[a](s.resolveUnref(t),f));const l=i.ref(t);return i.computed({get(){return r[a](l.value,f)},set(u){l.value=u}})}e.useChangeCase=o,Object.defineProperty(e,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueUse,VueDemi,changeCase);

package/useChangeCase.mjs

@@ -1,4 +1,5 @@
-import { ref, computed } from 'vue-demi';
+import { isFunction, resolveUnref } from '@vueuse/shared';
+import { computed, ref } from 'vue-demi';
 import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase } from 'change-case';
 
 var changeCase = /*#__PURE__*/Object.freeze({
@@ -17,6 +18,8 @@ var changeCase = /*#__PURE__*/Object.freeze({
 });
 
 function useChangeCase(input, type, options) {
+  if (isFunction(input))
+    return computed(() => changeCase[type](resolveUnref(input), options));
   const text = ref(input);
   return computed({
     get() {

package/useCookies.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) {

package/useCookies.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(e,r,c){if(e.install)return e;if(r)if(r.version.slice(0,4)==="2.7."){for(var a in r)e[a]=r[a];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=r,e.Vue2=r,e.version=r.version,e.set=function(t,l,u){return Array.isArray(t)?(t.length=Math.max(t.length,l),t.splice(l,1,u),u):(r.set(t,l,u),u)},e.del=function(t,l){if(Array.isArray(t)){t.splice(l,1);return}r.delete(t,l)}}else if(r.version.slice(0,2)==="2.")if(c){for(var a in c)e[a]=c[a];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=r,e.Vue2=r,e.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 a in r)e[a]=r[a];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=r,e.Vue2=void 0,e.version=r.version,e.set=function(t,l,u){return Array.isArray(t)?(t.length=Math.max(t.length,l),t.splice(l,1,u),u):(t[l]=u,u)},e.del=function(t,l){if(Array.isArray(t)){t.splice(l,1);return}delete t[l]}}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 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,r,c,a){"use strict";function t(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var l=t(a),u=Object.defineProperty,p=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable,h=(n,o,s)=>o in n?u(n,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[o]=s,C=(n,o)=>{for(var s in o||(o={}))P.call(o,s)&&h(n,s,o[s]);if(p)for(var s of p(o))O.call(o,s)&&h(n,s,o[s]);return n};function w(n){const o=new l.default(n?n.headers.cookie:null);return(s,{doNotParse:f=!1,autoUpdateDependencies:d=!1}={})=>y(s,{doNotParse:f,autoUpdateDependencies:d},o)}function y(n,{doNotParse:o=!1,autoUpdateDependencies:s=!1}={},f=new l.default){const d=s?[...n||[]]:n;let _=f.getAll({doNotParse:!0});const v=c.ref(0),A=()=>{const i=f.getAll({doNotParse:!0});b(d||null,i,_)&&v.value++,_=i};return f.addChangeListener(A),r.tryOnScopeDispose(()=>{f.removeChangeListener(A)}),{get:(...i)=>(s&&d&&!d.includes(i[0])&&d.push(i[0]),v.value,f.get(i[0],C({doNotParse:o},i[1]))),getAll:(...i)=>(v.value,f.getAll(C({doNotParse:o},i[0]))),set:(...i)=>f.set(...i),remove:(...i)=>f.remove(...i),addChangeListener:(...i)=>f.addChangeListener(...i),removeChangeListener:(...i)=>f.removeChangeListener(...i)}}function b(n,o,s){if(!n)return!0;for(const f of n)if(o[f]!==s[f])return!0;return!1}e.createCookies=w,e.useCookies=y,Object.defineProperty(e,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueUse,VueDemi,UniversalCookie);
+var VueDemi=function(e,r,v){if(e.install)return e;if(r)if(r.version.slice(0,4)==="2.7."){for(var f in r)e[f]=r[f];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=r,e.Vue2=r,e.version=r.version}else if(r.version.slice(0,2)==="2.")if(v){for(var f in v)e[f]=v[f];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=r,e.Vue2=r,e.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)e[f]=r[f];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=r,e.Vue2=void 0,e.version=r.version,e.set=function(l,u,a){return Array.isArray(l)?(l.length=Math.max(l.length,u),l.splice(u,1,a),a):(l[u]=a,a)},e.del=function(l,u){if(Array.isArray(l)){l.splice(u,1);return}delete l[u]}}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 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,r,v,f){"use strict";function l(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var u=l(f),a=Object.defineProperty,p=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable,h=(n,t,o)=>t in n?a(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,C=(n,t)=>{for(var o in t||(t={}))P.call(t,o)&&h(n,o,t[o]);if(p)for(var o of p(t))A.call(t,o)&&h(n,o,t[o]);return n};function O(n){const t=new u.default(n?n.headers.cookie:null);return(o,{doNotParse:i=!1,autoUpdateDependencies:d=!1}={})=>_(o,{doNotParse:i,autoUpdateDependencies:d},t)}function _(n,{doNotParse:t=!1,autoUpdateDependencies:o=!1}={},i=new u.default){const d=o?[...n||[]]:n;let y=i.getAll({doNotParse:!0});const c=v.ref(0),g=()=>{const s=i.getAll({doNotParse:!0});w(d||null,s,y)&&c.value++,y=s};return i.addChangeListener(g),r.tryOnScopeDispose(()=>{i.removeChangeListener(g)}),{get:(...s)=>(o&&d&&!d.includes(s[0])&&d.push(s[0]),c.value,i.get(s[0],C({doNotParse:t},s[1]))),getAll:(...s)=>(c.value,i.getAll(C({doNotParse:t},s[0]))),set:(...s)=>i.set(...s),remove:(...s)=>i.remove(...s),addChangeListener:(...s)=>i.addChangeListener(...s),removeChangeListener:(...s)=>i.removeChangeListener(...s)}}function w(n,t,o){if(!n)return!0;for(const i of n)if(t[i]!==o[i])return!0;return!1}e.createCookies=O,e.useCookies=_,Object.defineProperty(e,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueUse,VueDemi,UniversalCookie);

package/useDrauu.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue-demi';
 import { Options, Drauu, Brush } from 'drauu';
-import { EventHookOn, MaybeElementRef } from '@vueuse/core';
+import { EventHookOn, MaybeComputedElementRef } from '@vueuse/core';
 
 declare type UseDrauuOptions = Omit<Options, 'el'>;
 interface UseDrauuReturn {
@@ -27,6 +27,6 @@ interface UseDrauuReturn {
  * @param target The target svg element
  * @param options Drauu Options
  */
-declare function useDrauu(target: MaybeElementRef, options?: UseDrauuOptions): UseDrauuReturn;
+declare function useDrauu(target: MaybeComputedElementRef, options?: UseDrauuOptions): UseDrauuReturn;
 
 export { UseDrauuOptions, UseDrauuReturn, useDrauu };

package/useDrauu.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) {

package/useDrauu.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(e,r,c){if(e.install)return e;if(r)if(r.version.slice(0,4)==="2.7."){for(var t in r)e[t]=r[t];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=r,e.Vue2=r,e.version=r.version,e.set=function(s,a,u){return Array.isArray(s)?(s.length=Math.max(s.length,a),s.splice(a,1,u),u):(r.set(s,a,u),u)},e.del=function(s,a){if(Array.isArray(s)){s.splice(a,1);return}r.delete(s,a)}}else if(r.version.slice(0,2)==="2.")if(c){for(var t in c)e[t]=c[t];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=r,e.Vue2=r,e.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 t in r)e[t]=r[t];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=r,e.Vue2=void 0,e.version=r.version,e.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)},e.del=function(s,a){if(Array.isArray(s)){s.splice(a,1);return}delete s[a]}}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 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,r,c,t,s){"use strict";var a=Object.defineProperty,u=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,v=(i,l,n)=>l in i?a(i,l,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[l]=n,g=(i,l)=>{for(var n in l||(l={}))S.call(l,n)&&v(i,n,l[n]);if(u)for(var n of u(l))w.call(l,n)&&v(i,n,l[n]);return i};function C(i,l){const n=r.ref();let p=[];const h=t.createEventHook(),_=t.createEventHook(),y=t.createEventHook(),E=t.createEventHook(),P=t.createEventHook(),b=r.ref(!1),A=r.ref(!1),U=r.ref(!1),I=r.ref(!1),d=r.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw"});r.watch(d,()=>{const o=n.value;o&&(o.brush=d.value,o.mode=d.value.mode)},{deep:!0});const k=()=>{var o;return(o=n.value)==null?void 0:o.undo()},G=()=>{var o;return(o=n.value)==null?void 0:o.redo()},j=()=>{var o;return(o=n.value)==null?void 0:o.clear()},M=()=>{var o;return(o=n.value)==null?void 0:o.cancel()},R=o=>{var f;return(f=n.value)==null?void 0:f.load(o)},m=()=>{var o;return(o=n.value)==null?void 0:o.dump()},H=()=>{var o;p.forEach(f=>f()),(o=n.value)==null||o.unmount()},O=()=>{n.value&&(b.value=n.value.canUndo(),A.value=n.value.canRedo(),U.value=n.value.altPressed,I.value=n.value.shiftPressed)};return r.watch(()=>t.unrefElement(i),o=>{!o||typeof SVGSVGElement=="undefined"||!(o instanceof SVGSVGElement)||(n.value&&H(),n.value=c.createDrauu(g({el:o},l)),O(),p=[n.value.on("canceled",()=>_.trigger()),n.value.on("committed",()=>y.trigger()),n.value.on("start",()=>E.trigger()),n.value.on("end",()=>P.trigger()),n.value.on("changed",()=>{O(),h.trigger()})])},{flush:"post"}),s.tryOnScopeDispose(()=>H()),{drauuInstance:n,load:R,dump:m,clear:j,cancel:M,undo:k,redo:G,canUndo:b,canRedo:A,brush:d,onChanged:h.on,onCommitted:y.on,onStart:E.on,onEnd:P.on,onCanceled:_.on}}e.useDrauu=C,Object.defineProperty(e,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueDemi,Drauu,VueUse,VueUse);
+var VueDemi=function(n,r,c){if(n.install)return n;if(r)if(r.version.slice(0,4)==="2.7."){for(var t in r)n[t]=r[t];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=r,n.Vue2=r,n.version=r.version}else if(r.version.slice(0,2)==="2.")if(c){for(var t in c)n[t]=c[t];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 t in r)n[t]=r[t];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=r,n.Vue2=void 0,n.version=r.version,n.set=function(a,u,i){return Array.isArray(a)?(a.length=Math.max(a.length,u),a.splice(u,1,i),i):(a[u]=i,i)},n.del=function(a,u){if(Array.isArray(a)){a.splice(u,1);return}delete a[u]}}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,c,t,a){"use strict";var u=Object.defineProperty,i=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,v=(l,s,e)=>s in l?u(l,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[s]=e,C=(l,s)=>{for(var e in s||(s={}))S.call(s,e)&&v(l,e,s[e]);if(i)for(var e of i(s))w.call(s,e)&&v(l,e,s[e]);return l};function k(l,s){const e=r.ref();let p=[];const h=t.createEventHook(),_=t.createEventHook(),y=t.createEventHook(),E=t.createEventHook(),P=t.createEventHook(),g=r.ref(!1),b=r.ref(!1),A=r.ref(!1),U=r.ref(!1),d=r.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw"});r.watch(d,()=>{const o=e.value;o&&(o.brush=d.value,o.mode=d.value.mode)},{deep:!0});const I=()=>{var o;return(o=e.value)==null?void 0:o.undo()},G=()=>{var o;return(o=e.value)==null?void 0:o.redo()},j=()=>{var o;return(o=e.value)==null?void 0:o.clear()},m=()=>{var o;return(o=e.value)==null?void 0:o.cancel()},R=o=>{var f;return(f=e.value)==null?void 0:f.load(o)},M=()=>{var o;return(o=e.value)==null?void 0:o.dump()},H=()=>{var o;p.forEach(f=>f()),(o=e.value)==null||o.unmount()},O=()=>{e.value&&(g.value=e.value.canUndo(),b.value=e.value.canRedo(),A.value=e.value.altPressed,U.value=e.value.shiftPressed)};return r.watch(()=>t.unrefElement(l),o=>{!o||typeof SVGSVGElement=="undefined"||!(o instanceof SVGSVGElement)||(e.value&&H(),e.value=c.createDrauu(C({el:o},s)),O(),p=[e.value.on("canceled",()=>_.trigger()),e.value.on("committed",()=>y.trigger()),e.value.on("start",()=>E.trigger()),e.value.on("end",()=>P.trigger()),e.value.on("changed",()=>{O(),h.trigger()})])},{flush:"post"}),a.tryOnScopeDispose(()=>H()),{drauuInstance:e,load:R,dump:M,clear:j,cancel:m,undo:I,redo:G,canUndo:g,canRedo:b,brush:d,onChanged:h.on,onCommitted:y.on,onStart:E.on,onEnd:P.on,onCanceled:_.on}}n.useDrauu=k,Object.defineProperty(n,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueDemi,Drauu,VueUse,VueUse);

package/useFocusTrap.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) {

package/useFocusTrap.iife.min.js

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

package/useFuse.cjs

@@ -4,36 +4,36 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Fuse = require('fuse.js');
 var vueDemi = require('vue-demi');
+var shared = require('@vueuse/shared');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 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
   };
 }

package/useFuse.d.ts

@@ -1,6 +1,7 @@
-import Fuse from 'fuse.js';
+import * as vue_demi from 'vue-demi';
 import { ComputedRef } from 'vue-demi';
-import { MaybeRef } from '@vueuse/shared';
+import Fuse from 'fuse.js';
+import { MaybeComputedRef } from '@vueuse/shared';
 
 declare type FuseOptions<T> = Fuse.IFuseOptions<T>;
 interface UseFuseOptions<T> {
@@ -8,7 +9,15 @@ interface UseFuseOptions<T> {
     resultLimit?: number;
     matchAllWhenSearchEmpty?: boolean;
 }
-declare function useFuse<DataItem>(search: MaybeRef<string>, data: MaybeRef<DataItem[]>, options?: MaybeRef<UseFuseOptions<DataItem>>): {
+declare function useFuse<DataItem>(search: MaybeComputedRef<string>, data: MaybeComputedRef<DataItem[]>, options?: MaybeComputedRef<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;
+        add: (doc: DataItem) => void;
+        remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
+        removeAt: (idx: number) => void;
+        getIndex: () => Fuse.FuseIndex<DataItem>;
+    }>;
     results: ComputedRef<Fuse.FuseResult<DataItem>[]>;
 };
 declare type UseFuseReturn = ReturnType<typeof useFuse>;