@vueuse/integrations 12.6.1 → 12.8.0

package/index.cjs

@@ -44,8 +44,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) || [];
@@ -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

@@ -1,18 +1,18 @@
-import { MaybeRefOrGetter, MaybeRef, ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
 import * as vue from 'vue';
-import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue';
+import { ShallowRef, ComputedRef, MaybeRefOrGetter, Ref, MaybeRef, WritableComputedRef } from 'vue';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
 import * as universal_cookie from 'universal-cookie';
 import universal_cookie__default from 'universal-cookie';
 import { IncomingMessage } from 'node:http';
-import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
+import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument } from '@vueuse/core';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
+import { ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
 import nprogress, { NProgressOptions } from 'nprogress';
 import QRCode from 'qrcode';
@@ -29,11 +29,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 {
@@ -230,8 +230,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;
@@ -258,11 +258,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
      *
@@ -351,7 +351,7 @@ interface UseIDBOptions extends ConfigurableFlush {
 }
 interface UseIDBKeyvalReturn<T> {
     data: RemovableRef<T>;
-    isFinished: Ref<boolean>;
+    isFinished: ShallowRef<boolean>;
     set: (value: T) => Promise<void>;
 }
 /**
@@ -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 {
     /**
@@ -426,8 +426,8 @@ interface UseSortableReturn {
     option: (<K extends keyof Sortable.Options>(name: K, value: Sortable.Options[K]) => void) & (<K extends keyof Sortable.Options>(name: K) => Sortable.Options[K]);
 }
 type UseSortableOptions = Options$3 & ConfigurableDocument;
-declare function useSortable<T>(selector: string, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
-declare function useSortable<T>(el: MaybeRefOrGetter$1<HTMLElement | null | undefined>, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
+declare function useSortable<T>(selector: string, list: MaybeRefOrGetter<T[]>, options?: UseSortableOptions): UseSortableReturn;
+declare function useSortable<T>(el: MaybeRefOrGetter<HTMLElement | null | undefined>, list: MaybeRefOrGetter<T[]>, options?: UseSortableOptions): UseSortableReturn;
 /**
  * Inserts a element into the DOM at a given index.
  * @param parentElement
@@ -442,6 +442,6 @@ declare function insertNodeAt(parentElement: Element, element: Element, index: n
  * @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L96C1-L102C2
  */
 declare function removeNode(node: Node): void;
-declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
+declare function moveArrayElement<T>(list: MaybeRefOrGetter<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
 
 export { type AsyncValidatorError, type ChangeCaseType, type EasyUseAxiosReturn, type FuseOptions, type StrictUseAxiosReturn, type UseAsyncValidatorExecuteReturn, type UseAsyncValidatorOptions, type UseAsyncValidatorReturn, type UseAxiosOptions, type UseAxiosOptionsBase, type UseAxiosOptionsWithInitialData, type UseAxiosReturn, type UseDrauuOptions, type UseDrauuReturn, type UseFocusTrapOptions, type UseFocusTrapReturn, type UseFuseOptions, type UseFuseReturn, type UseIDBKeyvalReturn, type UseIDBOptions, type UseJwtOptions, type UseJwtReturn, type UseNProgressOptions, type UseNProgressReturn, type UseSortableOptions, type UseSortableReturn, createCookies, insertNodeAt, moveArrayElement, removeNode, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };

package/index.d.mts

@@ -1,18 +1,18 @@
-import { MaybeRefOrGetter, MaybeRef, ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
 import * as vue from 'vue';
-import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue';
+import { ShallowRef, ComputedRef, MaybeRefOrGetter, Ref, MaybeRef, WritableComputedRef } from 'vue';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
 import * as universal_cookie from 'universal-cookie';
 import universal_cookie__default from 'universal-cookie';
 import { IncomingMessage } from 'node:http';
-import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
+import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument } from '@vueuse/core';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
+import { ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
 import nprogress, { NProgressOptions } from 'nprogress';
 import QRCode from 'qrcode';
@@ -29,11 +29,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 {
@@ -230,8 +230,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;
@@ -258,11 +258,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
      *
@@ -351,7 +351,7 @@ interface UseIDBOptions extends ConfigurableFlush {
 }
 interface UseIDBKeyvalReturn<T> {
     data: RemovableRef<T>;
-    isFinished: Ref<boolean>;
+    isFinished: ShallowRef<boolean>;
     set: (value: T) => Promise<void>;
 }
 /**
@@ -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 {
     /**
@@ -426,8 +426,8 @@ interface UseSortableReturn {
     option: (<K extends keyof Sortable.Options>(name: K, value: Sortable.Options[K]) => void) & (<K extends keyof Sortable.Options>(name: K) => Sortable.Options[K]);
 }
 type UseSortableOptions = Options$3 & ConfigurableDocument;
-declare function useSortable<T>(selector: string, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
-declare function useSortable<T>(el: MaybeRefOrGetter$1<HTMLElement | null | undefined>, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
+declare function useSortable<T>(selector: string, list: MaybeRefOrGetter<T[]>, options?: UseSortableOptions): UseSortableReturn;
+declare function useSortable<T>(el: MaybeRefOrGetter<HTMLElement | null | undefined>, list: MaybeRefOrGetter<T[]>, options?: UseSortableOptions): UseSortableReturn;
 /**
  * Inserts a element into the DOM at a given index.
  * @param parentElement
@@ -442,6 +442,6 @@ declare function insertNodeAt(parentElement: Element, element: Element, index: n
  * @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L96C1-L102C2
  */
 declare function removeNode(node: Node): void;
-declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
+declare function moveArrayElement<T>(list: MaybeRefOrGetter<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
 
 export { type AsyncValidatorError, type ChangeCaseType, type EasyUseAxiosReturn, type FuseOptions, type StrictUseAxiosReturn, type UseAsyncValidatorExecuteReturn, type UseAsyncValidatorOptions, type UseAsyncValidatorReturn, type UseAxiosOptions, type UseAxiosOptionsBase, type UseAxiosOptionsWithInitialData, type UseAxiosReturn, type UseDrauuOptions, type UseDrauuReturn, type UseFocusTrapOptions, type UseFocusTrapReturn, type UseFuseOptions, type UseFuseReturn, type UseIDBKeyvalReturn, type UseIDBOptions, type UseJwtOptions, type UseJwtReturn, type UseNProgressOptions, type UseNProgressReturn, type UseSortableOptions, type UseSortableReturn, createCookies, insertNodeAt, moveArrayElement, removeNode, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };

package/index.d.ts

@@ -1,18 +1,18 @@
-import { MaybeRefOrGetter, MaybeRef, ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
 import * as vue from 'vue';
-import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue';
+import { ShallowRef, ComputedRef, MaybeRefOrGetter, Ref, MaybeRef, WritableComputedRef } from 'vue';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
 import * as universal_cookie from 'universal-cookie';
 import universal_cookie__default from 'universal-cookie';
 import { IncomingMessage } from 'node:http';
-import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
+import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument } from '@vueuse/core';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
+import { ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
 import nprogress, { NProgressOptions } from 'nprogress';
 import QRCode from 'qrcode';
@@ -29,11 +29,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 {
@@ -230,8 +230,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;
@@ -258,11 +258,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
      *
@@ -351,7 +351,7 @@ interface UseIDBOptions extends ConfigurableFlush {
 }
 interface UseIDBKeyvalReturn<T> {
     data: RemovableRef<T>;
-    isFinished: Ref<boolean>;
+    isFinished: ShallowRef<boolean>;
     set: (value: T) => Promise<void>;
 }
 /**
@@ -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 {
     /**
@@ -426,8 +426,8 @@ interface UseSortableReturn {
     option: (<K extends keyof Sortable.Options>(name: K, value: Sortable.Options[K]) => void) & (<K extends keyof Sortable.Options>(name: K) => Sortable.Options[K]);
 }
 type UseSortableOptions = Options$3 & ConfigurableDocument;
-declare function useSortable<T>(selector: string, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
-declare function useSortable<T>(el: MaybeRefOrGetter$1<HTMLElement | null | undefined>, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
+declare function useSortable<T>(selector: string, list: MaybeRefOrGetter<T[]>, options?: UseSortableOptions): UseSortableReturn;
+declare function useSortable<T>(el: MaybeRefOrGetter<HTMLElement | null | undefined>, list: MaybeRefOrGetter<T[]>, options?: UseSortableOptions): UseSortableReturn;
 /**
  * Inserts a element into the DOM at a given index.
  * @param parentElement
@@ -442,6 +442,6 @@ declare function insertNodeAt(parentElement: Element, element: Element, index: n
  * @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L96C1-L102C2
  */
 declare function removeNode(node: Node): void;
-declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
+declare function moveArrayElement<T>(list: MaybeRefOrGetter<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
 
 export { type AsyncValidatorError, type ChangeCaseType, type EasyUseAxiosReturn, type FuseOptions, type StrictUseAxiosReturn, type UseAsyncValidatorExecuteReturn, type UseAsyncValidatorOptions, type UseAsyncValidatorReturn, type UseAxiosOptions, type UseAxiosOptionsBase, type UseAxiosOptionsWithInitialData, type UseAxiosReturn, type UseDrauuOptions, type UseDrauuReturn, type UseFocusTrapOptions, type UseFocusTrapReturn, type UseFuseOptions, type UseFuseReturn, type UseIDBKeyvalReturn, type UseIDBOptions, type UseJwtOptions, type UseJwtReturn, type UseNProgressOptions, type UseNProgressReturn, type UseSortableOptions, type UseSortableReturn, createCookies, insertNodeAt, moveArrayElement, removeNode, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };

package/index.iife.js

@@ -29,8 +29,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) || [];
@@ -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:s=!1}=e,l=C.toRef(t),c=n.shallowRef(null),u=n.shallowRef(!0),d=n.shallowRef(!r||s),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()=>{u.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{u.value=!0}return{pass:d.value,errorInfo:c.value,errors:v.value,errorFields:g.value}};s||n.watch([l,h],()=>y(),{immediate:r,deep:!0});const R={isFinished:u,pass:d,errors:v,errorInfo:c,errorFields:g,execute:y};function E(){return new Promise((i,b)=>{C.until(u).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={},s=L,l=a;const c=m=>!!m?.request;t.length>0+e&&(c(t[0+e])?s=t[0+e]:r=t[0+e]),t.length>1+e&&c(t[1+e])&&(s=t[1+e]),(t.length===2+e&&!c(t[1+e])||t.length===3+e)&&(l=t[t.length-1]||a);const{shallow:u,onSuccess:d=C.noop,onError:v=C.noop,immediate:g,resetOnExecute:h=!1}=l,y=l.initialData,R=n.shallowRef(),E=(u?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,s(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 s=n.toValue(o);if(!N[s])throw new Error(`Invalid change case type "${s}"`);return s});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(s){r.value=s}})}function se(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 s=a.getAll({doNotParse:!0});const l=n.shallowRef(0),c=()=>{const u=a.getAll({doNotParse:!0});ue(r||null,u,s)&&l.value++,s=u};return a.addChangeListener(c),C.tryOnScopeDispose(()=>{a.removeChangeListener(c)}),{get:(...u)=>(e&&r&&!r.includes(u[0])&&r.push(u[0]),l.value,a.get(u[0],{doNotParse:o,...u[1]})),getAll:(...u)=>(l.value,a.getAll({doNotParse:o,...u[0]})),set:(...u)=>a.set(...u),remove:(...u)=>a.remove(...u),addChangeListener:(...u)=>a.addChangeListener(...u),removeChangeListener:(...u)=>a.removeChangeListener(...u)}}function ue(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(),s=p.createEventHook(),l=p.createEventHook(),c=p.createEventHook(),u=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",()=>s.trigger()),e.value.on("committed",_=>l.trigger(_)),e.value.on("start",()=>c.trigger()),e.value.on("end",()=>u.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:u.on,onCanceled:s.on}}function ie(t,o={}){let e;const{immediate:a,...r}=o,s=n.shallowRef(!1),l=n.shallowRef(!1),c=h=>e&&e.activate(h),u=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(){s.value=!0,o.onActivate&&o.onActivate()},onDeactivate(){s.value=!1,o.onDeactivate&&o.onDeactivate()}}),a&&c())},{flush:"post"}),p.tryOnScopeDispose(()=>u()),{hasFocus:s,isPaused:l,activate:c,deactivate:u,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 s=n.computed(()=>{const l=n.toValue(e);if(l?.matchAllWhenSearchEmpty&&!n.toValue(t))return n.toValue(o).map((u,d)=>({item:u,refIndex:d}));const c=l?.resultLimit;return r.value.search(n.toValue(t),c?{limit:c}:void 0)});return{fuse:r,results:s}}function de(t,o,e={}){const{flush:a="pre",deep:r=!0,shallow:s=!1,onError:l=i=>{console.error(i)},writeDefaults:c=!0}=e,u=n.shallowRef(!1),d=(s?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)}u.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:u,data:d}}function ve(t,o={}){const{onError:e,fallbackValue:a=null}=o,r=(c,u)=>{try{return Z.jwtDecode(c,u)}catch(d){return e?.(d),a}},s=n.computed(()=>r(n.toValue(t),{header:!0})),l=n.computed(()=>r(n.toValue(t)));return{header:s,payload:l}}function he(t=null,o){const e=C.toRef(t),a=n.computed({set:s=>s?V.start():V.done(),get:()=>typeof e.value=="number"&&e.value<1});o&&V.configure(o);const r=V.set;return V.set=s=>(e.value=s,r.call(V,s)),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,...s}=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,...s}))},u=()=>{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(u),{stop:u,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),s=r?[...n.toValue(t)]:n.toValue(t);if(e>=0&&e<s.length){const l=s.splice(o,1)[0];n.nextTick(()=>{s.splice(e,0,l),r&&(t.value=s)})}}w.createCookies=se,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

@@ -1,6 +1,6 @@
 import { toRef, until, noop, tryOnScopeDispose, notNullish, isClient } from '@vueuse/shared';
 import Schema from 'async-validator';
-import { shallowRef, ref, computed, toValue, watch, toRaw, watchEffect, isRef, nextTick } from 'vue';
+import { shallowRef, computed, toValue, watch, ref, toRaw, watchEffect, isRef, nextTick } from 'vue';
 import axios, { AxiosError } from 'axios';
 import * as changeCase from 'change-case';
 import Cookie from 'universal-cookie';
@@ -23,8 +23,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) || [];
@@ -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.8.0",
   "description": "Integration wrappers for utility libraries",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
@@ -155,17 +155,17 @@
   },
   "dependencies": {
     "vue": "^3.5.13",
-    "@vueuse/core": "12.6.1",
-    "@vueuse/shared": "12.6.1"
+    "@vueuse/core": "12.8.0",
+    "@vueuse/shared": "12.8.0"
   },
   "devDependencies": {
     "@types/nprogress": "^0.2.3",
     "@types/qrcode": "^1.5.5",
     "@types/sortablejs": "^1.15.8",
     "async-validator": "^4.2.5",
-    "axios": "^1.7.9",
+    "axios": "^1.8.1",
     "change-case": "^5.4.4",
-    "drauu": "^0.4.2",
+    "drauu": "^0.4.3",
     "focus-trap": "^7.6.4",
     "fuse.js": "^7.1.0",
     "idb-keyval": "^6.2.1",

package/useAsyncValidator/component.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(() => errorInfo.value?.errors || []);
   const errorFields = vue.computed(() => errorInfo.value?.fields || {});
   const validator = vue.computed(() => new AsyncValidatorSchema(vue.toValue(rules)));
@@ -65,7 +65,7 @@ function useAsyncValidator(value, rules, options = {}) {
   };
 }
 
-const UseAsyncValidator = /* @__PURE__ */ /* #__PURE__ */ vue.defineComponent({
+const UseAsyncValidator = /* @__PURE__ */ /*@__PURE__*/ vue.defineComponent({
   name: "UseAsyncValidator",
   props: {
     form: {