@vueuse/integrations 12.6.1 → 12.8.0

package/useAsyncValidator/component.mjs

@@ -1,4 +1,4 @@
-import { shallowRef, ref, computed, toValue, watch, defineComponent, reactive } from 'vue';
+import { shallowRef, computed, toValue, watch, defineComponent, reactive } from 'vue';
 import { toRef, until } from '@vueuse/shared';
 import Schema from 'async-validator';
 
@@ -11,8 +11,8 @@ function useAsyncValidator(value, rules, options = {}) {
   } = options;
   const valueRef = toRef(value);
   const errorInfo = shallowRef(null);
-  const isFinished = ref(true);
-  const pass = ref(!immediate || manual);
+  const isFinished = shallowRef(true);
+  const pass = shallowRef(!immediate || manual);
   const errors = computed(() => errorInfo.value?.errors || []);
   const errorFields = computed(() => errorInfo.value?.fields || {});
   const validator = computed(() => new AsyncValidatorSchema(toValue(rules)));
@@ -63,7 +63,7 @@ function useAsyncValidator(value, rules, options = {}) {
   };
 }
 
-const UseAsyncValidator = /* @__PURE__ */ /* #__PURE__ */ defineComponent({
+const UseAsyncValidator = /* @__PURE__ */ /*@__PURE__*/ defineComponent({
   name: "UseAsyncValidator",
   props: {
     form: {

package/useAsyncValidator.cjs

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

package/useAsyncValidator.d.cts

@@ -1,6 +1,5 @@
-import { MaybeRefOrGetter } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
-import { Ref } from 'vue';
+import { ShallowRef, ComputedRef, MaybeRefOrGetter } from 'vue';
 
 type AsyncValidatorError = Error & {
     errors: ValidateError[];
@@ -13,11 +12,11 @@ interface UseAsyncValidatorExecuteReturn {
     errorFields: AsyncValidatorError['fields'] | undefined;
 }
 interface UseAsyncValidatorReturn {
-    pass: Ref<boolean>;
-    isFinished: Ref<boolean>;
-    errors: Ref<AsyncValidatorError['errors'] | undefined>;
-    errorInfo: Ref<AsyncValidatorError | null>;
-    errorFields: Ref<AsyncValidatorError['fields'] | undefined>;
+    pass: ShallowRef<boolean>;
+    isFinished: ShallowRef<boolean>;
+    errors: ComputedRef<AsyncValidatorError['errors'] | undefined>;
+    errorInfo: ShallowRef<AsyncValidatorError | null>;
+    errorFields: ComputedRef<AsyncValidatorError['fields'] | undefined>;
     execute: () => Promise<UseAsyncValidatorExecuteReturn>;
 }
 interface UseAsyncValidatorOptions {

package/useAsyncValidator.d.mts

@@ -1,6 +1,5 @@
-import { MaybeRefOrGetter } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
-import { Ref } from 'vue';
+import { ShallowRef, ComputedRef, MaybeRefOrGetter } from 'vue';
 
 type AsyncValidatorError = Error & {
     errors: ValidateError[];
@@ -13,11 +12,11 @@ interface UseAsyncValidatorExecuteReturn {
     errorFields: AsyncValidatorError['fields'] | undefined;
 }
 interface UseAsyncValidatorReturn {
-    pass: Ref<boolean>;
-    isFinished: Ref<boolean>;
-    errors: Ref<AsyncValidatorError['errors'] | undefined>;
-    errorInfo: Ref<AsyncValidatorError | null>;
-    errorFields: Ref<AsyncValidatorError['fields'] | undefined>;
+    pass: ShallowRef<boolean>;
+    isFinished: ShallowRef<boolean>;
+    errors: ComputedRef<AsyncValidatorError['errors'] | undefined>;
+    errorInfo: ShallowRef<AsyncValidatorError | null>;
+    errorFields: ComputedRef<AsyncValidatorError['fields'] | undefined>;
     execute: () => Promise<UseAsyncValidatorExecuteReturn>;
 }
 interface UseAsyncValidatorOptions {

package/useAsyncValidator.d.ts

@@ -1,6 +1,5 @@
-import { MaybeRefOrGetter } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
-import { Ref } from 'vue';
+import { ShallowRef, ComputedRef, MaybeRefOrGetter } from 'vue';
 
 type AsyncValidatorError = Error & {
     errors: ValidateError[];
@@ -13,11 +12,11 @@ interface UseAsyncValidatorExecuteReturn {
     errorFields: AsyncValidatorError['fields'] | undefined;
 }
 interface UseAsyncValidatorReturn {
-    pass: Ref<boolean>;
-    isFinished: Ref<boolean>;
-    errors: Ref<AsyncValidatorError['errors'] | undefined>;
-    errorInfo: Ref<AsyncValidatorError | null>;
-    errorFields: Ref<AsyncValidatorError['fields'] | undefined>;
+    pass: ShallowRef<boolean>;
+    isFinished: ShallowRef<boolean>;
+    errors: ComputedRef<AsyncValidatorError['errors'] | undefined>;
+    errorInfo: ShallowRef<AsyncValidatorError | null>;
+    errorFields: ComputedRef<AsyncValidatorError['fields'] | undefined>;
     execute: () => Promise<UseAsyncValidatorExecuteReturn>;
 }
 interface UseAsyncValidatorOptions {

package/useAsyncValidator.iife.js

@@ -10,8 +10,8 @@
     } = options;
     const valueRef = shared.toRef(value);
     const errorInfo = vue.shallowRef(null);
-    const isFinished = vue.ref(true);
-    const pass = vue.ref(!immediate || manual);
+    const isFinished = vue.shallowRef(true);
+    const pass = vue.shallowRef(!immediate || manual);
     const errors = vue.computed(() => {
       var _a;
       return ((_a = errorInfo.value) == null ? void 0 : _a.errors) || [];

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

package/useAsyncValidator.mjs

@@ -1,6 +1,6 @@
 import { toRef, until } from '@vueuse/shared';
 import Schema from 'async-validator';
-import { shallowRef, ref, computed, toValue, watch } from 'vue';
+import { shallowRef, computed, toValue, watch } from 'vue';
 
 const AsyncValidatorSchema = Schema.default || Schema;
 function useAsyncValidator(value, rules, options = {}) {
@@ -11,8 +11,8 @@ function useAsyncValidator(value, rules, options = {}) {
   } = options;
   const valueRef = toRef(value);
   const errorInfo = shallowRef(null);
-  const isFinished = ref(true);
-  const pass = ref(!immediate || manual);
+  const isFinished = shallowRef(true);
+  const pass = shallowRef(!immediate || manual);
   const errors = computed(() => {
     var _a;
     return ((_a = errorInfo.value) == null ? void 0 : _a.errors) || [];

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/useChangeCase.d.cts

@@ -1,7 +1,6 @@
-import { MaybeRef, MaybeRefOrGetter } from '@vueuse/shared';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
-import { WritableComputedRef, ComputedRef } from 'vue';
+import { MaybeRef, MaybeRefOrGetter, WritableComputedRef, ComputedRef } from 'vue';
 
 type EndsWithCase<T> = T extends `${infer _}Case` ? T : never;
 type FilterKeys<T> = {

package/useChangeCase.d.mts

@@ -1,7 +1,6 @@
-import { MaybeRef, MaybeRefOrGetter } from '@vueuse/shared';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
-import { WritableComputedRef, ComputedRef } from 'vue';
+import { MaybeRef, MaybeRefOrGetter, WritableComputedRef, ComputedRef } from 'vue';
 
 type EndsWithCase<T> = T extends `${infer _}Case` ? T : never;
 type FilterKeys<T> = {

package/useChangeCase.d.ts

@@ -1,7 +1,6 @@
-import { MaybeRef, MaybeRefOrGetter } from '@vueuse/shared';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
-import { WritableComputedRef, ComputedRef } from 'vue';
+import { MaybeRef, MaybeRefOrGetter, WritableComputedRef, ComputedRef } from 'vue';
 
 type EndsWithCase<T> = T extends `${infer _}Case` ? T : never;
 type FilterKeys<T> = {

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.d.cts

@@ -1,6 +1,6 @@
 import { EventHookOn, MaybeComputedElementRef } from '@vueuse/core';
 import { Options, Drauu, Brush } from 'drauu';
-import { Ref } from 'vue';
+import { Ref, ShallowRef } from 'vue';
 
 type UseDrauuOptions = Omit<Options, 'el'>;
 interface UseDrauuReturn {
@@ -11,8 +11,8 @@ interface UseDrauuReturn {
     cancel: () => void;
     undo: () => boolean | undefined;
     redo: () => boolean | undefined;
-    canUndo: Ref<boolean>;
-    canRedo: Ref<boolean>;
+    canUndo: ShallowRef<boolean>;
+    canRedo: ShallowRef<boolean>;
     brush: Ref<Brush>;
     onChanged: EventHookOn;
     onCommitted: EventHookOn;

package/useDrauu.d.mts

@@ -1,6 +1,6 @@
 import { EventHookOn, MaybeComputedElementRef } from '@vueuse/core';
 import { Options, Drauu, Brush } from 'drauu';
-import { Ref } from 'vue';
+import { Ref, ShallowRef } from 'vue';
 
 type UseDrauuOptions = Omit<Options, 'el'>;
 interface UseDrauuReturn {
@@ -11,8 +11,8 @@ interface UseDrauuReturn {
     cancel: () => void;
     undo: () => boolean | undefined;
     redo: () => boolean | undefined;
-    canUndo: Ref<boolean>;
-    canRedo: Ref<boolean>;
+    canUndo: ShallowRef<boolean>;
+    canRedo: ShallowRef<boolean>;
     brush: Ref<Brush>;
     onChanged: EventHookOn;
     onCommitted: EventHookOn;

package/useDrauu.d.ts

@@ -1,6 +1,6 @@
 import { EventHookOn, MaybeComputedElementRef } from '@vueuse/core';
 import { Options, Drauu, Brush } from 'drauu';
-import { Ref } from 'vue';
+import { Ref, ShallowRef } from 'vue';
 
 type UseDrauuOptions = Omit<Options, 'el'>;
 interface UseDrauuReturn {
@@ -11,8 +11,8 @@ interface UseDrauuReturn {
     cancel: () => void;
     undo: () => boolean | undefined;
     redo: () => boolean | undefined;
-    canUndo: Ref<boolean>;
-    canRedo: Ref<boolean>;
+    canUndo: ShallowRef<boolean>;
+    canRedo: ShallowRef<boolean>;
     brush: Ref<Brush>;
     onChanged: EventHookOn;
     onCommitted: EventHookOn;

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/component.cjs

@@ -4,7 +4,7 @@ var core = require('@vueuse/core');
 var focusTrap = require('focus-trap');
 var vue = require('vue');
 
-const UseFocusTrap = /* @__PURE__ */ /* #__PURE__ */ vue.defineComponent({
+const UseFocusTrap = /* @__PURE__ */ /*@__PURE__*/ vue.defineComponent({
   name: "UseFocusTrap",
   props: ["as", "options"],
   setup(props, { slots }) {

package/useFocusTrap/component.mjs

@@ -2,7 +2,7 @@ import { unrefElement } from '@vueuse/core';
 import { createFocusTrap } from 'focus-trap';
 import { defineComponent, ref, watch, onScopeDispose, h } from 'vue';
 
-const UseFocusTrap = /* @__PURE__ */ /* #__PURE__ */ defineComponent({
+const UseFocusTrap = /* @__PURE__ */ /*@__PURE__*/ defineComponent({
   name: "UseFocusTrap",
   props: ["as", "options"],
   setup(props, { slots }) {

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.d.cts

@@ -1,7 +1,6 @@
 import { Fn, Arrayable, MaybeComputedElementRef } from '@vueuse/core';
-import { MaybeRefOrGetter } from '@vueuse/shared';
 import { Options, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import { Ref } from 'vue';
+import { ShallowRef, MaybeRefOrGetter } from 'vue';
 
 interface UseFocusTrapOptions extends Options {
     /**
@@ -13,11 +12,11 @@ interface UseFocusTrapReturn {
     /**
      * Indicates if the focus trap is currently active
      */
-    hasFocus: Ref<boolean>;
+    hasFocus: ShallowRef<boolean>;
     /**
      * Indicates if the focus trap is currently paused
      */
-    isPaused: Ref<boolean>;
+    isPaused: ShallowRef<boolean>;
     /**
      * Activate the focus trap
      *

package/useFocusTrap.d.mts

@@ -1,7 +1,6 @@
 import { Fn, Arrayable, MaybeComputedElementRef } from '@vueuse/core';
-import { MaybeRefOrGetter } from '@vueuse/shared';
 import { Options, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import { Ref } from 'vue';
+import { ShallowRef, MaybeRefOrGetter } from 'vue';
 
 interface UseFocusTrapOptions extends Options {
     /**
@@ -13,11 +12,11 @@ interface UseFocusTrapReturn {
     /**
      * Indicates if the focus trap is currently active
      */
-    hasFocus: Ref<boolean>;
+    hasFocus: ShallowRef<boolean>;
     /**
      * Indicates if the focus trap is currently paused
      */
-    isPaused: Ref<boolean>;
+    isPaused: ShallowRef<boolean>;
     /**
      * Activate the focus trap
      *

package/useFocusTrap.d.ts

@@ -1,7 +1,6 @@
 import { Fn, Arrayable, MaybeComputedElementRef } from '@vueuse/core';
-import { MaybeRefOrGetter } from '@vueuse/shared';
 import { Options, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import { Ref } from 'vue';
+import { ShallowRef, MaybeRefOrGetter } from 'vue';
 
 interface UseFocusTrapOptions extends Options {
     /**
@@ -13,11 +12,11 @@ interface UseFocusTrapReturn {
     /**
      * Indicates if the focus trap is currently active
      */
-    hasFocus: Ref<boolean>;
+    hasFocus: ShallowRef<boolean>;
     /**
      * Indicates if the focus trap is currently paused
      */
-    isPaused: Ref<boolean>;
+    isPaused: ShallowRef<boolean>;
     /**
      * Activate the focus trap
      *

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/useFuse.d.cts

@@ -1,8 +1,7 @@
 import * as vue from 'vue';
-import { ComputedRef } from 'vue';
+import { MaybeRefOrGetter, ComputedRef } from 'vue';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
-import { MaybeRefOrGetter } from '@vueuse/shared';
 
 type FuseOptions<T> = IFuseOptions<T>;
 interface UseFuseOptions<T> {

package/useFuse.d.mts

@@ -1,8 +1,7 @@
 import * as vue from 'vue';
-import { ComputedRef } from 'vue';
+import { MaybeRefOrGetter, ComputedRef } from 'vue';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
-import { MaybeRefOrGetter } from '@vueuse/shared';
 
 type FuseOptions<T> = IFuseOptions<T>;
 interface UseFuseOptions<T> {

package/useFuse.d.ts

@@ -1,8 +1,7 @@
 import * as vue from 'vue';
-import { ComputedRef } from 'vue';
+import { MaybeRefOrGetter, ComputedRef } from 'vue';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
-import { MaybeRefOrGetter } from '@vueuse/shared';
 
 type FuseOptions<T> = IFuseOptions<T>;
 interface UseFuseOptions<T> {

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.d.cts

@@ -1,5 +1,5 @@
-import { ConfigurableFlush, RemovableRef, MaybeRefOrGetter } from '@vueuse/shared';
-import { Ref } from 'vue';
+import { ConfigurableFlush, RemovableRef } from '@vueuse/shared';
+import { ShallowRef, MaybeRefOrGetter } from 'vue';
 
 interface UseIDBOptions extends ConfigurableFlush {
     /**
@@ -29,7 +29,7 @@ interface UseIDBOptions extends ConfigurableFlush {
 }
 interface UseIDBKeyvalReturn<T> {
     data: RemovableRef<T>;
-    isFinished: Ref<boolean>;
+    isFinished: ShallowRef<boolean>;
     set: (value: T) => Promise<void>;
 }
 /**