@vueuse/integrations 9.12.0 → 10.0.0-beta.0

package/README.md

@@ -25,6 +25,7 @@ npm i <b>@vueuse/integrations</b>
   - [`useJwt`](https://vueuse.org/integrations/useJwt/) — wrapper for [`jwt-decode`](https://github.com/auth0/jwt-decode)
   - [`useNProgress`](https://vueuse.org/integrations/useNProgress/) — reactive wrapper for [`nprogress`](https://github.com/rstacruz/nprogress)
   - [`useQRCode`](https://vueuse.org/integrations/useQRCode/) — wrapper for [`qrcode`](https://github.com/soldair/node-qrcode)
+  - [`useSortable`](https://vueuse.org/integrations/useSortable/) — wrapper for [`sortable`](https://github.com/SortableJS/Sortable)
 
 
 <!--FUNCTIONS_LIST_ENDS-->

package/index.cjs

@@ -14,26 +14,28 @@ var idbKeyval = require('idb-keyval');
 var jwt_decode = require('jwt-decode');
 var nprogress = require('nprogress');
 var QRCode = require('qrcode');
+var Sortable = require('sortablejs');
 
-var __defProp$5 = Object.defineProperty;
+var __defProp$6 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+const AsyncValidatorSchema = Schema.default || Schema;
 function useAsyncValidator(value, rules, options = {}) {
   const errorInfo = vueDemi.ref();
   const isFinished = vueDemi.ref(false);
@@ -50,7 +52,7 @@ function useAsyncValidator(value, rules, options = {}) {
   vueDemi.watchEffect(async () => {
     isFinished.value = false;
     pass.value = false;
-    const validator = new Schema(shared.resolveUnref(rules));
+    const validator = new AsyncValidatorSchema(shared.resolveUnref(rules));
     try {
       await validator.validate(shared.resolveUnref(value), validateOption);
       pass.value = true;
@@ -73,28 +75,28 @@ function useAsyncValidator(value, rules, options = {}) {
       shared.until(isFinished).toBe(true).then(() => resolve(shell)).catch((error) => reject(error));
     });
   }
-  return __spreadProps$2(__spreadValues$5({}, shell), {
+  return __spreadProps$2(__spreadValues$6({}, shell), {
     then(onFulfilled, onRejected) {
       return waitUntilFinished().then(onFulfilled, onRejected);
     }
   });
 }
 
-var __defProp$4 = Object.defineProperty;
+var __defProp$5 = Object.defineProperty;
 var __defProps$1 = Object.defineProperties;
 var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
@@ -104,7 +106,10 @@ function useAxios(...args) {
   const argsPlaceholder = shared.isString(url) ? 1 : 0;
   let defaultConfig = {};
   let instance = axios;
-  let options = { immediate: !!argsPlaceholder, shallow: true };
+  let options = {
+    immediate: !!argsPlaceholder,
+    shallow: true
+  };
   const isAxiosInstance = (val) => !!(val == null ? void 0 : val.request);
   if (args.length > 0 + argsPlaceholder) {
     if (isAxiosInstance(args[0 + argsPlaceholder]))
@@ -124,11 +129,13 @@ function useAxios(...args) {
   const isLoading = vueDemi.ref(false);
   const isAborted = vueDemi.ref(false);
   const error = vueDemi.shallowRef();
-  const cancelToken = axios.CancelToken.source();
+  const cancelTokenSource = axios.CancelToken.source;
+  let cancelToken = cancelTokenSource();
   const abort = (message) => {
     if (isFinished.value || !isLoading.value)
       return;
     cancelToken.cancel(message);
+    cancelToken = cancelTokenSource();
     isAborted.value = true;
     isLoading.value = false;
     isFinished.value = false;
@@ -149,12 +156,18 @@ function useAxios(...args) {
       isFinished.value = true;
       return { then };
     }
+    abort();
     loading(true);
-    instance(_url, __spreadProps$1(__spreadValues$4(__spreadValues$4({}, defaultConfig), typeof executeUrl === "object" ? executeUrl : config), { cancelToken: cancelToken.token })).then((r) => {
+    instance(_url, __spreadProps$1(__spreadValues$5(__spreadValues$5({}, defaultConfig), typeof executeUrl === "object" ? executeUrl : config), { cancelToken: cancelToken.token })).then((r) => {
+      var _a;
       response.value = r;
-      data.value = r.data;
+      const result2 = r.data;
+      data.value = result2;
+      (_a = options.onSuccess) == null ? void 0 : _a.call(options, result2);
     }).catch((e) => {
+      var _a;
       error.value = e;
+      (_a = options.onError) == null ? void 0 : _a.call(options, e);
     }).finally(() => loading(false));
     return { then };
   };
@@ -176,7 +189,7 @@ function useAxios(...args) {
     abort,
     execute
   };
-  return __spreadProps$1(__spreadValues$4({}, result), {
+  return __spreadProps$1(__spreadValues$5({}, result), {
     then
   });
 }
@@ -210,19 +223,19 @@ function useChangeCase(input, type, options) {
   });
 }
 
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
@@ -249,11 +262,11 @@ function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies =
       if (autoUpdateDependencies && watchingDependencies && !watchingDependencies.includes(args[0]))
         watchingDependencies.push(args[0]);
       touches.value;
-      return cookies.get(args[0], __spreadValues$3({ doNotParse }, args[1]));
+      return cookies.get(args[0], __spreadValues$4({ doNotParse }, args[1]));
     },
     getAll: (...args) => {
       touches.value;
-      return cookies.getAll(__spreadValues$3({ doNotParse }, args[0]));
+      return cookies.getAll(__spreadValues$4({ doNotParse }, args[0]));
     },
     set: (...args) => cookies.set(...args),
     remove: (...args) => cookies.remove(...args),
@@ -271,19 +284,19 @@ function shouldUpdate(dependencies, newCookies, oldCookies) {
   return false;
 }
 
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __defProp$3 = Object.defineProperty;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
@@ -357,7 +370,7 @@ function useDrauu(target, options) {
       return;
     if (drauuInstance.value)
       cleanup();
-    drauuInstance.value = drauu.createDrauu(__spreadValues$2({ el }, options));
+    drauuInstance.value = drauu.createDrauu(__spreadValues$3({ el }, options));
     syncStatus();
     disposables = [
       drauuInstance.value.on("canceled", () => onCanceledHook.trigger()),
@@ -390,40 +403,40 @@ function useDrauu(target, options) {
   };
 }
 
-var __defProp$1 = Object.defineProperty;
+var __defProp$2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
+var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function useFocusTrap(target, options = {}) {
   let trap;
-  const _a = options, { immediate } = _a, focusTrapOptions = __objRest(_a, ["immediate"]);
+  const _a = options, { immediate } = _a, focusTrapOptions = __objRest$1(_a, ["immediate"]);
   const hasFocus = vueDemi.ref(false);
   const isPaused = vueDemi.ref(false);
   const activate = (opts) => trap && trap.activate(opts);
@@ -443,7 +456,7 @@ function useFocusTrap(target, options = {}) {
   vueDemi.watch(() => core.unrefElement(target), (el) => {
     if (!el)
       return;
-    trap = focusTrap.createFocusTrap(el, __spreadProps(__spreadValues$1({}, focusTrapOptions), {
+    trap = focusTrap.createFocusTrap(el, __spreadProps(__spreadValues$2({}, focusTrapOptions), {
       onActivate() {
         hasFocus.value = true;
         if (options.onActivate)
@@ -497,19 +510,19 @@ function useFuse(search, data, options) {
   };
 }
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
@@ -517,18 +530,20 @@ function useIDBKeyval(key, initialValue, options = {}) {
   const {
     flush = "pre",
     deep = true,
-    shallow,
+    shallow = false,
     onError = (e) => {
       console.error(e);
-    }
+    },
+    writeDefaults = true
   } = options;
+  const isFinished = vueDemi.ref(false);
   const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(initialValue);
   const rawInit = shared.resolveUnref(initialValue);
   async function read() {
     try {
       const rawValue = await idbKeyval.get(key);
       if (rawValue === void 0) {
-        if (rawInit !== void 0 && rawInit !== null)
+        if (rawInit !== void 0 && rawInit !== null && writeDefaults)
           await idbKeyval.set(key, rawInit);
       } else {
         data.value = rawValue;
@@ -536,6 +551,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
     } catch (e) {
       onError(e);
     }
+    isFinished.value = true;
   }
   read();
   async function write() {
@@ -546,7 +562,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
         if (Array.isArray(data.value))
           await idbKeyval.update(key, () => JSON.parse(JSON.stringify(data.value)));
         else if (typeof data.value === "object")
-          await idbKeyval.update(key, () => __spreadValues({}, data.value));
+          await idbKeyval.update(key, () => __spreadValues$1({}, data.value));
         else
           await idbKeyval.update(key, () => data.value);
       }
@@ -555,7 +571,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
     }
   }
   vueDemi.watch(data, () => write(), { flush, deep });
-  return data;
+  return { isFinished, data };
 }
 
 function useJwt(encodedJwt, options = {}) {
@@ -619,7 +635,61 @@ function useQRCode(text, options) {
   return result;
 }
 
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function useSortable(el, list, options = {}) {
+  let sortable;
+  const _a = options, { document = core.defaultDocument } = _a, resetOptions = __objRest(_a, ["document"]);
+  const defaultOptions = {
+    onUpdate: (e) => {
+      moveArrayElement(list, e.oldIndex, e.newIndex);
+    }
+  };
+  const start = () => {
+    const target = typeof el === "string" ? document == null ? void 0 : document.querySelector(el) : core.unrefElement(el);
+    if (!target)
+      return;
+    sortable = new Sortable(target, __spreadValues(__spreadValues({}, defaultOptions), resetOptions));
+  };
+  const stop = () => sortable == null ? void 0 : sortable.destroy();
+  core.tryOnMounted(start);
+  core.tryOnScopeDispose(stop);
+  return { stop, start };
+}
+function moveArrayElement(list, from, to) {
+  const array = core.resolveUnref(list);
+  if (to >= 0 && to < array.length)
+    array.splice(to, 0, array.splice(from, 1)[0]);
+}
+
 exports.createCookies = createCookies;
+exports.moveArrayElement = moveArrayElement;
 exports.useAsyncValidator = useAsyncValidator;
 exports.useAxios = useAxios;
 exports.useChangeCase = useChangeCase;
@@ -631,3 +701,4 @@ exports.useIDBKeyval = useIDBKeyval;
 exports.useJwt = useJwt;
 exports.useNProgress = useNProgress;
 exports.useQRCode = useQRCode;
+exports.useSortable = useSortable;

package/index.d.ts

@@ -2,18 +2,19 @@ import { MaybeComputedRef, MaybeRef, ConfigurableFlush, RemovableRef } from '@vu
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
 import * as vue_demi from 'vue-demi';
 import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
-import { AxiosResponse, AxiosError, RawAxiosRequestConfig, AxiosInstance } from 'axios';
+import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
 import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
 import * as universal_cookie from 'universal-cookie';
 import universal_cookie__default from 'universal-cookie';
-import { IncomingMessage } from 'http';
+import { IncomingMessage } from 'node:http';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
-import { EventHookOn, MaybeComputedElementRef, Fn, MaybeElementRef } from '@vueuse/core';
+import { EventHookOn, MaybeComputedElementRef, Fn, MaybeElementRef, ConfigurableDocument, MaybeComputedRef as MaybeComputedRef$1 } from '@vueuse/core';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
 import Fuse from 'fuse.js';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
 import nprogress, { NProgressOptions } from 'nprogress';
 import QRCode from 'qrcode';
+import { Options as Options$3 } from 'sortablejs';
 
 type AsyncValidatorError = Error & {
     errors: ValidateError[];
@@ -40,7 +41,7 @@ interface UseAsyncValidatorOptions {
  */
 declare function useAsyncValidator(value: MaybeComputedRef<Record<string, any>>, rules: MaybeComputedRef<Rules>, options?: UseAsyncValidatorOptions): UseAsyncValidatorReturn & PromiseLike<UseAsyncValidatorReturn>;
 
-interface UseAxiosReturn<T, R = AxiosResponse<T>, D = any> {
+interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any> {
     /**
      * Axios Response
      */
@@ -64,7 +65,7 @@ interface UseAxiosReturn<T, R = AxiosResponse<T>, D = any> {
     /**
      * Any errors that may have occurred
      */
-    error: ShallowRef<AxiosError<T, D> | undefined>;
+    error: ShallowRef<unknown | undefined>;
     /**
      * Aborts the current request
      */
@@ -102,15 +103,15 @@ interface StrictUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
     /**
      * Manually call the axios request
      */
-    execute: (url?: string | RawAxiosRequestConfig<D>, config?: RawAxiosRequestConfig<D>) => PromiseLike<StrictUseAxiosReturn<T, R, D>>;
+    execute: (url?: string | AxiosRequestConfig<D>, config?: AxiosRequestConfig<D>) => PromiseLike<StrictUseAxiosReturn<T, R, D>>;
 }
 interface EasyUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
     /**
      * Manually call the axios request
      */
-    execute: (url: string, config?: RawAxiosRequestConfig<D>) => PromiseLike<EasyUseAxiosReturn<T, R, D>>;
+    execute: (url: string, config?: AxiosRequestConfig<D>) => PromiseLike<EasyUseAxiosReturn<T, R, D>>;
 }
-interface UseAxiosOptions {
+interface UseAxiosOptions<T = any> {
     /**
      * Will automatically run axios request when `useAxios` is used
      *
@@ -122,13 +123,21 @@ interface UseAxiosOptions {
      * @default true
      */
     shallow?: boolean;
+    /**
+     * Callback when error is caught.
+     */
+    onError?: (e: unknown) => void;
+    /**
+     * Callback when success is caught.
+     */
+    onSuccess?: (data: T) => void;
 }
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(url: string, config?: RawAxiosRequestConfig<D>, options?: UseAxiosOptions): StrictUseAxiosReturn<T, R, D> & PromiseLike<StrictUseAxiosReturn<T, R, D>>;
+declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(url: string, config?: AxiosRequestConfig<D>, options?: UseAxiosOptions): StrictUseAxiosReturn<T, R, D> & PromiseLike<StrictUseAxiosReturn<T, R, D>>;
 declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(url: string, instance?: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T, R, D> & PromiseLike<StrictUseAxiosReturn<T, R, D>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(url: string, config: RawAxiosRequestConfig<D>, instance: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T, R, D> & PromiseLike<StrictUseAxiosReturn<T, R, D>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(config?: RawAxiosRequestConfig<D>): EasyUseAxiosReturn<T, R, D> & PromiseLike<EasyUseAxiosReturn<T, R, D>>;
+declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(url: string, config: AxiosRequestConfig<D>, instance: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T, R, D> & PromiseLike<StrictUseAxiosReturn<T, R, D>>;
+declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(config?: AxiosRequestConfig<D>): EasyUseAxiosReturn<T, R, D> & PromiseLike<EasyUseAxiosReturn<T, R, D>>;
 declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(instance?: AxiosInstance): EasyUseAxiosReturn<T, R, D> & PromiseLike<EasyUseAxiosReturn<T, R, D>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(config?: RawAxiosRequestConfig<D>, instance?: AxiosInstance): EasyUseAxiosReturn<T, R, D> & PromiseLike<EasyUseAxiosReturn<T, R, D>>;
+declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(config?: AxiosRequestConfig<D>, instance?: AxiosInstance): EasyUseAxiosReturn<T, R, D> & PromiseLike<EasyUseAxiosReturn<T, R, D>>;
 
 declare const changeCase_camelCase: typeof camelCase;
 declare const changeCase_capitalCase: typeof capitalCase;
@@ -327,6 +336,12 @@ interface UseIDBOptions extends ConfigurableFlush {
      * @default false
      */
     shallow?: boolean;
+    /**
+     * Write the default value to the storage when it does not exist
+     *
+     * @default true
+     */
+    writeDefaults?: boolean;
 }
 /**
  *
@@ -334,7 +349,10 @@ interface UseIDBOptions extends ConfigurableFlush {
  * @param initialValue
  * @param options
  */
-declare function useIDBKeyval<T>(key: IDBValidKey, initialValue: MaybeComputedRef<T>, options?: UseIDBOptions): RemovableRef<T>;
+declare function useIDBKeyval<T>(key: IDBValidKey, initialValue: MaybeComputedRef<T>, options?: UseIDBOptions): {
+    data: RemovableRef<T>;
+    isFinished: Ref<boolean>;
+};
 
 interface UseJwtOptions<Fallback> {
     /**
@@ -384,4 +402,19 @@ type UseNProgressReturn = ReturnType<typeof useNProgress>;
  */
 declare function useQRCode(text: MaybeComputedRef<string>, options?: QRCode.QRCodeToDataURLOptions): vue_demi.Ref<string>;
 
-export { AsyncValidatorError, ChangeCaseType, EasyUseAxiosReturn, FuseOptions, StrictUseAxiosReturn, UseAsyncValidatorOptions, UseAsyncValidatorReturn, UseAxiosOptions, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, UseIDBOptions, UseJwtOptions, UseJwtReturn, UseNProgressOptions, UseNProgressReturn, createCookies, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode };
+interface UseSortableReturn {
+    /**
+     * start sortable instance
+     */
+    start: () => void;
+    /**
+     * destroy sortable instance
+     */
+    stop: () => void;
+}
+type UseSortableOptions = Options$3 & ConfigurableDocument;
+declare function useSortable<T>(selector: string, list: MaybeComputedRef$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
+declare function useSortable<T>(el: MaybeComputedRef$1<HTMLElement | null | undefined>, list: MaybeComputedRef$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
+declare function moveArrayElement<T>(list: MaybeComputedRef$1<T[]>, from: number, to: number): void;
+
+export { AsyncValidatorError, ChangeCaseType, EasyUseAxiosReturn, FuseOptions, StrictUseAxiosReturn, UseAsyncValidatorOptions, UseAsyncValidatorReturn, UseAxiosOptions, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, UseIDBOptions, UseJwtOptions, UseJwtReturn, UseNProgressOptions, UseNProgressReturn, UseSortableOptions, UseSortableReturn, createCookies, moveArrayElement, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };