@vueuse/integrations 12.2.0 → 12.4.0

package/index.cjs

@@ -48,13 +48,13 @@ function useAsyncValidator(value, rules, options = {}) {
   const pass = vue.ref(!immediate || manual);
   const errors = vue.computed(() => {
     var _a;
-    return ((_a = errorInfo.value) == null ? void 0 : _a.errors) || [];
+    return ((_a = errorInfo.value) == null ? undefined : _a.errors) || [];
   });
   const errorFields = vue.computed(() => {
     var _a;
-    return ((_a = errorInfo.value) == null ? void 0 : _a.fields) || {};
+    return ((_a = errorInfo.value) == null ? undefined : _a.fields) || {};
   });
-  const validator = vue.computed(() => new AsyncValidatorSchema(shared.toValue(rules)));
+  const validator = vue.computed(() => new AsyncValidatorSchema(vue.toValue(rules)));
   const execute = async () => {
     isFinished.value = false;
     pass.value = false;
@@ -103,7 +103,7 @@ function useAsyncValidator(value, rules, options = {}) {
 }
 
 function useAxios(...args) {
-  const url = typeof args[0] === "string" ? args[0] : void 0;
+  const url = typeof args[0] === "string" ? args[0] : undefined;
   const argsPlaceholder = typeof url === "string" ? 1 : 0;
   const defaultOptions = {
     immediate: !!argsPlaceholder,
@@ -113,7 +113,7 @@ function useAxios(...args) {
   let defaultConfig = {};
   let instance = axios;
   let options = defaultOptions;
-  const isAxiosInstance = (val) => !!(val == null ? void 0 : val.request);
+  const isAxiosInstance = (val) => !!(val == null ? undefined : val.request);
   if (args.length > 0 + argsPlaceholder) {
     if (isAxiosInstance(args[0 + argsPlaceholder]))
       instance = args[0 + argsPlaceholder];
@@ -128,13 +128,13 @@ function useAxios(...args) {
     options = args[args.length - 1] || defaultOptions;
   }
   const {
-    initialData,
     shallow,
     onSuccess = shared.noop,
     onError = shared.noop,
     immediate,
     resetOnExecute = false
   } = options;
+  const initialData = options.initialData;
   const response = vue.shallowRef();
   const data = (shallow ? vue.shallowRef : vue.ref)(initialData);
   const isFinished = vue.ref(false);
@@ -168,9 +168,9 @@ function useAxios(...args) {
   };
   let executeCounter = 0;
   const execute = (executeUrl = url, config = {}) => {
-    error.value = void 0;
+    error.value = undefined;
     const _url = typeof executeUrl === "string" ? executeUrl : url != null ? url : config.url;
-    if (_url === void 0) {
+    if (_url === undefined) {
       error.value = new axios.AxiosError(axios.AxiosError.ERR_INVALID_URL);
       isFinished.value = true;
       return promise;
@@ -194,7 +194,7 @@ function useAxios(...args) {
       onError(e);
     }).finally(() => {
       var _a;
-      (_a = options.onFinish) == null ? void 0 : _a.call(options);
+      (_a = options.onFinish) == null ? undefined : _a.call(options);
       if (currentExecuteCounter === executeCounter)
         loading(false);
     });
@@ -226,17 +226,17 @@ const changeCaseTransforms = /* @__PURE__ */ Object.entries(changeCase__namespac
 }, {});
 function useChangeCase(input, type, options) {
   const typeRef = vue.computed(() => {
-    const t = shared.toValue(type);
+    const t = vue.toValue(type);
     if (!changeCaseTransforms[t])
       throw new Error(`Invalid change case type "${t}"`);
     return t;
   });
   if (typeof input === "function")
-    return vue.computed(() => changeCaseTransforms[typeRef.value](shared.toValue(input), shared.toValue(options)));
+    return vue.computed(() => changeCaseTransforms[typeRef.value](vue.toValue(input), vue.toValue(options)));
   const text = vue.ref(input);
   return vue.computed({
     get() {
-      return changeCaseTransforms[typeRef.value](text.value, shared.toValue(options));
+      return changeCaseTransforms[typeRef.value](text.value, vue.toValue(options));
     },
     set(value) {
       text.value = value;
@@ -317,10 +317,10 @@ function useDrauu(target, options) {
     size: 3,
     arrowEnd: false,
     cornerRadius: 0,
-    dasharray: void 0,
+    dasharray: undefined,
     fill: "transparent",
     mode: "draw",
-    ...options == null ? void 0 : options.brush
+    ...options == null ? undefined : options.brush
   });
   vue.watch(brush, () => {
     const instance = drauuInstance.value;
@@ -331,32 +331,32 @@ function useDrauu(target, options) {
   }, { deep: true });
   const undo = () => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.undo();
+    return (_a = drauuInstance.value) == null ? undefined : _a.undo();
   };
   const redo = () => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.redo();
+    return (_a = drauuInstance.value) == null ? undefined : _a.redo();
   };
   const clear = () => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.clear();
+    return (_a = drauuInstance.value) == null ? undefined : _a.clear();
   };
   const cancel = () => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.cancel();
+    return (_a = drauuInstance.value) == null ? undefined : _a.cancel();
   };
   const load = (svg) => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.load(svg);
+    return (_a = drauuInstance.value) == null ? undefined : _a.load(svg);
   };
   const dump = () => {
     var _a;
-    return (_a = drauuInstance.value) == null ? void 0 : _a.dump();
+    return (_a = drauuInstance.value) == null ? undefined : _a.dump();
   };
   const cleanup = () => {
     var _a;
     disposables.forEach((dispose) => dispose());
-    (_a = drauuInstance.value) == null ? void 0 : _a.unmount();
+    (_a = drauuInstance.value) == null ? undefined : _a.unmount();
   };
   const syncStatus = () => {
     if (drauuInstance.value) {
@@ -428,9 +428,9 @@ function useFocusTrap(target, options = {}) {
     }
   };
   const targets = vue.computed(() => {
-    const _targets = shared.toValue(target);
-    return (Array.isArray(_targets) ? _targets : [_targets]).map((el) => {
-      const _el = shared.toValue(el);
+    const _targets = vue.toValue(target);
+    return core.toArray(_targets).map((el) => {
+      const _el = vue.toValue(el);
       return typeof _el === "string" ? _el : core.unrefElement(_el);
     }).filter(shared.notNullish);
   });
@@ -472,15 +472,15 @@ function useFuse(search, data, options) {
   const createFuse = () => {
     var _a, _b;
     return new Fuse(
-      (_a = shared.toValue(data)) != null ? _a : [],
-      (_b = shared.toValue(options)) == null ? void 0 : _b.fuseOptions
+      (_a = vue.toValue(data)) != null ? _a : [],
+      (_b = vue.toValue(options)) == null ? undefined : _b.fuseOptions
     );
   };
   const fuse = vue.ref(createFuse());
   vue.watch(
     () => {
       var _a;
-      return (_a = shared.toValue(options)) == null ? void 0 : _a.fuseOptions;
+      return (_a = vue.toValue(options)) == null ? undefined : _a.fuseOptions;
     },
     () => {
       fuse.value = createFuse();
@@ -488,18 +488,18 @@ function useFuse(search, data, options) {
     { deep: true }
   );
   vue.watch(
-    () => shared.toValue(data),
+    () => vue.toValue(data),
     (newData) => {
       fuse.value.setCollection(newData);
     },
     { deep: true }
   );
   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 }));
-    const limit = resolved == null ? void 0 : resolved.resultLimit;
-    return fuse.value.search(shared.toValue(search), limit ? { limit } : void 0);
+    const resolved = vue.toValue(options);
+    if ((resolved == null ? undefined : resolved.matchAllWhenSearchEmpty) && !vue.toValue(search))
+      return vue.toValue(data).map((item, index) => ({ item, refIndex: index }));
+    const limit = resolved == null ? undefined : resolved.resultLimit;
+    return fuse.value.search(vue.toValue(search), limit ? { limit } : undefined);
   });
   return {
     fuse,
@@ -519,7 +519,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
   } = options;
   const isFinished = vue.ref(false);
   const data = (shallow ? vue.shallowRef : vue.ref)(initialValue);
-  const rawInit = shared.toValue(initialValue);
+  const rawInit = vue.toValue(initialValue);
   async function read() {
     try {
       const rawValue = await idbKeyval.get(key);
@@ -572,12 +572,12 @@ function useJwt(encodedJwt, options = {}) {
     try {
       return jwtDecode.jwtDecode(encodedJwt2, options2);
     } catch (err) {
-      onError == null ? void 0 : onError(err);
+      onError == null ? undefined : onError(err);
       return fallbackValue;
     }
   };
-  const header = vue.computed(() => decodeWithFallback(shared.toValue(encodedJwt), { header: true }));
-  const payload = vue.computed(() => decodeWithFallback(shared.toValue(encodedJwt)));
+  const header = vue.computed(() => decodeWithFallback(vue.toValue(encodedJwt), { header: true }));
+  const payload = vue.computed(() => decodeWithFallback(vue.toValue(encodedJwt)));
   return {
     header,
     payload
@@ -585,7 +585,7 @@ function useJwt(encodedJwt, options = {}) {
 }
 
 function useNProgress(currentProgress = null, options) {
-  const progress = vue.ref(currentProgress);
+  const progress = shared.toRef(currentProgress);
   const isLoading = vue.computed({
     set: (load) => load ? nprogress.start() : nprogress.done(),
     get: () => typeof progress.value === "number" && progress.value < 1
@@ -637,20 +637,20 @@ function useSortable(el, list, options = {}) {
     }
   };
   const start = () => {
-    const target = typeof el === "string" ? document == null ? void 0 : document.querySelector(el) : core.unrefElement(el);
-    if (!target || sortable !== void 0)
+    const target = typeof el === "string" ? document == null ? undefined : document.querySelector(el) : core.unrefElement(el);
+    if (!target || sortable !== undefined)
       return;
     sortable = new Sortable(target, { ...defaultOptions, ...resetOptions });
   };
   const stop = () => {
-    sortable == null ? void 0 : sortable.destroy();
-    sortable = void 0;
+    sortable == null ? undefined : sortable.destroy();
+    sortable = undefined;
   };
   const option = (name, value) => {
-    if (value !== void 0)
-      sortable == null ? void 0 : sortable.option(name, value);
+    if (value !== undefined)
+      sortable == null ? undefined : sortable.option(name, value);
     else
-      return sortable == null ? void 0 : sortable.option(name);
+      return sortable == null ? undefined : sortable.option(name);
   };
   core.tryOnMounted(start);
   core.tryOnScopeDispose(stop);
@@ -674,7 +674,7 @@ function moveArrayElement(list, from, to, e = null) {
     insertNodeAt(e.from, e.item, from);
   }
   const _valueIsRef = vue.isRef(list);
-  const array = _valueIsRef ? [...core.toValue(list)] : core.toValue(list);
+  const array = _valueIsRef ? [...vue.toValue(list)] : vue.toValue(list);
   if (to >= 0 && to < array.length) {
     const element = array.splice(from, 1)[0];
     vue.nextTick(() => {

package/index.d.cts

@@ -61,7 +61,7 @@ interface UseAsyncValidatorOptions {
  */
 declare function useAsyncValidator(value: MaybeRefOrGetter<Record<string, any>>, rules: MaybeRefOrGetter<Rules>, options?: UseAsyncValidatorOptions): UseAsyncValidatorReturn & PromiseLike<UseAsyncValidatorReturn>;
 
-interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any> {
+interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any, O extends UseAxiosOptions = UseAxiosOptions<T>> {
     /**
      * Axios Response
      */
@@ -69,7 +69,7 @@ interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any> {
     /**
      * Axios response data
      */
-    data: Ref<T | undefined>;
+    data: O extends UseAxiosOptionsWithInitialData<T> ? Ref<T> : Ref<T | undefined>;
     /**
      * Indicates if the request has finished
      */
@@ -99,11 +99,11 @@ interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any> {
      */
     isCanceled: Ref<boolean>;
 }
-interface StrictUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
+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>>;
+    execute: (url?: string | AxiosRequestConfig<D>, config?: AxiosRequestConfig<D>) => Promise<StrictUseAxiosReturn<T, R, D, O>>;
 }
 interface EasyUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
     /**
@@ -111,7 +111,7 @@ interface EasyUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
      */
     execute: (url: string, config?: AxiosRequestConfig<D>) => Promise<EasyUseAxiosReturn<T, R, D>>;
 }
-interface UseAxiosOptions<T = any> {
+interface UseAxiosOptionsBase<T = any> {
     /**
      * Will automatically run axios request when `useAxios` is used
      *
@@ -137,10 +137,6 @@ interface UseAxiosOptions<T = any> {
      * Callback when success is caught.
      */
     onSuccess?: (data: T) => void;
-    /**
-     * Initial data to use
-     */
-    initialData?: T;
     /**
      * Sets the state to initialState before executing the promise.
      */
@@ -150,9 +146,19 @@ interface UseAxiosOptions<T = any> {
      */
     onFinish?: () => void;
 }
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(url: string, config?: AxiosRequestConfig<D>, options?: UseAxiosOptions): StrictUseAxiosReturn<T, R, D> & Promise<StrictUseAxiosReturn<T, R, D>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(url: string, instance?: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T, R, D> & Promise<StrictUseAxiosReturn<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> & Promise<StrictUseAxiosReturn<T, R, D>>;
+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>>;
@@ -387,7 +393,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, 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 | null | undefined, number | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;
@@ -438,4 +444,4 @@ declare function insertNodeAt(parentElement: Element, element: Element, index: n
 declare function removeNode(node: Node): void;
 declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<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 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 };
+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

@@ -61,7 +61,7 @@ interface UseAsyncValidatorOptions {
  */
 declare function useAsyncValidator(value: MaybeRefOrGetter<Record<string, any>>, rules: MaybeRefOrGetter<Rules>, options?: UseAsyncValidatorOptions): UseAsyncValidatorReturn & PromiseLike<UseAsyncValidatorReturn>;
 
-interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any> {
+interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any, O extends UseAxiosOptions = UseAxiosOptions<T>> {
     /**
      * Axios Response
      */
@@ -69,7 +69,7 @@ interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any> {
     /**
      * Axios response data
      */
-    data: Ref<T | undefined>;
+    data: O extends UseAxiosOptionsWithInitialData<T> ? Ref<T> : Ref<T | undefined>;
     /**
      * Indicates if the request has finished
      */
@@ -99,11 +99,11 @@ interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any> {
      */
     isCanceled: Ref<boolean>;
 }
-interface StrictUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
+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>>;
+    execute: (url?: string | AxiosRequestConfig<D>, config?: AxiosRequestConfig<D>) => Promise<StrictUseAxiosReturn<T, R, D, O>>;
 }
 interface EasyUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
     /**
@@ -111,7 +111,7 @@ interface EasyUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
      */
     execute: (url: string, config?: AxiosRequestConfig<D>) => Promise<EasyUseAxiosReturn<T, R, D>>;
 }
-interface UseAxiosOptions<T = any> {
+interface UseAxiosOptionsBase<T = any> {
     /**
      * Will automatically run axios request when `useAxios` is used
      *
@@ -137,10 +137,6 @@ interface UseAxiosOptions<T = any> {
      * Callback when success is caught.
      */
     onSuccess?: (data: T) => void;
-    /**
-     * Initial data to use
-     */
-    initialData?: T;
     /**
      * Sets the state to initialState before executing the promise.
      */
@@ -150,9 +146,19 @@ interface UseAxiosOptions<T = any> {
      */
     onFinish?: () => void;
 }
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(url: string, config?: AxiosRequestConfig<D>, options?: UseAxiosOptions): StrictUseAxiosReturn<T, R, D> & Promise<StrictUseAxiosReturn<T, R, D>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(url: string, instance?: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T, R, D> & Promise<StrictUseAxiosReturn<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> & Promise<StrictUseAxiosReturn<T, R, D>>;
+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>>;
@@ -387,7 +393,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, 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 | null | undefined, number | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;
@@ -438,4 +444,4 @@ declare function insertNodeAt(parentElement: Element, element: Element, index: n
 declare function removeNode(node: Node): void;
 declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<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 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 };
+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

@@ -61,7 +61,7 @@ interface UseAsyncValidatorOptions {
  */
 declare function useAsyncValidator(value: MaybeRefOrGetter<Record<string, any>>, rules: MaybeRefOrGetter<Rules>, options?: UseAsyncValidatorOptions): UseAsyncValidatorReturn & PromiseLike<UseAsyncValidatorReturn>;
 
-interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any> {
+interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any, O extends UseAxiosOptions = UseAxiosOptions<T>> {
     /**
      * Axios Response
      */
@@ -69,7 +69,7 @@ interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any> {
     /**
      * Axios response data
      */
-    data: Ref<T | undefined>;
+    data: O extends UseAxiosOptionsWithInitialData<T> ? Ref<T> : Ref<T | undefined>;
     /**
      * Indicates if the request has finished
      */
@@ -99,11 +99,11 @@ interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any> {
      */
     isCanceled: Ref<boolean>;
 }
-interface StrictUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
+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>>;
+    execute: (url?: string | AxiosRequestConfig<D>, config?: AxiosRequestConfig<D>) => Promise<StrictUseAxiosReturn<T, R, D, O>>;
 }
 interface EasyUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
     /**
@@ -111,7 +111,7 @@ interface EasyUseAxiosReturn<T, R, D> extends UseAxiosReturn<T, R, D> {
      */
     execute: (url: string, config?: AxiosRequestConfig<D>) => Promise<EasyUseAxiosReturn<T, R, D>>;
 }
-interface UseAxiosOptions<T = any> {
+interface UseAxiosOptionsBase<T = any> {
     /**
      * Will automatically run axios request when `useAxios` is used
      *
@@ -137,10 +137,6 @@ interface UseAxiosOptions<T = any> {
      * Callback when success is caught.
      */
     onSuccess?: (data: T) => void;
-    /**
-     * Initial data to use
-     */
-    initialData?: T;
     /**
      * Sets the state to initialState before executing the promise.
      */
@@ -150,9 +146,19 @@ interface UseAxiosOptions<T = any> {
      */
     onFinish?: () => void;
 }
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(url: string, config?: AxiosRequestConfig<D>, options?: UseAxiosOptions): StrictUseAxiosReturn<T, R, D> & Promise<StrictUseAxiosReturn<T, R, D>>;
-declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(url: string, instance?: AxiosInstance, options?: UseAxiosOptions): StrictUseAxiosReturn<T, R, D> & Promise<StrictUseAxiosReturn<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> & Promise<StrictUseAxiosReturn<T, R, D>>;
+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>>;
@@ -387,7 +393,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, 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 | null | undefined, number | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;
@@ -438,4 +444,4 @@ declare function insertNodeAt(parentElement: Element, element: Element, index: n
 declare function removeNode(node: Node): void;
 declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<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 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 };
+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 };