@vueuse/integrations 13.9.0 → 14.0.0-alpha.1

package/dist/useSortable.js

@@ -0,0 +1,78 @@
+import { defaultDocument, tryOnMounted, tryOnScopeDispose, unrefElement } from "@vueuse/core";
+import Sortable from "sortablejs";
+import { isRef, nextTick, toValue } from "vue";
+
+//#region useSortable/index.ts
+/**
+* Wrapper for sortablejs.
+* @param el
+* @param list
+* @param options
+*/
+function useSortable(el, list, options = {}) {
+	let sortable;
+	const { document = defaultDocument,...resetOptions } = options;
+	const defaultOptions = { onUpdate: (e) => {
+		moveArrayElement(list, e.oldIndex, e.newIndex, e);
+	} };
+	const start = () => {
+		const target = typeof el === "string" ? document === null || document === void 0 ? void 0 : document.querySelector(el) : unrefElement(el);
+		if (!target || sortable !== void 0) return;
+		sortable = new Sortable(target, {
+			...defaultOptions,
+			...resetOptions
+		});
+	};
+	const stop = () => {
+		sortable === null || sortable === void 0 || sortable.destroy();
+		sortable = void 0;
+	};
+	const option = (name, value) => {
+		if (value !== void 0) sortable === null || sortable === void 0 || sortable.option(name, value);
+		else return sortable === null || sortable === void 0 ? void 0 : sortable.option(name);
+	};
+	tryOnMounted(start);
+	tryOnScopeDispose(stop);
+	return {
+		stop,
+		start,
+		option
+	};
+}
+/**
+* Inserts a element into the DOM at a given index.
+* @param parentElement
+* @param element
+* @param {number} index
+* @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L81C1-L94C2
+*/
+function insertNodeAt(parentElement, element, index) {
+	const refElement = parentElement.children[index];
+	parentElement.insertBefore(element, refElement);
+}
+/**
+* Removes a node from the DOM.
+* @param {Node} node
+* @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L96C1-L102C2
+*/
+function removeNode(node) {
+	if (node.parentNode) node.parentNode.removeChild(node);
+}
+function moveArrayElement(list, from, to, e = null) {
+	if (e != null) {
+		removeNode(e.item);
+		insertNodeAt(e.from, e.item, from);
+	}
+	const _valueIsRef = isRef(list);
+	const array = _valueIsRef ? [...toValue(list)] : toValue(list);
+	if (to >= 0 && to < array.length) {
+		const element = array.splice(from, 1)[0];
+		nextTick(() => {
+			array.splice(to, 0, element);
+			if (_valueIsRef) list.value = array;
+		});
+	}
+}
+
+//#endregion
+export { insertNodeAt, moveArrayElement, removeNode, useSortable };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/integrations",
   "type": "module",
-  "version": "13.9.0",
+  "version": "14.0.0-alpha.1",
   "description": "Integration wrappers for utility libraries",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
