@vueuse/integrations 9.1.1 → 9.3.0

package/index.cjs

@@ -115,7 +115,7 @@ function useAxios(...args) {
   const argsPlaceholder = shared.isString(url) ? 1 : 0;
   let defaultConfig = {};
   let instance = axios__default["default"];
-  let options = { immediate: !!argsPlaceholder };
+  let options = { immediate: !!argsPlaceholder, shallow: true };
   const isAxiosInstance = (val) => !!(val == null ? void 0 : val.request);
   if (args.length > 0 + argsPlaceholder) {
     if (isAxiosInstance(args[0 + argsPlaceholder]))
@@ -130,7 +130,7 @@ function useAxios(...args) {
   if (args.length === 2 + argsPlaceholder && !isAxiosInstance(args[1 + argsPlaceholder]) || args.length === 3 + argsPlaceholder)
     options = args[args.length - 1];
   const response = vueDemi.shallowRef();
-  const data = vueDemi.shallowRef();
+  const data = options.shallow ? vueDemi.shallowRef() : vueDemi.ref();
   const isFinished = vueDemi.ref(false);
   const isLoading = vueDemi.ref(false);
   const isAborted = vueDemi.ref(false);
@@ -153,9 +153,10 @@ function useAxios(...args) {
   });
   const then = (onFulfilled, onRejected) => waitUntilFinished().then(onFulfilled, onRejected);
   const execute = (executeUrl = url, config = {}) => {
+    error.value = void 0;
     const _url = typeof executeUrl === "string" ? executeUrl : url != null ? url : "";
     loading(true);
-    instance(_url, __spreadProps$1(__spreadValues$3(__spreadValues$3({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+    instance(_url, __spreadProps$1(__spreadValues$3(__spreadValues$3({}, defaultConfig), typeof executeUrl === "object" ? executeUrl : config), { cancelToken: cancelToken.token })).then((r) => {
       response.value = r;
       data.value = r.data;
     }).catch((e) => {

package/index.d.ts

@@ -40,11 +40,11 @@ interface UseAsyncValidatorOptions {
  */
 declare function useAsyncValidator(value: MaybeComputedRef<Record<string, any>>, rules: MaybeComputedRef<Rules>, options?: UseAsyncValidatorOptions): UseAsyncValidatorReturn & PromiseLike<UseAsyncValidatorReturn>;
 
-interface UseAxiosReturn<T> {
+interface UseAxiosReturn<T, D> {
     /**
      * Axios Response
      */
-    response: ShallowRef<AxiosResponse<T> | undefined>;
+    response: ShallowRef<AxiosResponse<T, D> | undefined>;
     /**
      * Axios response data
      */
@@ -64,7 +64,7 @@ interface UseAxiosReturn<T> {
     /**
      * Any errors that may have occurred
      */
-    error: ShallowRef<AxiosError<T> | undefined>;
+    error: ShallowRef<AxiosError<T, D> | undefined>;
     /**
      * Aborts the current request
      */
@@ -98,17 +98,17 @@ interface UseAxiosReturn<T> {
      */
     isCanceled: Ref<boolean>;
 }
-interface StrictUseAxiosReturn<T> extends UseAxiosReturn<T> {
+interface StrictUseAxiosReturn<T, D> extends UseAxiosReturn<T, D> {
     /**
      * Manually call the axios request
      */
-    execute: (url?: string, config?: AxiosRequestConfig) => PromiseLike<StrictUseAxiosReturn<T>>;
+    execute: (url?: string | AxiosRequestConfig<D>, config?: AxiosRequestConfig<D>) => PromiseLike<StrictUseAxiosReturn<T, D>>;
 }
-interface EasyUseAxiosReturn<T> extends UseAxiosReturn<T> {
+interface EasyUseAxiosReturn<T, D> extends UseAxiosReturn<T, D> {
     /**
      * Manually call the axios request
      */
-    execute: (url: string, config?: AxiosRequestConfig) => PromiseLike<EasyUseAxiosReturn<T>>;
+    execute: (url: string, config?: AxiosRequestConfig<D>) => PromiseLike<EasyUseAxiosReturn<T, D>>;
 }
 interface UseAxiosOptions {
     /**
@@ -116,13 +116,19 @@ interface UseAxiosOptions {
      *
      */
     immediate?: boolean;
+    /**
+     * Use shallowRef.
+     *
+     * @default true
+     */
+    shallow?: boolean;
 }
-declare function useAxios<T = any>(url: string, config?: AxiosRequestConfig, options?: UseAxiosOptions): StrictUseAxiosReturn<T> & PromiseLike<StrictUseAxiosReturn<T>>;
-declare function useAxios<T = any>(url: string, instance?: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T> & PromiseLike<StrictUseAxiosReturn<T>>;
-declare function useAxios<T = any>(url: string, config: AxiosRequestConfig, instance: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T> & PromiseLike<StrictUseAxiosReturn<T>>;
-declare function useAxios<T = any>(config?: AxiosRequestConfig): EasyUseAxiosReturn<T> & PromiseLike<EasyUseAxiosReturn<T>>;
-declare function useAxios<T = any>(instance?: AxiosInstance): EasyUseAxiosReturn<T> & PromiseLike<EasyUseAxiosReturn<T>>;
-declare function useAxios<T = any>(config?: AxiosRequestConfig, instance?: AxiosInstance): EasyUseAxiosReturn<T> & PromiseLike<EasyUseAxiosReturn<T>>;
+declare function useAxios<T = any, D = any>(url: string, config?: AxiosRequestConfig<D>, options?: UseAxiosOptions): StrictUseAxiosReturn<T, D> & PromiseLike<StrictUseAxiosReturn<T, D>>;
+declare function useAxios<T = any, D = any>(url: string, instance?: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T, D> & PromiseLike<StrictUseAxiosReturn<T, D>>;
+declare function useAxios<T = any, D = any>(url: string, config: AxiosRequestConfig<D>, instance: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T, D> & PromiseLike<StrictUseAxiosReturn<T, D>>;
+declare function useAxios<T = any, D = any>(config?: AxiosRequestConfig<D>): EasyUseAxiosReturn<T, D> & PromiseLike<EasyUseAxiosReturn<T, D>>;
+declare function useAxios<T = any, D = any>(instance?: AxiosInstance): EasyUseAxiosReturn<T, D> & PromiseLike<EasyUseAxiosReturn<T, D>>;
+declare function useAxios<T = any, D = any>(config?: AxiosRequestConfig<D>, instance?: AxiosInstance): EasyUseAxiosReturn<T, D> & PromiseLike<EasyUseAxiosReturn<T, D>>;
 
 declare const changeCase_camelCase: typeof camelCase;
 declare const changeCase_capitalCase: typeof capitalCase;

package/index.iife.js

@@ -173,7 +173,7 @@
     const argsPlaceholder = shared.isString(url) ? 1 : 0;
     let defaultConfig = {};
     let instance = axios__default["default"];
-    let options = { immediate: !!argsPlaceholder };
+    let options = { immediate: !!argsPlaceholder, shallow: true };
     const isAxiosInstance = (val) => !!(val == null ? void 0 : val.request);
     if (args.length > 0 + argsPlaceholder) {
       if (isAxiosInstance(args[0 + argsPlaceholder]))
@@ -188,7 +188,7 @@
     if (args.length === 2 + argsPlaceholder && !isAxiosInstance(args[1 + argsPlaceholder]) || args.length === 3 + argsPlaceholder)
       options = args[args.length - 1];
     const response = vueDemi.shallowRef();
-    const data = vueDemi.shallowRef();
+    const data = options.shallow ? vueDemi.shallowRef() : vueDemi.ref();
     const isFinished = vueDemi.ref(false);
     const isLoading = vueDemi.ref(false);
     const isAborted = vueDemi.ref(false);
@@ -211,9 +211,10 @@
     });
     const then = (onFulfilled, onRejected) => waitUntilFinished().then(onFulfilled, onRejected);
     const execute = (executeUrl = url, config = {}) => {
+      error.value = void 0;
       const _url = typeof executeUrl === "string" ? executeUrl : url != null ? url : "";
       loading(true);
-      instance(_url, __spreadProps$1(__spreadValues$3(__spreadValues$3({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+      instance(_url, __spreadProps$1(__spreadValues$3(__spreadValues$3({}, defaultConfig), typeof executeUrl === "object" ? executeUrl : config), { cancelToken: cancelToken.token })).then((r) => {
         response.value = r;
         data.value = r.data;
       }).catch((e) => {

package/index.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(l,o,j){if(l.install)return l;if(o)if(o.version.slice(0,4)==="2.7."){for(var a in o)l[a]=o[a];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=o,l.Vue2=o,l.version=o.version}else if(o.version.slice(0,2)==="2.")if(j){for(var a in j)l[a]=j[a];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=o,l.Vue2=o,l.version=o.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(o.version.slice(0,2)==="3."){for(var a in o)l[a]=o[a];l.isVue2=!1,l.isVue3=!0,l.install=function(){},l.Vue=o,l.Vue2=void 0,l.version=o.version,l.set=function(h,_,S){return Array.isArray(h)?(h.length=Math.max(h.length,_),h.splice(_,1,S),S):(h[_]=S,S)},l.del=function(h,_){if(Array.isArray(h)){h.splice(_,1);return}delete h[_]}}else console.error("[vue-demi] Vue version "+o.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");return l}(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(l,o,j,a,h,_,S,D,m,ee,te,re,ne,ae){"use strict";function E(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var oe=E(j),N=E(h),k=E(S),le=E(te),se=E(re),w=E(ne),ue=E(ae),fe=Object.defineProperty,ce=Object.defineProperties,ie=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,de=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable,G=(r,t,e)=>t in r?fe(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,pe=(r,t)=>{for(var e in t||(t={}))de.call(t,e)&&G(r,e,t[e]);if(T)for(var e of T(t))ve.call(t,e)&&G(r,e,t[e]);return r},_e=(r,t)=>ce(r,ie(t));function Pe(r,t,e={}){const n=a.ref(),s=a.ref(!1),i=a.ref(!1),f=a.computed(()=>{var v;return((v=n.value)==null?void 0:v.errors)||[]}),d=a.computed(()=>{var v;return((v=n.value)==null?void 0:v.fields)||{}}),{validateOption:u={}}=e;a.watchEffect(async()=>{s.value=!1,i.value=!1;const v=new oe.default(o.resolveUnref(t));try{await v.validate(o.resolveUnref(r),u),i.value=!0,n.value=null}catch(P){n.value=P}finally{s.value=!0}});const p={pass:i,isFinished:s,errorInfo:n,errors:f,errorFields:d};function y(){return new Promise((v,P)=>{o.until(s).toBe(!0).then(()=>v(p)).catch(C=>P(C))})}return _e(pe({},p),{then(v,P){return y().then(v,P)}})}var Oe=Object.defineProperty,ye=Object.defineProperties,he=Object.getOwnPropertyDescriptors,Q=Object.getOwnPropertySymbols,we=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable,z=(r,t,e)=>t in r?Oe(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,L=(r,t)=>{for(var e in t||(t={}))we.call(t,e)&&z(r,e,t[e]);if(Q)for(var e of Q(t))Ce.call(t,e)&&z(r,e,t[e]);return r},B=(r,t)=>ye(r,he(t));function ge(...r){const t=typeof r[0]=="string"?r[0]:void 0,e=o.isString(t)?1:0;let n={},s=N.default,i={immediate:!!e};const f=O=>!!(O==null?void 0:O.request);r.length>0+e&&(f(r[0+e])?s=r[0+e]:n=r[0+e]),r.length>1+e&&f(r[1+e])&&(s=r[1+e]),(r.length===2+e&&!f(r[1+e])||r.length===3+e)&&(i=r[r.length-1]);const d=a.shallowRef(),u=a.shallowRef(),p=a.ref(!1),y=a.ref(!1),v=a.ref(!1),P=a.shallowRef(),C=N.default.CancelToken.source(),U=O=>{p.value||!y.value||(C.cancel(O),v.value=!0,y.value=!1,p.value=!1)},$=O=>{y.value=O,p.value=!O},H=()=>new Promise((O,b)=>{o.until(p).toBe(!0).then(()=>O(R)).catch(b)}),F=(O,b)=>H().then(O,b),I=(O=t,b={})=>{const c=typeof O=="string"?O:t??"";return $(!0),s(c,B(L(L({},n),b),{cancelToken:C.token})).then(g=>{d.value=g,u.value=g.data}).catch(g=>{P.value=g}).finally(()=>$(!1)),{then:F}};i.immediate&&t&&I();const R={response:d,data:u,error:P,finished:p,loading:y,isFinished:p,isLoading:y,cancel:U,isAborted:v,canceled:v,aborted:v,isCanceled:v,abort:U,execute:I};return B(L({},R),{then:F})}var M=Object.freeze({__proto__:null,camelCase:_.camelCase,capitalCase:_.capitalCase,constantCase:_.constantCase,dotCase:_.dotCase,headerCase:_.headerCase,noCase:_.noCase,paramCase:_.paramCase,pascalCase:_.pascalCase,pathCase:_.pathCase,sentenceCase:_.sentenceCase,snakeCase:_.snakeCase});function me(r,t,e){if(o.isFunction(r))return a.computed(()=>M[t](o.resolveUnref(r),e));const n=a.ref(r);return a.computed({get(){return M[t](n.value,e)},set(s){n.value=s}})}var be=Object.defineProperty,W=Object.getOwnPropertySymbols,Ee=Object.prototype.hasOwnProperty,Se=Object.prototype.propertyIsEnumerable,J=(r,t,e)=>t in r?be(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,q=(r,t)=>{for(var e in t||(t={}))Ee.call(t,e)&&J(r,e,t[e]);if(W)for(var e of W(t))Se.call(t,e)&&J(r,e,t[e]);return r};function je(r){const t=new k.default(r?r.headers.cookie:null);return(e,{doNotParse:n=!1,autoUpdateDependencies:s=!1}={})=>K(e,{doNotParse:n,autoUpdateDependencies:s},t)}function K(r,{doNotParse:t=!1,autoUpdateDependencies:e=!1}={},n=new k.default){const s=e?[...r||[]]:r;let i=n.getAll({doNotParse:!0});const f=a.ref(0),d=()=>{const u=n.getAll({doNotParse:!0});Ae(s||null,u,i)&&f.value++,i=u};return n.addChangeListener(d),o.tryOnScopeDispose(()=>{n.removeChangeListener(d)}),{get:(...u)=>(e&&s&&!s.includes(u[0])&&s.push(u[0]),f.value,n.get(u[0],q({doNotParse:t},u[1]))),getAll:(...u)=>(f.value,n.getAll(q({doNotParse:t},u[0]))),set:(...u)=>n.set(...u),remove:(...u)=>n.remove(...u),addChangeListener:(...u)=>n.addChangeListener(...u),removeChangeListener:(...u)=>n.removeChangeListener(...u)}}function Ae(r,t,e){if(!r)return!0;for(const n of r)if(t[n]!==e[n])return!0;return!1}var Ue=Object.defineProperty,X=Object.getOwnPropertySymbols,$e=Object.prototype.hasOwnProperty,Fe=Object.prototype.propertyIsEnumerable,Y=(r,t,e)=>t in r?Ue(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,Ie=(r,t)=>{for(var e in t||(t={}))$e.call(t,e)&&Y(r,e,t[e]);if(X)for(var e of X(t))Fe.call(t,e)&&Y(r,e,t[e]);return r};function Re(r,t){const e=a.ref();let n=[];const s=m.createEventHook(),i=m.createEventHook(),f=m.createEventHook(),d=m.createEventHook(),u=m.createEventHook(),p=a.ref(!1),y=a.ref(!1),v=a.ref(!1),P=a.ref(!1),C=a.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw"});a.watch(C,()=>{const c=e.value;c&&(c.brush=C.value,c.mode=C.value.mode)},{deep:!0});const U=()=>{var c;return(c=e.value)==null?void 0:c.undo()},$=()=>{var c;return(c=e.value)==null?void 0:c.redo()},H=()=>{var c;return(c=e.value)==null?void 0:c.clear()},F=()=>{var c;return(c=e.value)==null?void 0:c.cancel()},I=c=>{var g;return(g=e.value)==null?void 0:g.load(c)},R=()=>{var c;return(c=e.value)==null?void 0:c.dump()},O=()=>{var c;n.forEach(g=>g()),(c=e.value)==null||c.unmount()},b=()=>{e.value&&(p.value=e.value.canUndo(),y.value=e.value.canRedo(),v.value=e.value.altPressed,P.value=e.value.shiftPressed)};return a.watch(()=>m.unrefElement(r),c=>{!c||typeof SVGSVGElement=="undefined"||!(c instanceof SVGSVGElement)||(e.value&&O(),e.value=D.createDrauu(Ie({el:c},t)),b(),n=[e.value.on("canceled",()=>i.trigger()),e.value.on("committed",()=>f.trigger()),e.value.on("start",()=>d.trigger()),e.value.on("end",()=>u.trigger()),e.value.on("changed",()=>{b(),s.trigger()})])},{flush:"post"}),o.tryOnScopeDispose(()=>O()),{drauuInstance:e,load:I,dump:R,clear:H,cancel:F,undo:U,redo:$,canUndo:p,canRedo:y,brush:C,onChanged:s.on,onCommitted:f.on,onStart:d.on,onEnd:u.on,onCanceled:i.on}}var Le=Object.defineProperty,He=Object.defineProperties,Ne=Object.getOwnPropertyDescriptors,A=Object.getOwnPropertySymbols,Z=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,V=(r,t,e)=>t in r?Le(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,ke=(r,t)=>{for(var e in t||(t={}))Z.call(t,e)&&V(r,e,t[e]);if(A)for(var e of A(t))x.call(t,e)&&V(r,e,t[e]);return r},Te=(r,t)=>He(r,Ne(t)),Ge=(r,t)=>{var e={};for(var n in r)Z.call(r,n)&&t.indexOf(n)<0&&(e[n]=r[n]);if(r!=null&&A)for(var n of A(r))t.indexOf(n)<0&&x.call(r,n)&&(e[n]=r[n]);return e};function Qe(r,t={}){let e;const n=t,{immediate:s}=n,i=Ge(n,["immediate"]),f=a.ref(!1),d=a.ref(!1),u=P=>e&&e.activate(P),p=P=>e&&e.deactivate(P),y=()=>{e&&(e.pause(),d.value=!0)},v=()=>{e&&(e.unpause(),d.value=!1)};return a.watch(()=>m.unrefElement(r),P=>{!P||(e=ee.createFocusTrap(P,Te(ke({},i),{onActivate(){f.value=!0,t.onActivate&&t.onActivate()},onDeactivate(){f.value=!1,t.onDeactivate&&t.onDeactivate()}})),s&&u())},{flush:"post"}),m.tryOnScopeDispose(()=>p()),{hasFocus:f,isPaused:d,activate:u,deactivate:p,pause:y,unpause:v}}function ze(r,t,e){const n=()=>{var f,d;return new le.default((f=o.resolveUnref(t))!=null?f:[],(d=o.resolveUnref(e))==null?void 0:d.fuseOptions)},s=a.ref(n());a.watch(()=>{var f;return(f=o.resolveUnref(e))==null?void 0:f.fuseOptions},()=>{s.value=n()},{deep:!0}),a.watch(()=>o.resolveUnref(t),f=>{s.value.setCollection(f)},{deep:!0});const i=a.computed(()=>{const f=o.resolveUnref(e);if((f==null?void 0:f.matchAllWhenSearchEmpty)&&!a.unref(r))return o.resolveUnref(t).map((u,p)=>({item:u,refIndex:p}));const d=f==null?void 0:f.resultLimit;return s.value.search(o.resolveUnref(r),d?{limit:d}:void 0)});return{fuse:s,results:i}}function Be(r,t={}){const{onError:e,fallbackValue:n=null}=t,s=(d,u)=>{try{return se.default(d,u)}catch(p){return e==null||e(p),n}},i=a.computed(()=>s(o.resolveUnref(r),{header:!0})),f=a.computed(()=>s(o.resolveUnref(r)));return{header:i,payload:f}}function Me(r=null,t){const e=a.ref(r),n=a.computed({set:i=>i?w.default.start():w.default.done(),get:()=>o.isNumber(e.value)&&e.value<1});t&&w.default.configure(t);const s=w.default.set;return w.default.set=i=>(e.value=i,s.call(w.default,i)),a.watchEffect(()=>{o.isNumber(e.value)&&o.isClient&&s.call(w.default,e.value)}),o.tryOnScopeDispose(w.default.remove),{isLoading:n,progress:e,start:w.default.start,done:w.default.done,remove:()=>{e.value=null,w.default.remove()}}}function We(r,t){const e=o.resolveRef(r),n=a.ref("");return a.watch(e,async s=>{e.value&&o.isClient&&(n.value=await ue.default.toDataURL(s,t))},{immediate:!0}),n}l.createCookies=je,l.useAsyncValidator=Pe,l.useAxios=ge,l.useChangeCase=me,l.useCookies=K,l.useDrauu=Re,l.useFocusTrap=Qe,l.useFuse=ze,l.useJwt=Be,l.useNProgress=Me,l.useQRCode=We,Object.defineProperty(l,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueUse,AsyncValidator,VueDemi,axios,changeCase,UniversalCookie,Drauu,VueUse,focusTrap,Fuse,jwt_decode,nprogress,QRCode);
+var VueDemi=function(l,o,j){if(l.install)return l;if(o)if(o.version.slice(0,4)==="2.7."){for(var a in o)l[a]=o[a];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=o,l.Vue2=o,l.version=o.version}else if(o.version.slice(0,2)==="2.")if(j){for(var a in j)l[a]=j[a];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=o,l.Vue2=o,l.version=o.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(o.version.slice(0,2)==="3."){for(var a in o)l[a]=o[a];l.isVue2=!1,l.isVue3=!0,l.install=function(){},l.Vue=o,l.Vue2=void 0,l.version=o.version,l.set=function(y,P,S){return Array.isArray(y)?(y.length=Math.max(y.length,P),y.splice(P,1,S),S):(y[P]=S,S)},l.del=function(y,P){if(Array.isArray(y)){y.splice(P,1);return}delete y[P]}}else console.error("[vue-demi] Vue version "+o.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");return l}(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(l,o,j,a,y,P,S,D,b,ee,te,re,ne,ae){"use strict";function E(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var oe=E(j),N=E(y),k=E(S),le=E(te),se=E(re),w=E(ne),ue=E(ae),fe=Object.defineProperty,ce=Object.defineProperties,ie=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,de=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable,G=(r,t,e)=>t in r?fe(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,pe=(r,t)=>{for(var e in t||(t={}))de.call(t,e)&&G(r,e,t[e]);if(T)for(var e of T(t))ve.call(t,e)&&G(r,e,t[e]);return r},_e=(r,t)=>ce(r,ie(t));function Pe(r,t,e={}){const n=a.ref(),s=a.ref(!1),i=a.ref(!1),f=a.computed(()=>{var v;return((v=n.value)==null?void 0:v.errors)||[]}),d=a.computed(()=>{var v;return((v=n.value)==null?void 0:v.fields)||{}}),{validateOption:u={}}=e;a.watchEffect(async()=>{s.value=!1,i.value=!1;const v=new oe.default(o.resolveUnref(t));try{await v.validate(o.resolveUnref(r),u),i.value=!0,n.value=null}catch(O){n.value=O}finally{s.value=!0}});const p={pass:i,isFinished:s,errorInfo:n,errors:f,errorFields:d};function h(){return new Promise((v,O)=>{o.until(s).toBe(!0).then(()=>v(p)).catch(C=>O(C))})}return _e(pe({},p),{then(v,O){return h().then(v,O)}})}var Oe=Object.defineProperty,he=Object.defineProperties,ye=Object.getOwnPropertyDescriptors,Q=Object.getOwnPropertySymbols,we=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable,z=(r,t,e)=>t in r?Oe(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,L=(r,t)=>{for(var e in t||(t={}))we.call(t,e)&&z(r,e,t[e]);if(Q)for(var e of Q(t))Ce.call(t,e)&&z(r,e,t[e]);return r},B=(r,t)=>he(r,ye(t));function ge(...r){const t=typeof r[0]=="string"?r[0]:void 0,e=o.isString(t)?1:0;let n={},s=N.default,i={immediate:!!e,shallow:!0};const f=_=>!!(_==null?void 0:_.request);r.length>0+e&&(f(r[0+e])?s=r[0+e]:n=r[0+e]),r.length>1+e&&f(r[1+e])&&(s=r[1+e]),(r.length===2+e&&!f(r[1+e])||r.length===3+e)&&(i=r[r.length-1]);const d=a.shallowRef(),u=i.shallow?a.shallowRef():a.ref(),p=a.ref(!1),h=a.ref(!1),v=a.ref(!1),O=a.shallowRef(),C=N.default.CancelToken.source(),$=_=>{p.value||!h.value||(C.cancel(_),v.value=!0,h.value=!1,p.value=!1)},U=_=>{h.value=_,p.value=!_},H=()=>new Promise((_,m)=>{o.until(p).toBe(!0).then(()=>_(R)).catch(m)}),F=(_,m)=>H().then(_,m),I=(_=t,m={})=>{O.value=void 0;const c=typeof _=="string"?_:t??"";return U(!0),s(c,B(L(L({},n),typeof _=="object"?_:m),{cancelToken:C.token})).then(g=>{d.value=g,u.value=g.data}).catch(g=>{O.value=g}).finally(()=>U(!1)),{then:F}};i.immediate&&t&&I();const R={response:d,data:u,error:O,finished:p,loading:h,isFinished:p,isLoading:h,cancel:$,isAborted:v,canceled:v,aborted:v,isCanceled:v,abort:$,execute:I};return B(L({},R),{then:F})}var M=Object.freeze({__proto__:null,camelCase:P.camelCase,capitalCase:P.capitalCase,constantCase:P.constantCase,dotCase:P.dotCase,headerCase:P.headerCase,noCase:P.noCase,paramCase:P.paramCase,pascalCase:P.pascalCase,pathCase:P.pathCase,sentenceCase:P.sentenceCase,snakeCase:P.snakeCase});function be(r,t,e){if(o.isFunction(r))return a.computed(()=>M[t](o.resolveUnref(r),e));const n=a.ref(r);return a.computed({get(){return M[t](n.value,e)},set(s){n.value=s}})}var me=Object.defineProperty,W=Object.getOwnPropertySymbols,Ee=Object.prototype.hasOwnProperty,Se=Object.prototype.propertyIsEnumerable,J=(r,t,e)=>t in r?me(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,q=(r,t)=>{for(var e in t||(t={}))Ee.call(t,e)&&J(r,e,t[e]);if(W)for(var e of W(t))Se.call(t,e)&&J(r,e,t[e]);return r};function je(r){const t=new k.default(r?r.headers.cookie:null);return(e,{doNotParse:n=!1,autoUpdateDependencies:s=!1}={})=>K(e,{doNotParse:n,autoUpdateDependencies:s},t)}function K(r,{doNotParse:t=!1,autoUpdateDependencies:e=!1}={},n=new k.default){const s=e?[...r||[]]:r;let i=n.getAll({doNotParse:!0});const f=a.ref(0),d=()=>{const u=n.getAll({doNotParse:!0});Ae(s||null,u,i)&&f.value++,i=u};return n.addChangeListener(d),o.tryOnScopeDispose(()=>{n.removeChangeListener(d)}),{get:(...u)=>(e&&s&&!s.includes(u[0])&&s.push(u[0]),f.value,n.get(u[0],q({doNotParse:t},u[1]))),getAll:(...u)=>(f.value,n.getAll(q({doNotParse:t},u[0]))),set:(...u)=>n.set(...u),remove:(...u)=>n.remove(...u),addChangeListener:(...u)=>n.addChangeListener(...u),removeChangeListener:(...u)=>n.removeChangeListener(...u)}}function Ae(r,t,e){if(!r)return!0;for(const n of r)if(t[n]!==e[n])return!0;return!1}var $e=Object.defineProperty,X=Object.getOwnPropertySymbols,Ue=Object.prototype.hasOwnProperty,Fe=Object.prototype.propertyIsEnumerable,Y=(r,t,e)=>t in r?$e(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,Ie=(r,t)=>{for(var e in t||(t={}))Ue.call(t,e)&&Y(r,e,t[e]);if(X)for(var e of X(t))Fe.call(t,e)&&Y(r,e,t[e]);return r};function Re(r,t){const e=a.ref();let n=[];const s=b.createEventHook(),i=b.createEventHook(),f=b.createEventHook(),d=b.createEventHook(),u=b.createEventHook(),p=a.ref(!1),h=a.ref(!1),v=a.ref(!1),O=a.ref(!1),C=a.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw"});a.watch(C,()=>{const c=e.value;c&&(c.brush=C.value,c.mode=C.value.mode)},{deep:!0});const $=()=>{var c;return(c=e.value)==null?void 0:c.undo()},U=()=>{var c;return(c=e.value)==null?void 0:c.redo()},H=()=>{var c;return(c=e.value)==null?void 0:c.clear()},F=()=>{var c;return(c=e.value)==null?void 0:c.cancel()},I=c=>{var g;return(g=e.value)==null?void 0:g.load(c)},R=()=>{var c;return(c=e.value)==null?void 0:c.dump()},_=()=>{var c;n.forEach(g=>g()),(c=e.value)==null||c.unmount()},m=()=>{e.value&&(p.value=e.value.canUndo(),h.value=e.value.canRedo(),v.value=e.value.altPressed,O.value=e.value.shiftPressed)};return a.watch(()=>b.unrefElement(r),c=>{!c||typeof SVGSVGElement=="undefined"||!(c instanceof SVGSVGElement)||(e.value&&_(),e.value=D.createDrauu(Ie({el:c},t)),m(),n=[e.value.on("canceled",()=>i.trigger()),e.value.on("committed",()=>f.trigger()),e.value.on("start",()=>d.trigger()),e.value.on("end",()=>u.trigger()),e.value.on("changed",()=>{m(),s.trigger()})])},{flush:"post"}),o.tryOnScopeDispose(()=>_()),{drauuInstance:e,load:I,dump:R,clear:H,cancel:F,undo:$,redo:U,canUndo:p,canRedo:h,brush:C,onChanged:s.on,onCommitted:f.on,onStart:d.on,onEnd:u.on,onCanceled:i.on}}var Le=Object.defineProperty,He=Object.defineProperties,Ne=Object.getOwnPropertyDescriptors,A=Object.getOwnPropertySymbols,Z=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable,x=(r,t,e)=>t in r?Le(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,ke=(r,t)=>{for(var e in t||(t={}))Z.call(t,e)&&x(r,e,t[e]);if(A)for(var e of A(t))V.call(t,e)&&x(r,e,t[e]);return r},Te=(r,t)=>He(r,Ne(t)),Ge=(r,t)=>{var e={};for(var n in r)Z.call(r,n)&&t.indexOf(n)<0&&(e[n]=r[n]);if(r!=null&&A)for(var n of A(r))t.indexOf(n)<0&&V.call(r,n)&&(e[n]=r[n]);return e};function Qe(r,t={}){let e;const n=t,{immediate:s}=n,i=Ge(n,["immediate"]),f=a.ref(!1),d=a.ref(!1),u=O=>e&&e.activate(O),p=O=>e&&e.deactivate(O),h=()=>{e&&(e.pause(),d.value=!0)},v=()=>{e&&(e.unpause(),d.value=!1)};return a.watch(()=>b.unrefElement(r),O=>{!O||(e=ee.createFocusTrap(O,Te(ke({},i),{onActivate(){f.value=!0,t.onActivate&&t.onActivate()},onDeactivate(){f.value=!1,t.onDeactivate&&t.onDeactivate()}})),s&&u())},{flush:"post"}),b.tryOnScopeDispose(()=>p()),{hasFocus:f,isPaused:d,activate:u,deactivate:p,pause:h,unpause:v}}function ze(r,t,e){const n=()=>{var f,d;return new le.default((f=o.resolveUnref(t))!=null?f:[],(d=o.resolveUnref(e))==null?void 0:d.fuseOptions)},s=a.ref(n());a.watch(()=>{var f;return(f=o.resolveUnref(e))==null?void 0:f.fuseOptions},()=>{s.value=n()},{deep:!0}),a.watch(()=>o.resolveUnref(t),f=>{s.value.setCollection(f)},{deep:!0});const i=a.computed(()=>{const f=o.resolveUnref(e);if((f==null?void 0:f.matchAllWhenSearchEmpty)&&!a.unref(r))return o.resolveUnref(t).map((u,p)=>({item:u,refIndex:p}));const d=f==null?void 0:f.resultLimit;return s.value.search(o.resolveUnref(r),d?{limit:d}:void 0)});return{fuse:s,results:i}}function Be(r,t={}){const{onError:e,fallbackValue:n=null}=t,s=(d,u)=>{try{return se.default(d,u)}catch(p){return e==null||e(p),n}},i=a.computed(()=>s(o.resolveUnref(r),{header:!0})),f=a.computed(()=>s(o.resolveUnref(r)));return{header:i,payload:f}}function Me(r=null,t){const e=a.ref(r),n=a.computed({set:i=>i?w.default.start():w.default.done(),get:()=>o.isNumber(e.value)&&e.value<1});t&&w.default.configure(t);const s=w.default.set;return w.default.set=i=>(e.value=i,s.call(w.default,i)),a.watchEffect(()=>{o.isNumber(e.value)&&o.isClient&&s.call(w.default,e.value)}),o.tryOnScopeDispose(w.default.remove),{isLoading:n,progress:e,start:w.default.start,done:w.default.done,remove:()=>{e.value=null,w.default.remove()}}}function We(r,t){const e=o.resolveRef(r),n=a.ref("");return a.watch(e,async s=>{e.value&&o.isClient&&(n.value=await ue.default.toDataURL(s,t))},{immediate:!0}),n}l.createCookies=je,l.useAsyncValidator=Pe,l.useAxios=ge,l.useChangeCase=be,l.useCookies=K,l.useDrauu=Re,l.useFocusTrap=Qe,l.useFuse=ze,l.useJwt=Be,l.useNProgress=Me,l.useQRCode=We,Object.defineProperty(l,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueUse,AsyncValidator,VueDemi,axios,changeCase,UniversalCookie,Drauu,VueUse,focusTrap,Fuse,jwt_decode,nprogress,QRCode);

package/index.mjs

@@ -101,7 +101,7 @@ function useAxios(...args) {
   const argsPlaceholder = isString(url) ? 1 : 0;
   let defaultConfig = {};
   let instance = axios;
-  let options = { immediate: !!argsPlaceholder };
+  let options = { immediate: !!argsPlaceholder, shallow: true };
   const isAxiosInstance = (val) => !!(val == null ? void 0 : val.request);
   if (args.length > 0 + argsPlaceholder) {
     if (isAxiosInstance(args[0 + argsPlaceholder]))
@@ -116,7 +116,7 @@ function useAxios(...args) {
   if (args.length === 2 + argsPlaceholder && !isAxiosInstance(args[1 + argsPlaceholder]) || args.length === 3 + argsPlaceholder)
     options = args[args.length - 1];
   const response = shallowRef();
-  const data = shallowRef();
+  const data = options.shallow ? shallowRef() : ref();
   const isFinished = ref(false);
   const isLoading = ref(false);
   const isAborted = ref(false);
@@ -139,9 +139,10 @@ function useAxios(...args) {
   });
   const then = (onFulfilled, onRejected) => waitUntilFinished().then(onFulfilled, onRejected);
   const execute = (executeUrl = url, config = {}) => {
+    error.value = void 0;
     const _url = typeof executeUrl === "string" ? executeUrl : url != null ? url : "";
     loading(true);
-    instance(_url, __spreadProps$1(__spreadValues$3(__spreadValues$3({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+    instance(_url, __spreadProps$1(__spreadValues$3(__spreadValues$3({}, defaultConfig), typeof executeUrl === "object" ? executeUrl : config), { cancelToken: cancelToken.token })).then((r) => {
       response.value = r;
       data.value = r.data;
     }).catch((e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/integrations",
-  "version": "9.1.1",
+  "version": "9.3.0",
   "description": "Integration wrappers for utility libraries",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
@@ -138,18 +138,18 @@
     }
   },
   "dependencies": {
-    "@vueuse/core": "9.1.1",
-    "@vueuse/shared": "9.1.1",
+    "@vueuse/core": "9.3.0",
+    "@vueuse/shared": "9.3.0",
     "vue-demi": "*"
   },
   "devDependencies": {
     "@types/nprogress": "^0.2.0",
-    "@types/qrcode": "^1.4.2",
+    "@types/qrcode": "^1.5.0",
     "async-validator": "^4.2.5",
     "axios": "^0.27.2",
     "change-case": "^4.1.2",
-    "drauu": "^0.3.0",
-    "focus-trap": "^6.9.4",
+    "drauu": "^0.3.1",
+    "focus-trap": "^7.0.0",
     "fuse.js": "^6.6.2",
     "jwt-decode": "^3.1.2",
     "nprogress": "^0.2.0",

package/useAsyncValidator/component.d.ts

@@ -13,7 +13,7 @@ declare const UseAsyncValidator: vue_demi.DefineComponent<{
     };
 }, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
     [key: string]: any;
-}>[] | undefined, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, Record<string, any>, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
+}>[] | undefined, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
     form: {
         type: PropType<Record<string, any>>;
         required: true;

package/useAxios.cjs

@@ -34,7 +34,7 @@ function useAxios(...args) {
   const argsPlaceholder = shared.isString(url) ? 1 : 0;
   let defaultConfig = {};
   let instance = axios__default["default"];
-  let options = { immediate: !!argsPlaceholder };
+  let options = { immediate: !!argsPlaceholder, shallow: true };
   const isAxiosInstance = (val) => !!(val == null ? void 0 : val.request);
   if (args.length > 0 + argsPlaceholder) {
     if (isAxiosInstance(args[0 + argsPlaceholder]))
@@ -49,7 +49,7 @@ function useAxios(...args) {
   if (args.length === 2 + argsPlaceholder && !isAxiosInstance(args[1 + argsPlaceholder]) || args.length === 3 + argsPlaceholder)
     options = args[args.length - 1];
   const response = vueDemi.shallowRef();
-  const data = vueDemi.shallowRef();
+  const data = options.shallow ? vueDemi.shallowRef() : vueDemi.ref();
   const isFinished = vueDemi.ref(false);
   const isLoading = vueDemi.ref(false);
   const isAborted = vueDemi.ref(false);
@@ -72,9 +72,10 @@ function useAxios(...args) {
   });
   const then = (onFulfilled, onRejected) => waitUntilFinished().then(onFulfilled, onRejected);
   const execute = (executeUrl = url, config = {}) => {
+    error.value = void 0;
     const _url = typeof executeUrl === "string" ? executeUrl : url != null ? url : "";
     loading(true);
-    instance(_url, __spreadProps(__spreadValues(__spreadValues({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+    instance(_url, __spreadProps(__spreadValues(__spreadValues({}, defaultConfig), typeof executeUrl === "object" ? executeUrl : config), { cancelToken: cancelToken.token })).then((r) => {
       response.value = r;
       data.value = r.data;
     }).catch((e) => {

package/useAxios.d.ts

@@ -1,11 +1,11 @@
 import { ShallowRef, Ref } from 'vue-demi';
 import { AxiosResponse, AxiosError, AxiosRequestConfig, AxiosInstance } from 'axios';
 
-interface UseAxiosReturn<T> {
+interface UseAxiosReturn<T, D> {
     /**
      * Axios Response
      */
-    response: ShallowRef<AxiosResponse<T> | undefined>;
+    response: ShallowRef<AxiosResponse<T, D> | undefined>;
     /**
      * Axios response data
      */
@@ -25,7 +25,7 @@ interface UseAxiosReturn<T> {
     /**
      * Any errors that may have occurred
      */
-    error: ShallowRef<AxiosError<T> | undefined>;
+    error: ShallowRef<AxiosError<T, D> | undefined>;
     /**
      * Aborts the current request
      */
@@ -59,17 +59,17 @@ interface UseAxiosReturn<T> {
      */
     isCanceled: Ref<boolean>;
 }
-interface StrictUseAxiosReturn<T> extends UseAxiosReturn<T> {
+interface StrictUseAxiosReturn<T, D> extends UseAxiosReturn<T, D> {
     /**
      * Manually call the axios request
      */
-    execute: (url?: string, config?: AxiosRequestConfig) => PromiseLike<StrictUseAxiosReturn<T>>;
+    execute: (url?: string | AxiosRequestConfig<D>, config?: AxiosRequestConfig<D>) => PromiseLike<StrictUseAxiosReturn<T, D>>;
 }
-interface EasyUseAxiosReturn<T> extends UseAxiosReturn<T> {
+interface EasyUseAxiosReturn<T, D> extends UseAxiosReturn<T, D> {
     /**
      * Manually call the axios request
      */
-    execute: (url: string, config?: AxiosRequestConfig) => PromiseLike<EasyUseAxiosReturn<T>>;
+    execute: (url: string, config?: AxiosRequestConfig<D>) => PromiseLike<EasyUseAxiosReturn<T, D>>;
 }
 interface UseAxiosOptions {
     /**
@@ -77,12 +77,18 @@ interface UseAxiosOptions {
      *
      */
     immediate?: boolean;
+    /**
+     * Use shallowRef.
+     *
+     * @default true
+     */
+    shallow?: boolean;
 }
-declare function useAxios<T = any>(url: string, config?: AxiosRequestConfig, options?: UseAxiosOptions): StrictUseAxiosReturn<T> & PromiseLike<StrictUseAxiosReturn<T>>;
-declare function useAxios<T = any>(url: string, instance?: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T> & PromiseLike<StrictUseAxiosReturn<T>>;
-declare function useAxios<T = any>(url: string, config: AxiosRequestConfig, instance: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T> & PromiseLike<StrictUseAxiosReturn<T>>;
-declare function useAxios<T = any>(config?: AxiosRequestConfig): EasyUseAxiosReturn<T> & PromiseLike<EasyUseAxiosReturn<T>>;
-declare function useAxios<T = any>(instance?: AxiosInstance): EasyUseAxiosReturn<T> & PromiseLike<EasyUseAxiosReturn<T>>;
-declare function useAxios<T = any>(config?: AxiosRequestConfig, instance?: AxiosInstance): EasyUseAxiosReturn<T> & PromiseLike<EasyUseAxiosReturn<T>>;
+declare function useAxios<T = any, D = any>(url: string, config?: AxiosRequestConfig<D>, options?: UseAxiosOptions): StrictUseAxiosReturn<T, D> & PromiseLike<StrictUseAxiosReturn<T, D>>;
+declare function useAxios<T = any, D = any>(url: string, instance?: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T, D> & PromiseLike<StrictUseAxiosReturn<T, D>>;
+declare function useAxios<T = any, D = any>(url: string, config: AxiosRequestConfig<D>, instance: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T, D> & PromiseLike<StrictUseAxiosReturn<T, D>>;
+declare function useAxios<T = any, D = any>(config?: AxiosRequestConfig<D>): EasyUseAxiosReturn<T, D> & PromiseLike<EasyUseAxiosReturn<T, D>>;
+declare function useAxios<T = any, D = any>(instance?: AxiosInstance): EasyUseAxiosReturn<T, D> & PromiseLike<EasyUseAxiosReturn<T, D>>;
+declare function useAxios<T = any, D = any>(config?: AxiosRequestConfig<D>, instance?: AxiosInstance): EasyUseAxiosReturn<T, D> & PromiseLike<EasyUseAxiosReturn<T, D>>;
 
 export { EasyUseAxiosReturn, StrictUseAxiosReturn, UseAxiosOptions, UseAxiosReturn, useAxios };

package/useAxios.iife.js

@@ -102,7 +102,7 @@
     const argsPlaceholder = shared.isString(url) ? 1 : 0;
     let defaultConfig = {};
     let instance = axios__default["default"];
-    let options = { immediate: !!argsPlaceholder };
+    let options = { immediate: !!argsPlaceholder, shallow: true };
     const isAxiosInstance = (val) => !!(val == null ? void 0 : val.request);
     if (args.length > 0 + argsPlaceholder) {
       if (isAxiosInstance(args[0 + argsPlaceholder]))
@@ -117,7 +117,7 @@
     if (args.length === 2 + argsPlaceholder && !isAxiosInstance(args[1 + argsPlaceholder]) || args.length === 3 + argsPlaceholder)
       options = args[args.length - 1];
     const response = vueDemi.shallowRef();
-    const data = vueDemi.shallowRef();
+    const data = options.shallow ? vueDemi.shallowRef() : vueDemi.ref();
     const isFinished = vueDemi.ref(false);
     const isLoading = vueDemi.ref(false);
     const isAborted = vueDemi.ref(false);
@@ -140,9 +140,10 @@
     });
     const then = (onFulfilled, onRejected) => waitUntilFinished().then(onFulfilled, onRejected);
     const execute = (executeUrl = url, config = {}) => {
+      error.value = void 0;
       const _url = typeof executeUrl === "string" ? executeUrl : url != null ? url : "";
       loading(true);
-      instance(_url, __spreadProps(__spreadValues(__spreadValues({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+      instance(_url, __spreadProps(__spreadValues(__spreadValues({}, defaultConfig), typeof executeUrl === "object" ? executeUrl : config), { cancelToken: cancelToken.token })).then((r) => {
         response.value = r;
         data.value = r.data;
       }).catch((e) => {

package/useAxios.iife.min.js

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

package/useAxios.mjs

@@ -26,7 +26,7 @@ function useAxios(...args) {
   const argsPlaceholder = isString(url) ? 1 : 0;
   let defaultConfig = {};
   let instance = axios;
-  let options = { immediate: !!argsPlaceholder };
+  let options = { immediate: !!argsPlaceholder, shallow: true };
   const isAxiosInstance = (val) => !!(val == null ? void 0 : val.request);
   if (args.length > 0 + argsPlaceholder) {
     if (isAxiosInstance(args[0 + argsPlaceholder]))
@@ -41,7 +41,7 @@ function useAxios(...args) {
   if (args.length === 2 + argsPlaceholder && !isAxiosInstance(args[1 + argsPlaceholder]) || args.length === 3 + argsPlaceholder)
     options = args[args.length - 1];
   const response = shallowRef();
-  const data = shallowRef();
+  const data = options.shallow ? shallowRef() : ref();
   const isFinished = ref(false);
   const isLoading = ref(false);
   const isAborted = ref(false);
@@ -64,9 +64,10 @@ function useAxios(...args) {
   });
   const then = (onFulfilled, onRejected) => waitUntilFinished().then(onFulfilled, onRejected);
   const execute = (executeUrl = url, config = {}) => {
+    error.value = void 0;
     const _url = typeof executeUrl === "string" ? executeUrl : url != null ? url : "";
     loading(true);
-    instance(_url, __spreadProps(__spreadValues(__spreadValues({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+    instance(_url, __spreadProps(__spreadValues(__spreadValues({}, defaultConfig), typeof executeUrl === "object" ? executeUrl : config), { cancelToken: cancelToken.token })).then((r) => {
       response.value = r;
       data.value = r.data;
     }).catch((e) => {

package/useFocusTrap/component.d.ts

@@ -1,6 +1,6 @@
 import * as vue_demi from 'vue-demi';
 import { RenderableComponent } from '@vueuse/core';
 
-declare const UseFocusTrap: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, vue_demi.EmitsOptions, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<RenderableComponent>, {}>;
+declare const UseFocusTrap: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<RenderableComponent>, {}>;
 
 export { UseFocusTrap };