@vueuse/integrations 11.3.0 → 12.0.0

package/index.cjs

@@ -2,7 +2,7 @@
 
 var shared = require('@vueuse/shared');
 var Schema = require('async-validator');
-var vueDemi = require('vue-demi');
+var vue = require('vue');
 var axios = require('axios');
 var changeCase = require('change-case');
 var Cookie = require('universal-cookie');
@@ -43,18 +43,18 @@ function useAsyncValidator(value, rules, options = {}) {
     manual = false
   } = options;
   const valueRef = shared.toRef(value);
-  const errorInfo = vueDemi.shallowRef(null);
-  const isFinished = vueDemi.ref(true);
-  const pass = vueDemi.ref(!immediate || manual);
-  const errors = vueDemi.computed(() => {
+  const errorInfo = vue.shallowRef(null);
+  const isFinished = vue.ref(true);
+  const pass = vue.ref(!immediate || manual);
+  const errors = vue.computed(() => {
     var _a;
     return ((_a = errorInfo.value) == null ? void 0 : _a.errors) || [];
   });
-  const errorFields = vueDemi.computed(() => {
+  const errorFields = vue.computed(() => {
     var _a;
     return ((_a = errorInfo.value) == null ? void 0 : _a.fields) || {};
   });
-  const validator = vueDemi.computed(() => new AsyncValidatorSchema(shared.toValue(rules)));
+  const validator = vue.computed(() => new AsyncValidatorSchema(shared.toValue(rules)));
   const execute = async () => {
     isFinished.value = false;
     pass.value = false;
@@ -75,7 +75,7 @@ function useAsyncValidator(value, rules, options = {}) {
     };
   };
   if (!manual) {
-    vueDemi.watch(
+    vue.watch(
       [valueRef, validator],
       () => execute(),
       { immediate, deep: true }
@@ -135,12 +135,12 @@ function useAxios(...args) {
     immediate,
     resetOnExecute = false
   } = options;
-  const response = vueDemi.shallowRef();
-  const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(initialData);
-  const isFinished = vueDemi.ref(false);
-  const isLoading = vueDemi.ref(false);
-  const isAborted = vueDemi.ref(false);
-  const error = vueDemi.shallowRef();
+  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 error = vue.shallowRef();
   let abortController = new AbortController();
   const abort = (message) => {
     if (isFinished.value || !isLoading.value)
@@ -225,16 +225,16 @@ const changeCaseTransforms = /* @__PURE__ */ Object.entries(changeCase__namespac
   return acc;
 }, {});
 function useChangeCase(input, type, options) {
-  const typeRef = vueDemi.computed(() => {
+  const typeRef = vue.computed(() => {
     const t = shared.toValue(type);
     if (!changeCaseTransforms[t])
       throw new Error(`Invalid change case type "${t}"`);
     return t;
   });
   if (typeof input === "function")
-    return vueDemi.computed(() => changeCaseTransforms[typeRef.value](shared.toValue(input), shared.toValue(options)));
-  const text = vueDemi.ref(input);
-  return vueDemi.computed({
+    return vue.computed(() => changeCaseTransforms[typeRef.value](shared.toValue(input), shared.toValue(options)));
+  const text = vue.ref(input);
+  return vue.computed({
     get() {
       return changeCaseTransforms[typeRef.value](text.value, shared.toValue(options));
     },
@@ -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 = vueDemi.ref(0);
+  const touches = vue.ref(0);
   const onChange = () => {
     const newCookies = cookies.getAll({ doNotParse: true });
     if (shouldUpdate(
@@ -301,18 +301,18 @@ function shouldUpdate(dependencies, newCookies, oldCookies) {
 }
 
 function useDrauu(target, options) {
-  const drauuInstance = vueDemi.ref();
+  const drauuInstance = vue.ref();
   let disposables = [];
   const onChangedHook = core.createEventHook();
   const onCanceledHook = core.createEventHook();
   const onCommittedHook = core.createEventHook();
   const onStartHook = core.createEventHook();
   const onEndHook = core.createEventHook();
-  const canUndo = vueDemi.ref(false);
-  const canRedo = vueDemi.ref(false);
-  const altPressed = vueDemi.ref(false);
-  const shiftPressed = vueDemi.ref(false);
-  const brush = vueDemi.ref({
+  const canUndo = vue.ref(false);
+  const canRedo = vue.ref(false);
+  const altPressed = vue.ref(false);
+  const shiftPressed = vue.ref(false);
+  const brush = vue.ref({
     color: "black",
     size: 3,
     arrowEnd: false,
@@ -322,7 +322,7 @@ function useDrauu(target, options) {
     mode: "draw",
     ...options == null ? void 0 : options.brush
   });
-  vueDemi.watch(brush, () => {
+  vue.watch(brush, () => {
     const instance = drauuInstance.value;
     if (instance) {
       instance.brush = brush.value;
@@ -366,7 +366,7 @@ function useDrauu(target, options) {
       shiftPressed.value = drauuInstance.value.shiftPressed;
     }
   };
-  vueDemi.watch(
+  vue.watch(
     () => core.unrefElement(target),
     (el) => {
       if (!el || typeof SVGSVGElement === "undefined" || !(el instanceof SVGSVGElement))
@@ -411,8 +411,8 @@ function useDrauu(target, options) {
 function useFocusTrap(target, options = {}) {
   let trap;
   const { immediate, ...focusTrapOptions } = options;
-  const hasFocus = vueDemi.ref(false);
-  const isPaused = vueDemi.ref(false);
+  const hasFocus = vue.ref(false);
+  const isPaused = vue.ref(false);
   const activate = (opts) => trap && trap.activate(opts);
   const deactivate = (opts) => trap && trap.deactivate(opts);
   const pause = () => {
@@ -427,14 +427,14 @@ function useFocusTrap(target, options = {}) {
       isPaused.value = false;
     }
   };
-  const targets = vueDemi.computed(() => {
+  const targets = vue.computed(() => {
     const _targets = shared.toValue(target);
     return (Array.isArray(_targets) ? _targets : [_targets]).map((el) => {
       const _el = shared.toValue(el);
       return typeof _el === "string" ? _el : core.unrefElement(_el);
     }).filter(shared.notNullish);
   });
-  vueDemi.watch(
+  vue.watch(
     targets,
     (els) => {
       if (!els.length)
@@ -476,8 +476,8 @@ function useFuse(search, data, options) {
       (_b = shared.toValue(options)) == null ? void 0 : _b.fuseOptions
     );
   };
-  const fuse = vueDemi.ref(createFuse());
-  vueDemi.watch(
+  const fuse = vue.ref(createFuse());
+  vue.watch(
     () => {
       var _a;
       return (_a = shared.toValue(options)) == null ? void 0 : _a.fuseOptions;
@@ -487,14 +487,14 @@ function useFuse(search, data, options) {
     },
     { deep: true }
   );
-  vueDemi.watch(
+  vue.watch(
     () => shared.toValue(data),
     (newData) => {
       fuse.value.setCollection(newData);
     },
     { deep: true }
   );
-  const results = vueDemi.computed(() => {
+  const results = vue.computed(() => {
     const resolved = shared.toValue(options);
     if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !shared.toValue(search))
       return shared.toValue(data).map((item, index) => ({ item, refIndex: index }));
@@ -517,8 +517,8 @@ function useIDBKeyval(key, initialValue, options = {}) {
     },
     writeDefaults = true
   } = options;
-  const isFinished = vueDemi.ref(false);
-  const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(initialValue);
+  const isFinished = vue.ref(false);
+  const data = (shallow ? vue.shallowRef : vue.ref)(initialValue);
   const rawInit = shared.toValue(initialValue);
   async function read() {
     try {
@@ -540,7 +540,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
       if (data.value == null) {
         await idbKeyval.del(key);
       } else {
-        await idbKeyval.update(key, () => vueDemi.toRaw(data.value));
+        await idbKeyval.update(key, () => vue.toRaw(data.value));
       }
     } catch (e) {
       onError(e);
@@ -576,8 +576,8 @@ function useJwt(encodedJwt, options = {}) {
       return fallbackValue;
     }
   };
-  const header = vueDemi.computed(() => decodeWithFallback(shared.toValue(encodedJwt), { header: true }));
-  const payload = vueDemi.computed(() => decodeWithFallback(shared.toValue(encodedJwt)));
+  const header = vue.computed(() => decodeWithFallback(shared.toValue(encodedJwt), { header: true }));
+  const payload = vue.computed(() => decodeWithFallback(shared.toValue(encodedJwt)));
   return {
     header,
     payload
@@ -585,8 +585,8 @@ function useJwt(encodedJwt, options = {}) {
 }
 
 function useNProgress(currentProgress = null, options) {
-  const progress = vueDemi.ref(currentProgress);
-  const isLoading = vueDemi.computed({
+  const progress = vue.ref(currentProgress);
+  const isLoading = vue.computed({
     set: (load) => load ? nprogress.start() : nprogress.done(),
     get: () => typeof progress.value === "number" && progress.value < 1
   });
@@ -597,7 +597,7 @@ function useNProgress(currentProgress = null, options) {
     progress.value = n;
     return setProgress.call(nprogress, n);
   };
-  vueDemi.watchEffect(() => {
+  vue.watchEffect(() => {
     if (typeof progress.value === "number" && shared.isClient)
       setProgress.call(nprogress, progress.value);
   });
@@ -616,8 +616,8 @@ function useNProgress(currentProgress = null, options) {
 
 function useQRCode(text, options) {
   const src = shared.toRef(text);
-  const result = vueDemi.ref("");
-  vueDemi.watch(
+  const result = vue.ref("");
+  vue.watch(
     src,
     async (value) => {
       if (src.value && shared.isClient)
@@ -673,11 +673,11 @@ function moveArrayElement(list, from, to, e = null) {
     removeNode(e.item);
     insertNodeAt(e.from, e.item, from);
   }
-  const _valueIsRef = vueDemi.isRef(list);
+  const _valueIsRef = vue.isRef(list);
   const array = _valueIsRef ? [...core.toValue(list)] : core.toValue(list);
   if (to >= 0 && to < array.length) {
     const element = array.splice(from, 1)[0];
-    vueDemi.nextTick(() => {
+    vue.nextTick(() => {
       array.splice(to, 0, element);
       if (_valueIsRef)
         list.value = array;

package/index.d.cts

@@ -1,6 +1,7 @@
 import { MaybeRefOrGetter, MaybeRef, ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
-import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
+import * as vue from 'vue';
+import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
@@ -10,7 +11,6 @@ import { IncomingMessage } from 'node:http';
 import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import * as vue from 'vue-demi';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
@@ -387,7 +387,7 @@ type UseNProgressOptions = Partial<NProgressOptions>;
  */
 declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
     isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
+    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined, number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;

package/index.d.mts

@@ -1,6 +1,7 @@
 import { MaybeRefOrGetter, MaybeRef, ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
-import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
+import * as vue from 'vue';
+import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
@@ -10,7 +11,6 @@ import { IncomingMessage } from 'node:http';
 import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import * as vue from 'vue-demi';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
@@ -387,7 +387,7 @@ type UseNProgressOptions = Partial<NProgressOptions>;
  */
 declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
     isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
+    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined, number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;

package/index.d.ts

@@ -1,6 +1,7 @@
 import { MaybeRefOrGetter, MaybeRef, ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
-import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
+import * as vue from 'vue';
+import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
@@ -10,7 +11,6 @@ import { IncomingMessage } from 'node:http';
 import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import * as vue from 'vue-demi';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
@@ -387,7 +387,7 @@ type UseNProgressOptions = Partial<NProgressOptions>;
  */
 declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
     isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
+    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined, number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;