@@ -22,33 +22,31 @@
   ],
   "sideEffects": false,
   "exports": {
-    ".": "./index.mjs",
-    "./*": "./*",
-    "./useAsyncValidator": "./useAsyncValidator.mjs",
-    "./useAxios": "./useAxios.mjs",
-    "./useCookies": "./useCookies.mjs",
-    "./useDrauu": "./useDrauu.mjs",
-    "./useFocusTrap": "./useFocusTrap.mjs",
-    "./useFocusTrap/component": "./useFocusTrap/component.mjs",
-    "./useFuse": "./useFuse.mjs",
-    "./useJwt": "./useJwt.mjs",
-    "./useNProgress": "./useNProgress.mjs",
-    "./useQRCode": "./useQRCode.mjs",
-    "./useChangeCase": "./useChangeCase.mjs",
-    "./useAsyncValidator/component": "./useAsyncValidator/component.mjs",
-    "./useIDBKeyval": "./useIDBKeyval.mjs",
-    "./useSortable": "./useSortable.mjs",
-    "./useSortable/component": "./useSortable/component.mjs"
+    ".": "./dist/index.js",
+    "./*": "./dist/*",
+    "./useAsyncValidator": "./dist/useAsyncValidator.js",
+    "./useAsyncValidator/component": "./dist/useAsyncValidator/component.js",
+    "./useAxios": "./dist/useAxios.js",
+    "./useChangeCase": "./dist/useChangeCase.js",
+    "./useCookies": "./dist/useCookies.js",
+    "./useDrauu": "./dist/useDrauu.js",
+    "./useFocusTrap": "./dist/useFocusTrap.js",
+    "./useFocusTrap/component": "./dist/useFocusTrap/component.js",
+    "./useFuse": "./dist/useFuse.js",
+    "./useIDBKeyval": "./dist/useIDBKeyval.js",
+    "./useJwt": "./dist/useJwt.js",
+    "./useNProgress": "./dist/useNProgress.js",
+    "./useQRCode": "./dist/useQRCode.js",
+    "./useSortable": "./dist/useSortable.js",
+    "./useSortable/component": "./dist/useSortable/component.js"
   },
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "unpkg": "./index.iife.min.js",
-  "jsdelivr": "./index.iife.min.js",
-  "types": "./index.d.mts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "unpkg": "./dist/index.iife.min.js",
+  "jsdelivr": "./dist/index.iife.min.js",
+  "types": "./dist/index.d.ts",
   "files": [
-    "**/*.d.mts",
-    "**/*.js",
-    "**/*.mjs"
+    "dist"
   ],
   "peerDependencies": {
     "async-validator": "^4",
@@ -104,8 +102,8 @@
     }
   },
   "dependencies": {
-    "@vueuse/core": "13.9.0",
-    "@vueuse/shared": "13.9.0"
+    "@vueuse/core": "14.0.0-alpha.1",
+    "@vueuse/shared": "14.0.0-alpha.1"
   },
   "devDependencies": {
     "@types/nprogress": "^0.2.3",
@@ -125,7 +123,7 @@
     "universal-cookie": "^8.0.1"
   },
   "scripts": {
-    "build": "rollup --config=rollup.config.ts --configPlugin=rollup-plugin-esbuild",
+    "build": "tsdown",
     "test:attw": "attw --pack --config-path ../../.attw.json ."
   }
 }

package/index.d.mts

