@vueuse/integrations 12.6.1 → 12.7.0

package/index.cjs

@@ -44,7 +44,7 @@ function useAsyncValidator(value, rules, options = {}) {
   } = options;
   const valueRef = shared.toRef(value);
   const errorInfo = vue.shallowRef(null);
-  const isFinished = vue.ref(true);
+  const isFinished = vue.shallowRef(true);
   const pass = vue.ref(!immediate || manual);
   const errors = vue.computed(() => {
     var _a;
@@ -137,9 +137,9 @@ function useAxios(...args) {
   const initialData = options.initialData;
   const response = vue.shallowRef();
   const data = (shallow ? vue.shallowRef : vue.ref)(initialData);
-  const isFinished = vue.ref(false);
-  const isLoading = vue.ref(false);
-  const isAborted = vue.ref(false);
+  const isFinished = vue.shallowRef(false);
+  const isLoading = vue.shallowRef(false);
+  const isAborted = vue.shallowRef(false);
   const error = vue.shallowRef();
   let abortController = new AbortController();
   const abort = (message) => {
@@ -251,7 +251,7 @@ function createCookies(req) {
 function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie()) {
   const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
   let previousCookies = cookies.getAll({ doNotParse: true });
-  const touches = vue.ref(0);
+  const touches = vue.shallowRef(0);
   const onChange = () => {
     const newCookies = cookies.getAll({ doNotParse: true });
     if (shouldUpdate(
@@ -308,10 +308,10 @@ function useDrauu(target, options) {
   const onCommittedHook = core.createEventHook();
   const onStartHook = core.createEventHook();
   const onEndHook = core.createEventHook();
-  const canUndo = vue.ref(false);
-  const canRedo = vue.ref(false);
-  const altPressed = vue.ref(false);
-  const shiftPressed = vue.ref(false);
+  const canUndo = vue.shallowRef(false);
+  const canRedo = vue.shallowRef(false);
+  const altPressed = vue.shallowRef(false);
+  const shiftPressed = vue.shallowRef(false);
   const brush = vue.ref({
     color: "black",
     size: 3,
@@ -411,8 +411,8 @@ function useDrauu(target, options) {
 function useFocusTrap(target, options = {}) {
   let trap;
   const { immediate, ...focusTrapOptions } = options;
-  const hasFocus = vue.ref(false);
-  const isPaused = vue.ref(false);
+  const hasFocus = vue.shallowRef(false);
+  const isPaused = vue.shallowRef(false);
   const activate = (opts) => trap && trap.activate(opts);
   const deactivate = (opts) => trap && trap.deactivate(opts);
   const pause = () => {
@@ -517,7 +517,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
     },
     writeDefaults = true
   } = options;
-  const isFinished = vue.ref(false);
+  const isFinished = vue.shallowRef(false);
   const data = (shallow ? vue.shallowRef : vue.ref)(initialValue);
   const rawInit = vue.toValue(initialValue);
   async function read() {
@@ -616,7 +616,7 @@ function useNProgress(currentProgress = null, options) {
 
 function useQRCode(text, options) {
   const src = shared.toRef(text);
-  const result = vue.ref("");
+  const result = vue.shallowRef("");
   vue.watch(
     src,
     async (value) => {

package/index.d.cts

@@ -407,7 +407,7 @@ type UseNProgressReturn = ReturnType<typeof useNProgress>;
  * @param text
  * @param options
  */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.Ref<string, string>;
+declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
 
 interface UseSortableReturn {
     /**

package/index.d.mts

@@ -407,7 +407,7 @@ type UseNProgressReturn = ReturnType<typeof useNProgress>;
  * @param text
  * @param options
  */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.Ref<string, string>;
+declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
 
 interface UseSortableReturn {
     /**

package/index.d.ts

@@ -407,7 +407,7 @@ type UseNProgressReturn = ReturnType<typeof useNProgress>;
  * @param text
  * @param options
  */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.Ref<string, string>;
+declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
 
 interface UseSortableReturn {
     /**

package/index.iife.js

@@ -29,7 +29,7 @@
     } = options;
     const valueRef = shared.toRef(value);
     const errorInfo = vue.shallowRef(null);
-    const isFinished = vue.ref(true);
+    const isFinished = vue.shallowRef(true);
     const pass = vue.ref(!immediate || manual);
     const errors = vue.computed(() => {
       var _a;
@@ -122,9 +122,9 @@
     const initialData = options.initialData;
     const response = vue.shallowRef();
     const data = (shallow ? vue.shallowRef : vue.ref)(initialData);
-    const isFinished = vue.ref(false);
-    const isLoading = vue.ref(false);
-    const isAborted = vue.ref(false);
+    const isFinished = vue.shallowRef(false);
+    const isLoading = vue.shallowRef(false);
+    const isAborted = vue.shallowRef(false);
     const error = vue.shallowRef();
     let abortController = new AbortController();
     const abort = (message) => {
@@ -236,7 +236,7 @@
   function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie()) {
     const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
     let previousCookies = cookies.getAll({ doNotParse: true });
-    const touches = vue.ref(0);
+    const touches = vue.shallowRef(0);
     const onChange = () => {
       const newCookies = cookies.getAll({ doNotParse: true });
       if (shouldUpdate(
@@ -293,10 +293,10 @@
     const onCommittedHook = core.createEventHook();
     const onStartHook = core.createEventHook();
     const onEndHook = core.createEventHook();
-    const canUndo = vue.ref(false);
-    const canRedo = vue.ref(false);
-    const altPressed = vue.ref(false);
-    const shiftPressed = vue.ref(false);
+    const canUndo = vue.shallowRef(false);
+    const canRedo = vue.shallowRef(false);
+    const altPressed = vue.shallowRef(false);
+    const shiftPressed = vue.shallowRef(false);
     const brush = vue.ref({
       color: "black",
       size: 3,
@@ -396,8 +396,8 @@
   function useFocusTrap(target, options = {}) {
     let trap;
     const { immediate, ...focusTrapOptions } = options;
-    const hasFocus = vue.ref(false);
-    const isPaused = vue.ref(false);
+    const hasFocus = vue.shallowRef(false);
+    const isPaused = vue.shallowRef(false);
     const activate = (opts) => trap && trap.activate(opts);
     const deactivate = (opts) => trap && trap.deactivate(opts);
     const pause = () => {
@@ -502,7 +502,7 @@
       },
       writeDefaults = true
     } = options;
-    const isFinished = vue.ref(false);
+    const isFinished = vue.shallowRef(false);
     const data = (shallow ? vue.shallowRef : vue.ref)(initialValue);
     const rawInit = vue.toValue(initialValue);
     async function read() {
@@ -601,7 +601,7 @@
 
   function useQRCode(text, options) {
     const src = shared.toRef(text);
-    const result = vue.ref("");
+    const result = vue.shallowRef("");
     vue.watch(
       src,
       async (value) => {

package/index.iife.min.js

@@ -1 +1 @@
-(function(p,C,U,n,L,$,k,w,K,X,Y,P,Z,b,x,ee){"use strict";function te(t){var o=Object.create(null);return t&&Object.keys(t).forEach(function(e){if(e!=="default"){var a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,a.get?a:{enumerable:!0,get:function(){return t[e]}})}}),o.default=t,Object.freeze(o)}var ne=te($);const ae=U.default||U;function oe(t,o,e={}){const{validateOption:a={},immediate:r=!0,manual:u=!1}=e,l=C.toRef(t),c=n.shallowRef(null),s=n.ref(!0),d=n.ref(!r||u),v=n.computed(()=>{var i;return((i=c.value)==null?void 0:i.errors)||[]}),g=n.computed(()=>{var i;return((i=c.value)==null?void 0:i.fields)||{}}),h=n.computed(()=>new ae(n.toValue(o))),y=async()=>{s.value=!1,d.value=!1;try{await h.value.validate(l.value,a),d.value=!0,c.value=null}catch(i){c.value=i}finally{s.value=!0}return{pass:d.value,errorInfo:c.value,errors:v.value,errorFields:g.value}};u||n.watch([l,h],()=>y(),{immediate:r,deep:!0});const V={isFinished:s,pass:d,errors:v,errorInfo:c,errorFields:g,execute:y};function A(){return new Promise((i,E)=>{C.until(s).toBe(!0).then(()=>i(V)).catch(D=>E(D))})}return{...V,then(i,E){return A().then(i,E)}}}function le(...t){const o=typeof t[0]=="string"?t[0]:void 0,e=typeof o=="string"?1:0,a={immediate:!!e,shallow:!0,abortPrevious:!0};let r={},u=L,l=a;const c=m=>!!m?.request;t.length>0+e&&(c(t[0+e])?u=t[0+e]:r=t[0+e]),t.length>1+e&&c(t[1+e])&&(u=t[1+e]),(t.length===2+e&&!c(t[1+e])||t.length===3+e)&&(l=t[t.length-1]||a);const{shallow:s,onSuccess:d=C.noop,onError:v=C.noop,immediate:g,resetOnExecute:h=!1}=l,y=l.initialData,V=n.shallowRef(),A=(s?n.shallowRef:n.ref)(y),i=n.ref(!1),E=n.ref(!1),D=n.ref(!1),R=n.shallowRef();let S=new AbortController;const F=m=>{i.value||!E.value||(S.abort(m),S=new AbortController,D.value=!0,E.value=!1,i.value=!1)},f=m=>{E.value=m,i.value=!m},_=()=>{h&&(A.value=y)},Q=()=>new Promise((m,I)=>{C.until(i).toBe(!0).then(()=>R.value?I(R.value):m(q))}),H={then:(...m)=>Q().then(...m),catch:(...m)=>Q().catch(...m)};let j=0;const z=(m=o,I={})=>{R.value=void 0;const J=typeof m=="string"?m:o??I.url;if(J===void 0)return R.value=new L.AxiosError(L.AxiosError.ERR_INVALID_URL),i.value=!0,H;_(),l.abortPrevious!==!1&&F(),f(!0),j+=1;const we=j;return D.value=!1,u(J,{...r,...typeof m=="object"?m:I,signal:S.signal}).then(O=>{if(D.value)return;V.value=O;const M=O.data;A.value=M,d(M)}).catch(O=>{R.value=O,v(O)}).finally(()=>{var O;(O=l.onFinish)==null||O.call(l),we===j&&f(!1)}),H};g&&o&&z();const q={response:V,data:A,error:R,isFinished:i,isLoading:E,cancel:F,isAborted:D,isCanceled:D,abort:F,execute:z};return{...q,...H}}const N=Object.entries(ne).filter(([t,o])=>typeof o=="function"&&t.endsWith("Case")).reduce((t,[o,e])=>(t[o]=e,t),{});function re(t,o,e){const a=n.computed(()=>{const u=n.toValue(o);if(!N[u])throw new Error(`Invalid change case type "${u}"`);return u});if(typeof t=="function")return n.computed(()=>N[a.value](n.toValue(t),n.toValue(e)));const r=n.ref(t);return n.computed({get(){return N[a.value](r.value,n.toValue(e))},set(u){r.value=u}})}function ue(t){const o=new k(t?t.headers.cookie:null);return(e,{doNotParse:a=!1,autoUpdateDependencies:r=!1}={})=>T(e,{doNotParse:a,autoUpdateDependencies:r},o)}function T(t,{doNotParse:o=!1,autoUpdateDependencies:e=!1}={},a=new k){const r=e?[...t||[]]:t;let u=a.getAll({doNotParse:!0});const l=n.ref(0),c=()=>{const s=a.getAll({doNotParse:!0});se(r||null,s,u)&&l.value++,u=s};return a.addChangeListener(c),C.tryOnScopeDispose(()=>{a.removeChangeListener(c)}),{get:(...s)=>(e&&r&&!r.includes(s[0])&&r.push(s[0]),l.value,a.get(s[0],{doNotParse:o,...s[1]})),getAll:(...s)=>(l.value,a.getAll({doNotParse:o,...s[0]})),set:(...s)=>a.set(...s),remove:(...s)=>a.remove(...s),addChangeListener:(...s)=>a.addChangeListener(...s),removeChangeListener:(...s)=>a.removeChangeListener(...s)}}function se(t,o,e){if(!t)return!0;for(const a of t)if(o[a]!==e[a])return!0;return!1}function ce(t,o){const e=n.ref();let a=[];const r=w.createEventHook(),u=w.createEventHook(),l=w.createEventHook(),c=w.createEventHook(),s=w.createEventHook(),d=n.ref(!1),v=n.ref(!1),g=n.ref(!1),h=n.ref(!1),y=n.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw",...o?.brush});n.watch(y,()=>{const f=e.value;f&&(f.brush=y.value,f.mode=y.value.mode)},{deep:!0});const V=()=>{var f;return(f=e.value)==null?void 0:f.undo()},A=()=>{var f;return(f=e.value)==null?void 0:f.redo()},i=()=>{var f;return(f=e.value)==null?void 0:f.clear()},E=()=>{var f;return(f=e.value)==null?void 0:f.cancel()},D=f=>{var _;return(_=e.value)==null?void 0:_.load(f)},R=()=>{var f;return(f=e.value)==null?void 0:f.dump()},S=()=>{var f;a.forEach(_=>_()),(f=e.value)==null||f.unmount()},F=()=>{e.value&&(d.value=e.value.canUndo(),v.value=e.value.canRedo(),g.value=e.value.altPressed,h.value=e.value.shiftPressed)};return n.watch(()=>w.unrefElement(t),f=>{!f||typeof SVGSVGElement>"u"||!(f instanceof SVGSVGElement)||(e.value&&S(),e.value=K.createDrauu({el:f,...o}),F(),a=[e.value.on("canceled",()=>u.trigger()),e.value.on("committed",_=>l.trigger(_)),e.value.on("start",()=>c.trigger()),e.value.on("end",()=>s.trigger()),e.value.on("changed",()=>{F(),r.trigger()})])},{flush:"post"}),C.tryOnScopeDispose(()=>S()),{drauuInstance:e,load:D,dump:R,clear:i,cancel:E,undo:V,redo:A,canUndo:d,canRedo:v,brush:y,onChanged:r.on,onCommitted:l.on,onStart:c.on,onEnd:s.on,onCanceled:u.on}}function ie(t,o={}){let e;const{immediate:a,...r}=o,u=n.ref(!1),l=n.ref(!1),c=h=>e&&e.activate(h),s=h=>e&&e.deactivate(h),d=()=>{e&&(e.pause(),l.value=!0)},v=()=>{e&&(e.unpause(),l.value=!1)},g=n.computed(()=>{const h=n.toValue(t);return w.toArray(h).map(y=>{const V=n.toValue(y);return typeof V=="string"?V:w.unrefElement(V)}).filter(C.notNullish)});return n.watch(g,h=>{h.length&&(e=X.createFocusTrap(h,{...r,onActivate(){u.value=!0,o.onActivate&&o.onActivate()},onDeactivate(){u.value=!1,o.onDeactivate&&o.onDeactivate()}}),a&&c())},{flush:"post"}),w.tryOnScopeDispose(()=>s()),{hasFocus:u,isPaused:l,activate:c,deactivate:s,pause:d,unpause:v}}function fe(t,o,e){const a=()=>{var l,c;return new Y((l=n.toValue(o))!=null?l:[],(c=n.toValue(e))==null?void 0:c.fuseOptions)},r=n.ref(a());n.watch(()=>{var l;return(l=n.toValue(e))==null?void 0:l.fuseOptions},()=>{r.value=a()},{deep:!0}),n.watch(()=>n.toValue(o),l=>{r.value.setCollection(l)},{deep:!0});const u=n.computed(()=>{const l=n.toValue(e);if(l?.matchAllWhenSearchEmpty&&!n.toValue(t))return n.toValue(o).map((s,d)=>({item:s,refIndex:d}));const c=l?.resultLimit;return r.value.search(n.toValue(t),c?{limit:c}:void 0)});return{fuse:r,results:u}}function de(t,o,e={}){const{flush:a="pre",deep:r=!0,shallow:u=!1,onError:l=i=>{console.error(i)},writeDefaults:c=!0}=e,s=n.ref(!1),d=(u?n.shallowRef:n.ref)(o),v=n.toValue(o);async function g(){try{const i=await P.get(t);i===void 0?v!=null&&c&&await P.set(t,v):d.value=i}catch(i){l(i)}s.value=!0}g();async function h(){try{d.value==null?await P.del(t):await P.update(t,()=>n.toRaw(d.value))}catch(i){l(i)}}const{pause:y,resume:V}=w.watchPausable(d,()=>h(),{flush:a,deep:r});async function A(i){y(),d.value=i,await h(),V()}return{set:A,isFinished:s,data:d}}function ve(t,o={}){const{onError:e,fallbackValue:a=null}=o,r=(c,s)=>{try{return Z.jwtDecode(c,s)}catch(d){return e?.(d),a}},u=n.computed(()=>r(n.toValue(t),{header:!0})),l=n.computed(()=>r(n.toValue(t)));return{header:u,payload:l}}function he(t=null,o){const e=C.toRef(t),a=n.computed({set:u=>u?b.start():b.done(),get:()=>typeof e.value=="number"&&e.value<1});o&&b.configure(o);const r=b.set;return b.set=u=>(e.value=u,r.call(b,u)),n.watchEffect(()=>{typeof e.value=="number"&&C.isClient&&r.call(b,e.value)}),C.tryOnScopeDispose(b.remove),{isLoading:a,progress:e,start:b.start,done:b.done,remove:()=>{e.value=null,b.remove()}}}function me(t,o){const e=C.toRef(t),a=n.ref("");return n.watch(e,async r=>{e.value&&C.isClient&&(a.value=await x.toDataURL(r,o))},{immediate:!0}),a}function pe(t,o,e={}){let a;const{document:r=w.defaultDocument,...u}=e,l={onUpdate:v=>{G(o,v.oldIndex,v.newIndex,v)}},c=()=>{const v=typeof t=="string"?r?.querySelector(t):w.unrefElement(t);!v||a!==void 0||(a=new ee(v,{...l,...u}))},s=()=>{a?.destroy(),a=void 0},d=(v,g)=>{if(g!==void 0)a?.option(v,g);else return a?.option(v)};return w.tryOnMounted(c),w.tryOnScopeDispose(s),{stop:s,start:c,option:d}}function B(t,o,e){const a=t.children[e];t.insertBefore(o,a)}function W(t){t.parentNode&&t.parentNode.removeChild(t)}function G(t,o,e,a=null){a!=null&&(W(a.item),B(a.from,a.item,o));const r=n.isRef(t),u=r?[...n.toValue(t)]:n.toValue(t);if(e>=0&&e<u.length){const l=u.splice(o,1)[0];n.nextTick(()=>{u.splice(e,0,l),r&&(t.value=u)})}}p.createCookies=ue,p.insertNodeAt=B,p.moveArrayElement=G,p.removeNode=W,p.useAsyncValidator=oe,p.useAxios=le,p.useChangeCase=re,p.useCookies=T,p.useDrauu=ce,p.useFocusTrap=ie,p.useFuse=fe,p.useIDBKeyval=de,p.useJwt=ve,p.useNProgress=he,p.useQRCode=me,p.useSortable=pe})(this.VueUse=this.VueUse||{},VueUse,AsyncValidator,Vue,axios,changeCase,UniversalCookie,VueUse,Drauu,focusTrap,Fuse,idbKeyval,jwt_decode,nprogress,QRCode,Sortable);
+(function(w,C,U,n,L,$,k,p,K,X,Y,P,Z,V,x,ee){"use strict";function te(t){var o=Object.create(null);return t&&Object.keys(t).forEach(function(e){if(e!=="default"){var a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,a.get?a:{enumerable:!0,get:function(){return t[e]}})}}),o.default=t,Object.freeze(o)}var ne=te($);const ae=U.default||U;function oe(t,o,e={}){const{validateOption:a={},immediate:r=!0,manual:u=!1}=e,l=C.toRef(t),c=n.shallowRef(null),s=n.shallowRef(!0),d=n.ref(!r||u),v=n.computed(()=>{var i;return((i=c.value)==null?void 0:i.errors)||[]}),g=n.computed(()=>{var i;return((i=c.value)==null?void 0:i.fields)||{}}),h=n.computed(()=>new ae(n.toValue(o))),y=async()=>{s.value=!1,d.value=!1;try{await h.value.validate(l.value,a),d.value=!0,c.value=null}catch(i){c.value=i}finally{s.value=!0}return{pass:d.value,errorInfo:c.value,errors:v.value,errorFields:g.value}};u||n.watch([l,h],()=>y(),{immediate:r,deep:!0});const R={isFinished:s,pass:d,errors:v,errorInfo:c,errorFields:g,execute:y};function E(){return new Promise((i,b)=>{C.until(s).toBe(!0).then(()=>i(R)).catch(A=>b(A))})}return{...R,then(i,b){return E().then(i,b)}}}function le(...t){const o=typeof t[0]=="string"?t[0]:void 0,e=typeof o=="string"?1:0,a={immediate:!!e,shallow:!0,abortPrevious:!0};let r={},u=L,l=a;const c=m=>!!m?.request;t.length>0+e&&(c(t[0+e])?u=t[0+e]:r=t[0+e]),t.length>1+e&&c(t[1+e])&&(u=t[1+e]),(t.length===2+e&&!c(t[1+e])||t.length===3+e)&&(l=t[t.length-1]||a);const{shallow:s,onSuccess:d=C.noop,onError:v=C.noop,immediate:g,resetOnExecute:h=!1}=l,y=l.initialData,R=n.shallowRef(),E=(s?n.shallowRef:n.ref)(y),i=n.shallowRef(!1),b=n.shallowRef(!1),A=n.shallowRef(!1),D=n.shallowRef();let S=new AbortController;const F=m=>{i.value||!b.value||(S.abort(m),S=new AbortController,A.value=!0,b.value=!1,i.value=!1)},f=m=>{b.value=m,i.value=!m},_=()=>{h&&(E.value=y)},Q=()=>new Promise((m,I)=>{C.until(i).toBe(!0).then(()=>D.value?I(D.value):m(q))}),H={then:(...m)=>Q().then(...m),catch:(...m)=>Q().catch(...m)};let j=0;const z=(m=o,I={})=>{D.value=void 0;const J=typeof m=="string"?m:o??I.url;if(J===void 0)return D.value=new L.AxiosError(L.AxiosError.ERR_INVALID_URL),i.value=!0,H;_(),l.abortPrevious!==!1&&F(),f(!0),j+=1;const pe=j;return A.value=!1,u(J,{...r,...typeof m=="object"?m:I,signal:S.signal}).then(O=>{if(A.value)return;R.value=O;const M=O.data;E.value=M,d(M)}).catch(O=>{D.value=O,v(O)}).finally(()=>{var O;(O=l.onFinish)==null||O.call(l),pe===j&&f(!1)}),H};g&&o&&z();const q={response:R,data:E,error:D,isFinished:i,isLoading:b,cancel:F,isAborted:A,isCanceled:A,abort:F,execute:z};return{...q,...H}}const N=Object.entries(ne).filter(([t,o])=>typeof o=="function"&&t.endsWith("Case")).reduce((t,[o,e])=>(t[o]=e,t),{});function re(t,o,e){const a=n.computed(()=>{const u=n.toValue(o);if(!N[u])throw new Error(`Invalid change case type "${u}"`);return u});if(typeof t=="function")return n.computed(()=>N[a.value](n.toValue(t),n.toValue(e)));const r=n.ref(t);return n.computed({get(){return N[a.value](r.value,n.toValue(e))},set(u){r.value=u}})}function ue(t){const o=new k(t?t.headers.cookie:null);return(e,{doNotParse:a=!1,autoUpdateDependencies:r=!1}={})=>T(e,{doNotParse:a,autoUpdateDependencies:r},o)}function T(t,{doNotParse:o=!1,autoUpdateDependencies:e=!1}={},a=new k){const r=e?[...t||[]]:t;let u=a.getAll({doNotParse:!0});const l=n.shallowRef(0),c=()=>{const s=a.getAll({doNotParse:!0});se(r||null,s,u)&&l.value++,u=s};return a.addChangeListener(c),C.tryOnScopeDispose(()=>{a.removeChangeListener(c)}),{get:(...s)=>(e&&r&&!r.includes(s[0])&&r.push(s[0]),l.value,a.get(s[0],{doNotParse:o,...s[1]})),getAll:(...s)=>(l.value,a.getAll({doNotParse:o,...s[0]})),set:(...s)=>a.set(...s),remove:(...s)=>a.remove(...s),addChangeListener:(...s)=>a.addChangeListener(...s),removeChangeListener:(...s)=>a.removeChangeListener(...s)}}function se(t,o,e){if(!t)return!0;for(const a of t)if(o[a]!==e[a])return!0;return!1}function ce(t,o){const e=n.ref();let a=[];const r=p.createEventHook(),u=p.createEventHook(),l=p.createEventHook(),c=p.createEventHook(),s=p.createEventHook(),d=n.shallowRef(!1),v=n.shallowRef(!1),g=n.shallowRef(!1),h=n.shallowRef(!1),y=n.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw",...o?.brush});n.watch(y,()=>{const f=e.value;f&&(f.brush=y.value,f.mode=y.value.mode)},{deep:!0});const R=()=>{var f;return(f=e.value)==null?void 0:f.undo()},E=()=>{var f;return(f=e.value)==null?void 0:f.redo()},i=()=>{var f;return(f=e.value)==null?void 0:f.clear()},b=()=>{var f;return(f=e.value)==null?void 0:f.cancel()},A=f=>{var _;return(_=e.value)==null?void 0:_.load(f)},D=()=>{var f;return(f=e.value)==null?void 0:f.dump()},S=()=>{var f;a.forEach(_=>_()),(f=e.value)==null||f.unmount()},F=()=>{e.value&&(d.value=e.value.canUndo(),v.value=e.value.canRedo(),g.value=e.value.altPressed,h.value=e.value.shiftPressed)};return n.watch(()=>p.unrefElement(t),f=>{!f||typeof SVGSVGElement>"u"||!(f instanceof SVGSVGElement)||(e.value&&S(),e.value=K.createDrauu({el:f,...o}),F(),a=[e.value.on("canceled",()=>u.trigger()),e.value.on("committed",_=>l.trigger(_)),e.value.on("start",()=>c.trigger()),e.value.on("end",()=>s.trigger()),e.value.on("changed",()=>{F(),r.trigger()})])},{flush:"post"}),C.tryOnScopeDispose(()=>S()),{drauuInstance:e,load:A,dump:D,clear:i,cancel:b,undo:R,redo:E,canUndo:d,canRedo:v,brush:y,onChanged:r.on,onCommitted:l.on,onStart:c.on,onEnd:s.on,onCanceled:u.on}}function ie(t,o={}){let e;const{immediate:a,...r}=o,u=n.shallowRef(!1),l=n.shallowRef(!1),c=h=>e&&e.activate(h),s=h=>e&&e.deactivate(h),d=()=>{e&&(e.pause(),l.value=!0)},v=()=>{e&&(e.unpause(),l.value=!1)},g=n.computed(()=>{const h=n.toValue(t);return p.toArray(h).map(y=>{const R=n.toValue(y);return typeof R=="string"?R:p.unrefElement(R)}).filter(C.notNullish)});return n.watch(g,h=>{h.length&&(e=X.createFocusTrap(h,{...r,onActivate(){u.value=!0,o.onActivate&&o.onActivate()},onDeactivate(){u.value=!1,o.onDeactivate&&o.onDeactivate()}}),a&&c())},{flush:"post"}),p.tryOnScopeDispose(()=>s()),{hasFocus:u,isPaused:l,activate:c,deactivate:s,pause:d,unpause:v}}function fe(t,o,e){const a=()=>{var l,c;return new Y((l=n.toValue(o))!=null?l:[],(c=n.toValue(e))==null?void 0:c.fuseOptions)},r=n.ref(a());n.watch(()=>{var l;return(l=n.toValue(e))==null?void 0:l.fuseOptions},()=>{r.value=a()},{deep:!0}),n.watch(()=>n.toValue(o),l=>{r.value.setCollection(l)},{deep:!0});const u=n.computed(()=>{const l=n.toValue(e);if(l?.matchAllWhenSearchEmpty&&!n.toValue(t))return n.toValue(o).map((s,d)=>({item:s,refIndex:d}));const c=l?.resultLimit;return r.value.search(n.toValue(t),c?{limit:c}:void 0)});return{fuse:r,results:u}}function de(t,o,e={}){const{flush:a="pre",deep:r=!0,shallow:u=!1,onError:l=i=>{console.error(i)},writeDefaults:c=!0}=e,s=n.shallowRef(!1),d=(u?n.shallowRef:n.ref)(o),v=n.toValue(o);async function g(){try{const i=await P.get(t);i===void 0?v!=null&&c&&await P.set(t,v):d.value=i}catch(i){l(i)}s.value=!0}g();async function h(){try{d.value==null?await P.del(t):await P.update(t,()=>n.toRaw(d.value))}catch(i){l(i)}}const{pause:y,resume:R}=p.watchPausable(d,()=>h(),{flush:a,deep:r});async function E(i){y(),d.value=i,await h(),R()}return{set:E,isFinished:s,data:d}}function ve(t,o={}){const{onError:e,fallbackValue:a=null}=o,r=(c,s)=>{try{return Z.jwtDecode(c,s)}catch(d){return e?.(d),a}},u=n.computed(()=>r(n.toValue(t),{header:!0})),l=n.computed(()=>r(n.toValue(t)));return{header:u,payload:l}}function he(t=null,o){const e=C.toRef(t),a=n.computed({set:u=>u?V.start():V.done(),get:()=>typeof e.value=="number"&&e.value<1});o&&V.configure(o);const r=V.set;return V.set=u=>(e.value=u,r.call(V,u)),n.watchEffect(()=>{typeof e.value=="number"&&C.isClient&&r.call(V,e.value)}),C.tryOnScopeDispose(V.remove),{isLoading:a,progress:e,start:V.start,done:V.done,remove:()=>{e.value=null,V.remove()}}}function me(t,o){const e=C.toRef(t),a=n.shallowRef("");return n.watch(e,async r=>{e.value&&C.isClient&&(a.value=await x.toDataURL(r,o))},{immediate:!0}),a}function we(t,o,e={}){let a;const{document:r=p.defaultDocument,...u}=e,l={onUpdate:v=>{G(o,v.oldIndex,v.newIndex,v)}},c=()=>{const v=typeof t=="string"?r?.querySelector(t):p.unrefElement(t);!v||a!==void 0||(a=new ee(v,{...l,...u}))},s=()=>{a?.destroy(),a=void 0},d=(v,g)=>{if(g!==void 0)a?.option(v,g);else return a?.option(v)};return p.tryOnMounted(c),p.tryOnScopeDispose(s),{stop:s,start:c,option:d}}function B(t,o,e){const a=t.children[e];t.insertBefore(o,a)}function W(t){t.parentNode&&t.parentNode.removeChild(t)}function G(t,o,e,a=null){a!=null&&(W(a.item),B(a.from,a.item,o));const r=n.isRef(t),u=r?[...n.toValue(t)]:n.toValue(t);if(e>=0&&e<u.length){const l=u.splice(o,1)[0];n.nextTick(()=>{u.splice(e,0,l),r&&(t.value=u)})}}w.createCookies=ue,w.insertNodeAt=B,w.moveArrayElement=G,w.removeNode=W,w.useAsyncValidator=oe,w.useAxios=le,w.useChangeCase=re,w.useCookies=T,w.useDrauu=ce,w.useFocusTrap=ie,w.useFuse=fe,w.useIDBKeyval=de,w.useJwt=ve,w.useNProgress=he,w.useQRCode=me,w.useSortable=we})(this.VueUse=this.VueUse||{},VueUse,AsyncValidator,Vue,axios,changeCase,UniversalCookie,VueUse,Drauu,focusTrap,Fuse,idbKeyval,jwt_decode,nprogress,QRCode,Sortable);

package/index.mjs

@@ -23,7 +23,7 @@ function useAsyncValidator(value, rules, options = {}) {
   } = options;
   const valueRef = toRef(value);
   const errorInfo = shallowRef(null);
-  const isFinished = ref(true);
+  const isFinished = shallowRef(true);
   const pass = ref(!immediate || manual);
   const errors = computed(() => {
     var _a;
@@ -116,9 +116,9 @@ function useAxios(...args) {
   const initialData = options.initialData;
   const response = shallowRef();
   const data = (shallow ? shallowRef : ref)(initialData);
-  const isFinished = ref(false);
-  const isLoading = ref(false);
-  const isAborted = ref(false);
+  const isFinished = shallowRef(false);
+  const isLoading = shallowRef(false);
+  const isAborted = shallowRef(false);
   const error = shallowRef();
   let abortController = new AbortController();
   const abort = (message) => {
@@ -230,7 +230,7 @@ function createCookies(req) {
 function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie()) {
   const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
   let previousCookies = cookies.getAll({ doNotParse: true });
-  const touches = ref(0);
+  const touches = shallowRef(0);
   const onChange = () => {
     const newCookies = cookies.getAll({ doNotParse: true });
     if (shouldUpdate(
@@ -287,10 +287,10 @@ function useDrauu(target, options) {
   const onCommittedHook = createEventHook();
   const onStartHook = createEventHook();
   const onEndHook = createEventHook();
-  const canUndo = ref(false);
-  const canRedo = ref(false);
-  const altPressed = ref(false);
-  const shiftPressed = ref(false);
+  const canUndo = shallowRef(false);
+  const canRedo = shallowRef(false);
+  const altPressed = shallowRef(false);
+  const shiftPressed = shallowRef(false);
   const brush = ref({
     color: "black",
     size: 3,
@@ -390,8 +390,8 @@ function useDrauu(target, options) {
 function useFocusTrap(target, options = {}) {
   let trap;
   const { immediate, ...focusTrapOptions } = options;
-  const hasFocus = ref(false);
-  const isPaused = ref(false);
+  const hasFocus = shallowRef(false);
+  const isPaused = shallowRef(false);
   const activate = (opts) => trap && trap.activate(opts);
   const deactivate = (opts) => trap && trap.deactivate(opts);
   const pause = () => {
@@ -496,7 +496,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
     },
     writeDefaults = true
   } = options;
-  const isFinished = ref(false);
+  const isFinished = shallowRef(false);
   const data = (shallow ? shallowRef : ref)(initialValue);
   const rawInit = toValue(initialValue);
   async function read() {
@@ -595,7 +595,7 @@ function useNProgress(currentProgress = null, options) {
 
 function useQRCode(text, options) {
   const src = toRef(text);
-  const result = ref("");
+  const result = shallowRef("");
   watch(
     src,
     async (value) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/integrations",
   "type": "module",
-  "version": "12.6.1",
+  "version": "12.7.0",
   "description": "Integration wrappers for utility libraries",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
@@ -155,8 +155,8 @@
   },
   "dependencies": {
     "vue": "^3.5.13",
-    "@vueuse/core": "12.6.1",
-    "@vueuse/shared": "12.6.1"
+    "@vueuse/shared": "12.7.0",
+    "@vueuse/core": "12.7.0"
   },
   "devDependencies": {
     "@types/nprogress": "^0.2.3",

package/useAsyncValidator/component.cjs

@@ -13,7 +13,7 @@ function useAsyncValidator(value, rules, options = {}) {
   } = options;
   const valueRef = shared.toRef(value);
   const errorInfo = vue.shallowRef(null);
-  const isFinished = vue.ref(true);
+  const isFinished = vue.shallowRef(true);
   const pass = vue.ref(!immediate || manual);
   const errors = vue.computed(() => errorInfo.value?.errors || []);
   const errorFields = vue.computed(() => errorInfo.value?.fields || {});

package/useAsyncValidator/component.mjs

@@ -11,7 +11,7 @@ function useAsyncValidator(value, rules, options = {}) {
   } = options;
   const valueRef = toRef(value);
   const errorInfo = shallowRef(null);
-  const isFinished = ref(true);
+  const isFinished = shallowRef(true);
   const pass = ref(!immediate || manual);
   const errors = computed(() => errorInfo.value?.errors || []);
   const errorFields = computed(() => errorInfo.value?.fields || {});

package/useAsyncValidator.cjs

@@ -13,7 +13,7 @@ function useAsyncValidator(value, rules, options = {}) {
   } = options;
   const valueRef = shared.toRef(value);
   const errorInfo = vue.shallowRef(null);
-  const isFinished = vue.ref(true);
+  const isFinished = vue.shallowRef(true);
   const pass = vue.ref(!immediate || manual);
   const errors = vue.computed(() => {
     var _a;

package/useAsyncValidator.iife.js

@@ -10,7 +10,7 @@
     } = options;
     const valueRef = shared.toRef(value);
     const errorInfo = vue.shallowRef(null);
-    const isFinished = vue.ref(true);
+    const isFinished = vue.shallowRef(true);
     const pass = vue.ref(!immediate || manual);
     const errors = vue.computed(() => {
       var _a;

package/useAsyncValidator.iife.min.js

@@ -1 +1 @@
-(function(m,s,u,t){"use strict";const p=u.default||u;function y(w,A,F={}){const{validateOption:U={},immediate:o=!0,manual:i=!1}=F,c=s.toRef(w),r=t.shallowRef(null),a=t.ref(!0),l=t.ref(!o||i),d=t.computed(()=>{var e;return((e=r.value)==null?void 0:e.errors)||[]}),f=t.computed(()=>{var e;return((e=r.value)==null?void 0:e.fields)||{}}),v=t.computed(()=>new p(t.toValue(A))),h=async()=>{a.value=!1,l.value=!1;try{await v.value.validate(c.value,U),l.value=!0,r.value=null}catch(e){r.value=e}finally{a.value=!0}return{pass:l.value,errorInfo:r.value,errors:d.value,errorFields:f.value}};i||t.watch([c,v],()=>h(),{immediate:o,deep:!0});const V={isFinished:a,pass:l,errors:d,errorInfo:r,errorFields:f,execute:h};function R(){return new Promise((e,n)=>{s.until(a).toBe(!0).then(()=>e(V)).catch(I=>n(I))})}return{...V,then(e,n){return R().then(e,n)}}}m.useAsyncValidator=y})(this.VueUse=this.VueUse||{},VueUse,AsyncValidator,Vue);
+(function(m,s,u,t){"use strict";const p=u.default||u;function w(y,A,F={}){const{validateOption:R={},immediate:o=!0,manual:i=!1}=F,c=s.toRef(y),a=t.shallowRef(null),r=t.shallowRef(!0),l=t.ref(!o||i),d=t.computed(()=>{var e;return((e=a.value)==null?void 0:e.errors)||[]}),f=t.computed(()=>{var e;return((e=a.value)==null?void 0:e.fields)||{}}),v=t.computed(()=>new p(t.toValue(A))),h=async()=>{r.value=!1,l.value=!1;try{await v.value.validate(c.value,R),l.value=!0,a.value=null}catch(e){a.value=e}finally{r.value=!0}return{pass:l.value,errorInfo:a.value,errors:d.value,errorFields:f.value}};i||t.watch([c,v],()=>h(),{immediate:o,deep:!0});const V={isFinished:r,pass:l,errors:d,errorInfo:a,errorFields:f,execute:h};function U(){return new Promise((e,n)=>{s.until(r).toBe(!0).then(()=>e(V)).catch(I=>n(I))})}return{...V,then(e,n){return U().then(e,n)}}}m.useAsyncValidator=w})(this.VueUse=this.VueUse||{},VueUse,AsyncValidator,Vue);

package/useAsyncValidator.mjs

@@ -11,7 +11,7 @@ function useAsyncValidator(value, rules, options = {}) {
   } = options;
   const valueRef = toRef(value);
   const errorInfo = shallowRef(null);
-  const isFinished = ref(true);
+  const isFinished = shallowRef(true);
   const pass = ref(!immediate || manual);
   const errors = computed(() => {
     var _a;

package/useAxios.cjs

@@ -39,9 +39,9 @@ function useAxios(...args) {
   const initialData = options.initialData;
   const response = vue.shallowRef();
   const data = (shallow ? vue.shallowRef : vue.ref)(initialData);
-  const isFinished = vue.ref(false);
-  const isLoading = vue.ref(false);
-  const isAborted = vue.ref(false);
+  const isFinished = vue.shallowRef(false);
+  const isLoading = vue.shallowRef(false);
+  const isAborted = vue.shallowRef(false);
   const error = vue.shallowRef();
   let abortController = new AbortController();
   const abort = (message) => {

package/useAxios.iife.js

@@ -36,9 +36,9 @@
     const initialData = options.initialData;
     const response = vue.shallowRef();
     const data = (shallow ? vue.shallowRef : vue.ref)(initialData);
-    const isFinished = vue.ref(false);
-    const isLoading = vue.ref(false);
-    const isAborted = vue.ref(false);
+    const isFinished = vue.shallowRef(false);
+    const isLoading = vue.shallowRef(false);
+    const isAborted = vue.shallowRef(false);
     const error = vue.shallowRef();
     let abortController = new AbortController();
     const abort = (message) => {

package/useAxios.iife.min.js

@@ -1 +1 @@
-(function(L,h,v,l){"use strict";function O(...t){const r=typeof t[0]=="string"?t[0]:void 0,n=typeof r=="string"?1:0,E={immediate:!!n,shallow:!0,abortPrevious:!0};let R={},d=v,s=E;const p=e=>!!e?.request;t.length>0+n&&(p(t[0+n])?d=t[0+n]:R=t[0+n]),t.length>1+n&&p(t[1+n])&&(d=t[1+n]),(t.length===2+n&&!p(t[1+n])||t.length===3+n)&&(s=t[t.length-1]||E);const{shallow:U,onSuccess:j=h.noop,onError:q=h.noop,immediate:B,resetOnExecute:N=!1}=s,x=s.initialData,y=l.shallowRef(),w=(U?l.shallowRef:l.ref)(x),i=l.ref(!1),c=l.ref(!1),u=l.ref(!1),a=l.shallowRef();let b=new AbortController;const A=e=>{i.value||!c.value||(b.abort(e),b=new AbortController,u.value=!0,c.value=!1,i.value=!1)},V=e=>{c.value=e,i.value=!e},S=()=>{N&&(w.value=x)},D=()=>new Promise((e,f)=>{h.until(i).toBe(!0).then(()=>a.value?f(a.value):e(_))}),C={then:(...e)=>D().then(...e),catch:(...e)=>D().catch(...e)};let m=0;const P=(e=r,f={})=>{a.value=void 0;const F=typeof e=="string"?e:r??f.url;if(F===void 0)return a.value=new v.AxiosError(v.AxiosError.ERR_INVALID_URL),i.value=!0,C;S(),s.abortPrevious!==!1&&A(),V(!0),m+=1;const k=m;return u.value=!1,d(F,{...R,...typeof e=="object"?e:f,signal:b.signal}).then(o=>{if(u.value)return;y.value=o;const I=o.data;w.value=I,j(I)}).catch(o=>{a.value=o,q(o)}).finally(()=>{var o;(o=s.onFinish)==null||o.call(s),k===m&&V(!1)}),C};B&&r&&P();const _={response:y,data:w,error:a,isFinished:i,isLoading:c,cancel:A,isAborted:u,isCanceled:u,abort:A,execute:P};return{..._,...C}}L.useAxios=O})(this.VueUse=this.VueUse||{},VueUse,axios,Vue);
+(function(L,h,v,n){"use strict";function O(...t){const u=typeof t[0]=="string"?t[0]:void 0,o=typeof u=="string"?1:0,m={immediate:!!o,shallow:!0,abortPrevious:!0};let E={},d=v,s=m;const w=e=>!!e?.request;t.length>0+o&&(w(t[0+o])?d=t[0+o]:E=t[0+o]),t.length>1+o&&w(t[1+o])&&(d=t[1+o]),(t.length===2+o&&!w(t[1+o])||t.length===3+o)&&(s=t[t.length-1]||m);const{shallow:U,onSuccess:j=h.noop,onError:q=h.noop,immediate:B,resetOnExecute:N=!1}=s,x=s.initialData,y=n.shallowRef(),p=(U?n.shallowRef:n.ref)(x),i=n.shallowRef(!1),c=n.shallowRef(!1),r=n.shallowRef(!1),a=n.shallowRef();let b=new AbortController;const A=e=>{i.value||!c.value||(b.abort(e),b=new AbortController,r.value=!0,c.value=!1,i.value=!1)},V=e=>{c.value=e,i.value=!e},S=()=>{N&&(p.value=x)},D=()=>new Promise((e,f)=>{h.until(i).toBe(!0).then(()=>a.value?f(a.value):e(_))}),R={then:(...e)=>D().then(...e),catch:(...e)=>D().catch(...e)};let C=0;const P=(e=u,f={})=>{a.value=void 0;const F=typeof e=="string"?e:u??f.url;if(F===void 0)return a.value=new v.AxiosError(v.AxiosError.ERR_INVALID_URL),i.value=!0,R;S(),s.abortPrevious!==!1&&A(),V(!0),C+=1;const k=C;return r.value=!1,d(F,{...E,...typeof e=="object"?e:f,signal:b.signal}).then(l=>{if(r.value)return;y.value=l;const I=l.data;p.value=I,j(I)}).catch(l=>{a.value=l,q(l)}).finally(()=>{var l;(l=s.onFinish)==null||l.call(s),k===C&&V(!1)}),R};B&&u&&P();const _={response:y,data:p,error:a,isFinished:i,isLoading:c,cancel:A,isAborted:r,isCanceled:r,abort:A,execute:P};return{..._,...R}}L.useAxios=O})(this.VueUse=this.VueUse||{},VueUse,axios,Vue);

package/useAxios.mjs

@@ -37,9 +37,9 @@ function useAxios(...args) {
   const initialData = options.initialData;
   const response = shallowRef();
   const data = (shallow ? shallowRef : ref)(initialData);
-  const isFinished = ref(false);
-  const isLoading = ref(false);
-  const isAborted = ref(false);
+  const isFinished = shallowRef(false);
+  const isLoading = shallowRef(false);
+  const isAborted = shallowRef(false);
   const error = shallowRef();
   let abortController = new AbortController();
   const abort = (message) => {

package/useCookies.cjs

@@ -11,7 +11,7 @@ function createCookies(req) {
 function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie()) {
   const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
   let previousCookies = cookies.getAll({ doNotParse: true });
-  const touches = vue.ref(0);
+  const touches = vue.shallowRef(0);
   const onChange = () => {
     const newCookies = cookies.getAll({ doNotParse: true });
     if (shouldUpdate(

package/useCookies.iife.js

@@ -8,7 +8,7 @@
   function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie()) {
     const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
     let previousCookies = cookies.getAll({ doNotParse: true });
-    const touches = vue.ref(0);
+    const touches = vue.shallowRef(0);
     const onChange = () => {
       const newCookies = cookies.getAll({ doNotParse: true });
       if (shouldUpdate(

package/useCookies.iife.min.js

@@ -1 +1 @@
-(function(a,C,o,g){"use strict";function v(n){const r=new o(n?n.headers.cookie:null);return(u,{doNotParse:t=!1,autoUpdateDependencies:s=!1}={})=>i(u,{doNotParse:t,autoUpdateDependencies:s},r)}function i(n,{doNotParse:r=!1,autoUpdateDependencies:u=!1}={},t=new o){const s=u?[...n||[]]:n;let f=t.getAll({doNotParse:!0});const l=g.ref(0),h=()=>{const e=t.getAll({doNotParse:!0});c(s||null,e,f)&&l.value++,f=e};return t.addChangeListener(h),C.tryOnScopeDispose(()=>{t.removeChangeListener(h)}),{get:(...e)=>(u&&s&&!s.includes(e[0])&&s.push(e[0]),l.value,t.get(e[0],{doNotParse:r,...e[1]})),getAll:(...e)=>(l.value,t.getAll({doNotParse:r,...e[0]})),set:(...e)=>t.set(...e),remove:(...e)=>t.remove(...e),addChangeListener:(...e)=>t.addChangeListener(...e),removeChangeListener:(...e)=>t.removeChangeListener(...e)}}function c(n,r,u){if(!n)return!0;for(const t of n)if(r[t]!==u[t])return!0;return!1}a.createCookies=v,a.useCookies=i})(this.VueUse=this.VueUse||{},VueUse,UniversalCookie,Vue);
+(function(a,C,o,g){"use strict";function v(n){const r=new o(n?n.headers.cookie:null);return(u,{doNotParse:t=!1,autoUpdateDependencies:s=!1}={})=>i(u,{doNotParse:t,autoUpdateDependencies:s},r)}function i(n,{doNotParse:r=!1,autoUpdateDependencies:u=!1}={},t=new o){const s=u?[...n||[]]:n;let f=t.getAll({doNotParse:!0});const l=g.shallowRef(0),h=()=>{const e=t.getAll({doNotParse:!0});c(s||null,e,f)&&l.value++,f=e};return t.addChangeListener(h),C.tryOnScopeDispose(()=>{t.removeChangeListener(h)}),{get:(...e)=>(u&&s&&!s.includes(e[0])&&s.push(e[0]),l.value,t.get(e[0],{doNotParse:r,...e[1]})),getAll:(...e)=>(l.value,t.getAll({doNotParse:r,...e[0]})),set:(...e)=>t.set(...e),remove:(...e)=>t.remove(...e),addChangeListener:(...e)=>t.addChangeListener(...e),removeChangeListener:(...e)=>t.removeChangeListener(...e)}}function c(n,r,u){if(!n)return!0;for(const t of n)if(r[t]!==u[t])return!0;return!1}a.createCookies=v,a.useCookies=i})(this.VueUse=this.VueUse||{},VueUse,UniversalCookie,Vue);

package/useCookies.mjs

@@ -1,6 +1,6 @@
 import { tryOnScopeDispose } from '@vueuse/shared';
 import Cookie from 'universal-cookie';
-import { ref } from 'vue';
+import { shallowRef } from 'vue';
 
 function createCookies(req) {
   const universalCookie = new Cookie(req ? req.headers.cookie : null);
@@ -9,7 +9,7 @@ function createCookies(req) {
 function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie()) {
   const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
   let previousCookies = cookies.getAll({ doNotParse: true });
-  const touches = ref(0);
+  const touches = shallowRef(0);
   const onChange = () => {
     const newCookies = cookies.getAll({ doNotParse: true });
     if (shouldUpdate(

package/useDrauu.cjs

@@ -13,10 +13,10 @@ function useDrauu(target, options) {
   const onCommittedHook = core.createEventHook();
   const onStartHook = core.createEventHook();
   const onEndHook = core.createEventHook();
-  const canUndo = vue.ref(false);
-  const canRedo = vue.ref(false);
-  const altPressed = vue.ref(false);
-  const shiftPressed = vue.ref(false);
+  const canUndo = vue.shallowRef(false);
+  const canRedo = vue.shallowRef(false);
+  const altPressed = vue.shallowRef(false);
+  const shiftPressed = vue.shallowRef(false);
   const brush = vue.ref({
     color: "black",
     size: 3,

package/useDrauu.iife.js

@@ -9,10 +9,10 @@
     const onCommittedHook = core.createEventHook();
     const onStartHook = core.createEventHook();
     const onEndHook = core.createEventHook();
-    const canUndo = vue.ref(false);
-    const canRedo = vue.ref(false);
-    const altPressed = vue.ref(false);
-    const shiftPressed = vue.ref(false);
+    const canUndo = vue.shallowRef(false);
+    const canRedo = vue.shallowRef(false);
+    const altPressed = vue.shallowRef(false);
+    const shiftPressed = vue.shallowRef(false);
     const brush = vue.ref({
       color: "black",
       size: 3,

package/useDrauu.iife.min.js

@@ -1 +1 @@
-(function(E,o,k,H,a){"use strict";function V(p,u){const n=a.ref();let l=[];const s=o.createEventHook(),c=o.createEventHook(),d=o.createEventHook(),v=o.createEventHook(),i=o.createEventHook(),f=a.ref(!1),h=a.ref(!1),S=a.ref(!1),_=a.ref(!1),r=a.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw",...u?.brush});a.watch(r,()=>{const e=n.value;e&&(e.brush=r.value,e.mode=r.value.mode)},{deep:!0});const C=()=>{var e;return(e=n.value)==null?void 0:e.undo()},U=()=>{var e;return(e=n.value)==null?void 0:e.redo()},b=()=>{var e;return(e=n.value)==null?void 0:e.clear()},D=()=>{var e;return(e=n.value)==null?void 0:e.cancel()},w=e=>{var t;return(t=n.value)==null?void 0:t.load(e)},y=()=>{var e;return(e=n.value)==null?void 0:e.dump()},m=()=>{var e;l.forEach(t=>t()),(e=n.value)==null||e.unmount()},g=()=>{n.value&&(f.value=n.value.canUndo(),h.value=n.value.canRedo(),S.value=n.value.altPressed,_.value=n.value.shiftPressed)};return a.watch(()=>o.unrefElement(p),e=>{!e||typeof SVGSVGElement>"u"||!(e instanceof SVGSVGElement)||(n.value&&m(),n.value=H.createDrauu({el:e,...u}),g(),l=[n.value.on("canceled",()=>c.trigger()),n.value.on("committed",t=>d.trigger(t)),n.value.on("start",()=>v.trigger()),n.value.on("end",()=>i.trigger()),n.value.on("changed",()=>{g(),s.trigger()})])},{flush:"post"}),k.tryOnScopeDispose(()=>m()),{drauuInstance:n,load:w,dump:y,clear:b,cancel:D,undo:C,redo:U,canUndo:f,canRedo:h,brush:r,onChanged:s.on,onCommitted:d.on,onStart:v.on,onEnd:i.on,onCanceled:c.on}}E.useDrauu=V})(this.VueUse=this.VueUse||{},VueUse,VueUse,Drauu,Vue);
+(function(E,o,k,H,a){"use strict";function V(p,u){const n=a.ref();let r=[];const s=o.createEventHook(),c=o.createEventHook(),d=o.createEventHook(),v=o.createEventHook(),i=o.createEventHook(),f=a.shallowRef(!1),h=a.shallowRef(!1),w=a.shallowRef(!1),S=a.shallowRef(!1),l=a.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw",...u?.brush});a.watch(l,()=>{const e=n.value;e&&(e.brush=l.value,e.mode=l.value.mode)},{deep:!0});const R=()=>{var e;return(e=n.value)==null?void 0:e.undo()},_=()=>{var e;return(e=n.value)==null?void 0:e.redo()},C=()=>{var e;return(e=n.value)==null?void 0:e.clear()},U=()=>{var e;return(e=n.value)==null?void 0:e.cancel()},b=e=>{var t;return(t=n.value)==null?void 0:t.load(e)},D=()=>{var e;return(e=n.value)==null?void 0:e.dump()},m=()=>{var e;r.forEach(t=>t()),(e=n.value)==null||e.unmount()},g=()=>{n.value&&(f.value=n.value.canUndo(),h.value=n.value.canRedo(),w.value=n.value.altPressed,S.value=n.value.shiftPressed)};return a.watch(()=>o.unrefElement(p),e=>{!e||typeof SVGSVGElement>"u"||!(e instanceof SVGSVGElement)||(n.value&&m(),n.value=H.createDrauu({el:e,...u}),g(),r=[n.value.on("canceled",()=>c.trigger()),n.value.on("committed",t=>d.trigger(t)),n.value.on("start",()=>v.trigger()),n.value.on("end",()=>i.trigger()),n.value.on("changed",()=>{g(),s.trigger()})])},{flush:"post"}),k.tryOnScopeDispose(()=>m()),{drauuInstance:n,load:b,dump:D,clear:C,cancel:U,undo:R,redo:_,canUndo:f,canRedo:h,brush:l,onChanged:s.on,onCommitted:d.on,onStart:v.on,onEnd:i.on,onCanceled:c.on}}E.useDrauu=V})(this.VueUse=this.VueUse||{},VueUse,VueUse,Drauu,Vue);

package/useDrauu.mjs

@@ -1,7 +1,7 @@
 import { createEventHook, unrefElement } from '@vueuse/core';
 import { tryOnScopeDispose } from '@vueuse/shared';
 import { createDrauu } from 'drauu';
-import { ref, watch } from 'vue';
+import { ref, shallowRef, watch } from 'vue';
 
 function useDrauu(target, options) {
   const drauuInstance = ref();
@@ -11,10 +11,10 @@ function useDrauu(target, options) {
   const onCommittedHook = createEventHook();
   const onStartHook = createEventHook();
   const onEndHook = createEventHook();
-  const canUndo = ref(false);
-  const canRedo = ref(false);
-  const altPressed = ref(false);
-  const shiftPressed = ref(false);
+  const canUndo = shallowRef(false);
+  const canRedo = shallowRef(false);
+  const altPressed = shallowRef(false);
+  const shiftPressed = shallowRef(false);
   const brush = ref({
     color: "black",
     size: 3,

package/useFocusTrap.cjs

@@ -8,8 +8,8 @@ var vue = require('vue');
 function useFocusTrap(target, options = {}) {
   let trap;
   const { immediate, ...focusTrapOptions } = options;
-  const hasFocus = vue.ref(false);
-  const isPaused = vue.ref(false);
+  const hasFocus = vue.shallowRef(false);
+  const isPaused = vue.shallowRef(false);
   const activate = (opts) => trap && trap.activate(opts);
   const deactivate = (opts) => trap && trap.deactivate(opts);
   const pause = () => {

package/useFocusTrap.iife.js

@@ -4,8 +4,8 @@
   function useFocusTrap(target, options = {}) {
     let trap;
     const { immediate, ...focusTrapOptions } = options;
-    const hasFocus = vue.ref(false);
-    const isPaused = vue.ref(false);
+    const hasFocus = vue.shallowRef(false);
+    const isPaused = vue.shallowRef(false);
     const activate = (opts) => trap && trap.activate(opts);
     const deactivate = (opts) => trap && trap.deactivate(opts);
     const pause = () => {

package/useFocusTrap.iife.min.js

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

package/useFocusTrap.mjs

@@ -1,13 +1,13 @@
 import { toArray, unrefElement, tryOnScopeDispose } from '@vueuse/core';
 import { notNullish } from '@vueuse/shared';
 import { createFocusTrap } from 'focus-trap';
-import { ref, computed, toValue, watch } from 'vue';
+import { shallowRef, computed, toValue, watch } from 'vue';
 
 function useFocusTrap(target, options = {}) {
   let trap;
   const { immediate, ...focusTrapOptions } = options;
-  const hasFocus = ref(false);
-  const isPaused = ref(false);
+  const hasFocus = shallowRef(false);
+  const isPaused = shallowRef(false);
   const activate = (opts) => trap && trap.activate(opts);
   const deactivate = (opts) => trap && trap.deactivate(opts);
   const pause = () => {

package/useIDBKeyval.cjs

@@ -14,7 +14,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
     },
     writeDefaults = true
   } = options;
-  const isFinished = vue.ref(false);
+  const isFinished = vue.shallowRef(false);
   const data = (shallow ? vue.shallowRef : vue.ref)(initialValue);
   const rawInit = vue.toValue(initialValue);
   async function read() {

package/useIDBKeyval.iife.js

@@ -11,7 +11,7 @@
       },
       writeDefaults = true
     } = options;
-    const isFinished = vue.ref(false);
+    const isFinished = vue.shallowRef(false);
     const data = (shallow ? vue.shallowRef : vue.ref)(initialValue);
     const rawInit = vue.toValue(initialValue);
     async function read() {

package/useIDBKeyval.iife.min.js

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

package/useIDBKeyval.mjs

@@ -1,6 +1,6 @@
 import { watchPausable } from '@vueuse/core';
 import { get, set, del, update } from 'idb-keyval';
-import { ref, shallowRef, toValue, toRaw } from 'vue';
+import { shallowRef, ref, toValue, toRaw } from 'vue';
 
 function useIDBKeyval(key, initialValue, options = {}) {
   const {
@@ -12,7 +12,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
     },
     writeDefaults = true
   } = options;
-  const isFinished = ref(false);
+  const isFinished = shallowRef(false);
   const data = (shallow ? shallowRef : ref)(initialValue);
   const rawInit = toValue(initialValue);
   async function read() {

package/useQRCode.cjs

@@ -6,7 +6,7 @@ var vue = require('vue');
 
 function useQRCode(text, options) {
   const src = shared.toRef(text);
-  const result = vue.ref("");
+  const result = vue.shallowRef("");
   vue.watch(
     src,
     async (value) => {

package/useQRCode.d.cts

@@ -9,6 +9,6 @@ import QRCode from 'qrcode';
  * @param text
  * @param options
  */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.Ref<string, string>;
+declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
 
 export { useQRCode };

package/useQRCode.d.mts

@@ -9,6 +9,6 @@ import QRCode from 'qrcode';
  * @param text
  * @param options
  */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.Ref<string, string>;
+declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
 
 export { useQRCode };

package/useQRCode.d.ts

@@ -9,6 +9,6 @@ import QRCode from 'qrcode';
  * @param text
  * @param options
  */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.Ref<string, string>;
+declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
 
 export { useQRCode };

package/useQRCode.iife.js

@@ -3,7 +3,7 @@
 
   function useQRCode(text, options) {
     const src = shared.toRef(text);
-    const result = vue.ref("");
+    const result = vue.shallowRef("");
     vue.watch(
       src,
       async (value) => {

package/useQRCode.iife.min.js

@@ -1 +1 @@
-(function(i,e,n,t){"use strict";function o(a,c){const s=e.toRef(a),u=t.ref("");return t.watch(s,async r=>{s.value&&e.isClient&&(u.value=await n.toDataURL(r,c))},{immediate:!0}),u}i.useQRCode=o})(this.VueUse=this.VueUse||{},VueUse,QRCode,Vue);
+(function(i,e,o,t){"use strict";function a(n,c){const s=e.toRef(n),u=t.shallowRef("");return t.watch(s,async l=>{s.value&&e.isClient&&(u.value=await o.toDataURL(l,c))},{immediate:!0}),u}i.useQRCode=a})(this.VueUse=this.VueUse||{},VueUse,QRCode,Vue);

package/useQRCode.mjs

@@ -1,10 +1,10 @@
 import { toRef, isClient } from '@vueuse/shared';
 import QRCode from 'qrcode';
-import { ref, watch } from 'vue';
+import { shallowRef, watch } from 'vue';
 
 function useQRCode(text, options) {
   const src = toRef(text);
-  const result = ref("");
+  const result = shallowRef("");
   watch(
     src,
     async (value) => {