@@ -1,458 +0,0 @@
-import { ValidateError, ValidateOption, Rules } from 'async-validator';
-import * as vue 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, MaybeElement } 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';
-import Sortable, { Options as Options$3 } from 'sortablejs';
-
-type AsyncValidatorError = Error & {
-    errors: ValidateError[];
-    fields: Record<string, ValidateError[]>;
-};
-interface UseAsyncValidatorExecuteReturn {
-    pass: boolean;
-    errors: AsyncValidatorError['errors'] | undefined;
-    errorInfo: AsyncValidatorError | null;
-    errorFields: AsyncValidatorError['fields'] | undefined;
-}
-interface UseAsyncValidatorReturn {
-    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 {
-    /**
-     * @see https://github.com/yiminghe/async-validator#options
-     */
-    validateOption?: ValidateOption;
-    /**
-     * The validation will be triggered right away for the first time.
-     * Only works when `manual` is not set to true.
-     *
-     * @default true
-     */
-    immediate?: boolean;
-    /**
-     * If set to true, the validation will not be triggered automatically.
-     */
-    manual?: boolean;
-}
-/**
- * Wrapper for async-validator.
- *
- * @see https://vueuse.org/useAsyncValidator
- * @see https://github.com/yiminghe/async-validator
- */
-declare function useAsyncValidator(value: MaybeRefOrGetter<Record<string, any>>, rules: MaybeRefOrGetter<Rules>, options?: UseAsyncValidatorOptions): UseAsyncValidatorReturn & PromiseLike<UseAsyncValidatorReturn>;
-
-interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any, O extends UseAxiosOptions = UseAxiosOptions<T>> {
-    /**
-     * Axios Response
-     */
-    response: ShallowRef<R | undefined>;
-    /**
-     * Axios response data
-     */
-    data: O extends UseAxiosOptionsWithInitialData<T> ? Ref<T> : Ref<T | undefined>;
-    /**
-     * Indicates if the request has finished
-     */
-    isFinished: Ref<boolean>;
-    /**
-     * Indicates if the request is currently loading
-     */
-    isLoading: Ref<boolean>;
-    /**
-     * Indicates if the request was canceled
-     */
-    isAborted: Ref<boolean>;
-    /**
-     * Any errors that may have occurred
-     */
-    error: ShallowRef<unknown | undefined>;
-    /**
-     * Aborts the current request
-     */
-    abort: (message?: string | undefined) => void;
-    /**
-     * Alias to `abort`
-     */
-    cancel: (message?: string | undefined) => void;
-    /**
-     * Alias to `isAborted`
-     */
-    isCanceled: Ref<boolean>;
-}
-interface StrictUseAxiosReturn<T, R, D, O extends UseAxiosOptions = UseAxiosOptions<T>> extends UseAxiosReturn<T, R, D, O> {
-    /**
-     * Manually call the axios request
-     */
-    execute: (url?: string | AxiosRequestConfig<D>, config?: AxiosRequestConfig<D>) => Promise<StrictUseAxiosReturn<T, R, D, O>>;
-}
-interface EasyUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
-    /**
-     * Manually call the axios request
-     */
-    execute: (url: string, config?: AxiosRequestConfig<D>) => Promise<EasyUseAxiosReturn<T, R, D>>;
-}
-interface UseAxiosOptionsBase<T = any> {
-    /**
-     * Will automatically run axios request when `useAxios` is used
-     *
-     */
-    immediate?: boolean;
-    /**
-     * Use shallowRef.
-     *
-     * @default true
-     */
-    shallow?: boolean;
-    /**
-     * Abort previous request when a new request is made.
-     *
-     * @default true
-     */
-    abortPrevious?: boolean;
-    /**
-     * Callback when error is caught.
-     */
-    onError?: (e: unknown) => void;
-    /**
-     * Callback when success is caught.
-     */
-    onSuccess?: (data: T) => void;
-    /**
-     * Sets the state to initialState before executing the promise.
-     */
-    resetOnExecute?: boolean;
-    /**
-     * Callback when request is finished.
-     */
-    onFinish?: () => void;
-}
-interface UseAxiosOptionsWithInitialData<T> extends UseAxiosOptionsBase<T> {
-    /**
-     * Initial data
-     */
-    initialData: T;
-}
-type UseAxiosOptions<T = any> = UseAxiosOptionsBase<T> | UseAxiosOptionsWithInitialData<T>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any, O extends UseAxiosOptionsWithInitialData<T> = UseAxiosOptionsWithInitialData<T>>(url: string, config?: AxiosRequestConfig<D>, options?: O): StrictUseAxiosReturn<T, R, D, O> & Promise<StrictUseAxiosReturn<T, R, D, O>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any, O extends UseAxiosOptionsWithInitialData<T> = UseAxiosOptionsWithInitialData<T>>(url: string, instance?: AxiosInstance, options?: O): StrictUseAxiosReturn<T, R, D, O> & Promise<StrictUseAxiosReturn<T, R, D, O>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any, O extends UseAxiosOptionsWithInitialData<T> = UseAxiosOptionsWithInitialData<T>>(url: string, config: AxiosRequestConfig<D>, instance: AxiosInstance, options?: O): StrictUseAxiosReturn<T, R, D, O> & Promise<StrictUseAxiosReturn<T, R, D, O>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any, O extends UseAxiosOptionsBase<T> = UseAxiosOptionsBase<T>>(url: string, config?: AxiosRequestConfig<D>, options?: O): StrictUseAxiosReturn<T, R, D, O> & Promise<StrictUseAxiosReturn<T, R, D, O>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any, O extends UseAxiosOptionsBase<T> = UseAxiosOptionsBase<T>>(url: string, instance?: AxiosInstance, options?: O): StrictUseAxiosReturn<T, R, D, O> & Promise<StrictUseAxiosReturn<T, R, D, O>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any, O extends UseAxiosOptionsBase<T> = UseAxiosOptionsBase<T>>(url: string, config: AxiosRequestConfig<D>, instance: AxiosInstance, options?: O): StrictUseAxiosReturn<T, R, D, O> & Promise<StrictUseAxiosReturn<T, R, D, O>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(config?: AxiosRequestConfig<D>): EasyUseAxiosReturn<T, R, D> & Promise<EasyUseAxiosReturn<T, R, D>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(instance?: AxiosInstance): EasyUseAxiosReturn<T, R, D> & Promise<EasyUseAxiosReturn<T, R, D>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(config?: AxiosRequestConfig<D>, instance?: AxiosInstance): EasyUseAxiosReturn<T, R, D> & Promise<EasyUseAxiosReturn<T, R, D>>;
-
-type EndsWithCase<T> = T extends `${infer _}Case` ? T : never;
-type FilterKeys<T> = {
-    [K in keyof T as K extends string ? K : never]: EndsWithCase<K>;
-};
-type ChangeCaseKeys = FilterKeys<typeof changeCase>;
-type ChangeCaseType = ChangeCaseKeys[keyof ChangeCaseKeys];
-declare function useChangeCase(input: MaybeRef<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): WritableComputedRef<string>;
-declare function useChangeCase(input: MaybeRefOrGetter<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): ComputedRef<string>;
-
-/**
- * Creates a new {@link useCookies} function
- * @param req - incoming http request (for SSR)
- * @see https://github.com/reactivestack/cookies/tree/master/packages/universal-cookie universal-cookie
- * @description Creates universal-cookie instance using request (default is window.document.cookie) and returns {@link useCookies} function with provided universal-cookie instance
- */
-declare function createCookies(req?: IncomingMessage): (dependencies?: string[] | null, { doNotParse, autoUpdateDependencies }?: {
-    doNotParse?: boolean | undefined;
-    autoUpdateDependencies?: boolean | undefined;
-}) => {
-    /**
-     * Reactive get cookie by name. If **autoUpdateDependencies = true** then it will update watching dependencies
-     */
-    get: <T = any>(name: string, options?: universal_cookie.CookieGetOptions | undefined) => T;
-    /**
-     * Reactive get all cookies
-     */
-    getAll: <T = any>(options?: universal_cookie.CookieGetOptions | undefined) => T;
-    set: (name: string, value: any, options?: universal_cookie.CookieSetOptions | undefined) => void;
-    remove: (name: string, options?: universal_cookie.CookieSetOptions | undefined) => void;
-    addChangeListener: (callback: universal_cookie.CookieChangeListener) => void;
-    removeChangeListener: (callback: universal_cookie.CookieChangeListener) => void;
-};
-/**
- * Reactive methods to work with cookies (use {@link createCookies} method instead if you are using SSR)
- * @param dependencies - array of watching cookie's names. Pass empty array if don't want to watch cookies changes.
- * @param options
- * @param options.doNotParse - don't try parse value as JSON
- * @param options.autoUpdateDependencies - automatically update watching dependencies
- * @param cookies - universal-cookie instance
- *
- * @__NO_SIDE_EFFECTS__
- */
-declare function useCookies(dependencies?: string[] | null, { doNotParse, autoUpdateDependencies }?: {
-    doNotParse?: boolean | undefined;
-    autoUpdateDependencies?: boolean | undefined;
-}, cookies?: universal_cookie__default): {
-    /**
-     * Reactive get cookie by name. If **autoUpdateDependencies = true** then it will update watching dependencies
-     */
-    get: <T = any>(name: string, options?: universal_cookie.CookieGetOptions | undefined) => T;
-    /**
-     * Reactive get all cookies
-     */
-    getAll: <T = any>(options?: universal_cookie.CookieGetOptions | undefined) => T;
-    set: (name: string, value: any, options?: universal_cookie.CookieSetOptions | undefined) => void;
-    remove: (name: string, options?: universal_cookie.CookieSetOptions | undefined) => void;
-    addChangeListener: (callback: universal_cookie.CookieChangeListener) => void;
-    removeChangeListener: (callback: universal_cookie.CookieChangeListener) => void;
-};
-
-type UseDrauuOptions = Omit<Options$1, 'el'>;
-interface UseDrauuReturn {
-    drauuInstance: Ref<Drauu | undefined>;
-    load: (svg: string) => void;
-    dump: () => string | undefined;
-    clear: () => void;
-    cancel: () => void;
-    undo: () => boolean | undefined;
-    redo: () => boolean | undefined;
-    canUndo: ShallowRef<boolean>;
-    canRedo: ShallowRef<boolean>;
-    brush: Ref<Brush>;
-    onChanged: EventHookOn;
-    onCommitted: EventHookOn;
-    onStart: EventHookOn;
-    onEnd: EventHookOn;
-    onCanceled: EventHookOn;
-}
-/**
- * Reactive drauu
- *
- * @see https://vueuse.org/useDrauu
- * @param target The target svg element
- * @param options Drauu Options
- */
-declare function useDrauu(target: MaybeComputedElementRef, options?: UseDrauuOptions): UseDrauuReturn;
-
-interface UseFocusTrapOptions extends Options$2 {
-    /**
-     * Immediately activate the trap
-     */
-    immediate?: boolean;
-}
-interface UseFocusTrapReturn {
-    /**
-     * Indicates if the focus trap is currently active
-     */
-    hasFocus: ShallowRef<boolean>;
-    /**
-     * Indicates if the focus trap is currently paused
-     */
-    isPaused: ShallowRef<boolean>;
-    /**
-     * Activate the focus trap
-     *
-     * @see https://github.com/focus-trap/focus-trap#trapactivateactivateoptions
-     * @param opts Activate focus trap options
-     */
-    activate: (opts?: ActivateOptions) => void;
-    /**
-     * Deactivate the focus trap
-     *
-     * @see https://github.com/focus-trap/focus-trap#trapdeactivatedeactivateoptions
-     * @param opts Deactivate focus trap options
-     */
-    deactivate: (opts?: DeactivateOptions) => void;
-    /**
-     * Pause the focus trap
-     *
-     * @see https://github.com/focus-trap/focus-trap#trappause
-     */
-    pause: Fn;
-    /**
-     * Unpauses the focus trap
-     *
-     * @see https://github.com/focus-trap/focus-trap#trapunpause
-     */
-    unpause: Fn;
-}
-/**
- * Reactive focus-trap
- *
- * @see https://vueuse.org/useFocusTrap
- */
-declare function useFocusTrap(target: MaybeRefOrGetter<Arrayable<MaybeRefOrGetter<string> | MaybeComputedElementRef>>, options?: UseFocusTrapOptions): UseFocusTrapReturn;
-
-type FuseOptions<T> = IFuseOptions<T>;
-interface UseFuseOptions<T> {
-    fuseOptions?: FuseOptions<T>;
-    resultLimit?: number;
-    matchAllWhenSearchEmpty?: boolean;
-}
-declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): {
-    fuse: vue.Ref<{
-        search: <R = DataItem>(pattern: string | fuse_js.Expression, options?: fuse_js.FuseSearchOptions) => FuseResult<R>[];
-        setCollection: (docs: readonly DataItem[], index?: fuse_js.FuseIndex<DataItem> | undefined) => void;
-        add: (doc: DataItem) => void;
-        remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
-        removeAt: (idx: number) => void;
-        getIndex: () => fuse_js.FuseIndex<DataItem>;
-    }, fuse_js__default<DataItem> | {
-        search: <R = DataItem>(pattern: string | fuse_js.Expression, options?: fuse_js.FuseSearchOptions) => FuseResult<R>[];
-        setCollection: (docs: readonly DataItem[], index?: fuse_js.FuseIndex<DataItem> | undefined) => void;
-        add: (doc: DataItem) => void;
-        remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
-        removeAt: (idx: number) => void;
-        getIndex: () => fuse_js.FuseIndex<DataItem>;
-    }>;
-    results: ComputedRef<FuseResult<DataItem>[]>;
-};
-type UseFuseReturn = ReturnType<typeof useFuse>;
-
-interface Serializer<T> {
-    read: (raw: unknown) => T;
-    write: (value: T) => unknown;
-}
-interface UseIDBOptions<T> extends ConfigurableFlush {
-    /**
-     * Watch for deep changes
-     *
-     * @default true
-     */
-    deep?: boolean;
-    /**
-     * On error callback
-     *
-     * Default log error to `console.error`
-     */
-    onError?: (error: unknown) => void;
-    /**
-     * Use shallow ref as reference
-     *
-     * @default false
-     */
-    shallow?: boolean;
-    /**
-     * Write the default value to the storage when it does not exist
-     *
-     * @default true
-     */
-    writeDefaults?: boolean;
-    /**
-     * Custom data serialization
-     */
-    serializer?: Serializer<T>;
-}
-interface UseIDBKeyvalReturn<T> {
-    data: RemovableRef<T>;
-    isFinished: ShallowRef<boolean>;
-    set: (value: T) => Promise<void>;
-}
-/**
- *
- * @param key
- * @param initialValue
- * @param options
- */
-declare function useIDBKeyval<T>(key: IDBValidKey, initialValue: MaybeRefOrGetter<T>, options?: UseIDBOptions<T>): UseIDBKeyvalReturn<T>;
-
-interface UseJwtOptions<Fallback> {
-    /**
-     * Value returned when encounter error on decoding
-     *
-     * @default null
-     */
-    fallbackValue?: Fallback;
-    /**
-     * Error callback for decoding
-     */
-    onError?: (error: unknown) => void;
-}
-interface UseJwtReturn<Payload, Header, Fallback> {
-    header: ComputedRef<Header | Fallback>;
-    payload: ComputedRef<Payload | Fallback>;
-}
-/**
- * Reactive decoded jwt token.
- *
- * @see https://vueuse.org/useJwt
- */
-declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeRefOrGetter<string>, options?: UseJwtOptions<Fallback>): UseJwtReturn<Payload, Header, Fallback>;
-
-type UseNProgressOptions = Partial<NProgressOptions>;
-/**
- * Reactive progress bar.
- *
- * @see https://vueuse.org/useNProgress
- */
-declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
-    isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | null | undefined, number | null | undefined>;
-    start: () => nprogress.NProgress;
-    done: (force?: boolean) => nprogress.NProgress;
-    remove: () => void;
-};
-type UseNProgressReturn = ReturnType<typeof useNProgress>;
-
-/**
- * Wrapper for qrcode.
- *
- * @see https://vueuse.org/useQRCode
- * @param text
- * @param options
- */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
-
-interface UseSortableReturn {
-    /**
-     * start sortable instance
-     */
-    start: () => void;
-    /**
-     * destroy sortable instance
-     */
-    stop: () => void;
-    /**
-     * Options getter/setter
-     * @param name a Sortable.Options property.
-     * @param value a value.
-     */
-    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: MaybeRef<T[]>, options?: UseSortableOptions): UseSortableReturn;
-declare function useSortable<T>(el: MaybeRefOrGetter<MaybeElement>, list: MaybeRef<T[]>, options?: UseSortableOptions): UseSortableReturn;
-/**
- * Inserts a element into the DOM at a given index.
- * @param parentElement
- * @param element
- * @param {number} index
- * @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L81C1-L94C2
- */
-declare function insertNodeAt(parentElement: Element, element: Element, index: number): void;
-/**
- * Removes a node from the DOM.
- * @param {Node} node
- * @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: MaybeRef<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
-
-export { createCookies, insertNodeAt, moveArrayElement, removeNode, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };
-export type { AsyncValidatorError, ChangeCaseType, EasyUseAxiosReturn, FuseOptions, StrictUseAxiosReturn, UseAsyncValidatorExecuteReturn, UseAsyncValidatorOptions, UseAsyncValidatorReturn, UseAxiosOptions, UseAxiosOptionsBase, UseAxiosOptionsWithInitialData, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, UseIDBKeyvalReturn, UseIDBOptions, UseJwtOptions, UseJwtReturn, UseNProgressOptions, UseNProgressReturn, UseSortableOptions, UseSortableReturn };