@vueuse/integrations 10.2.1 → 10.4.0

package/useAxios.d.mts

@@ -0,0 +1,94 @@
+import { ShallowRef, Ref } from 'vue-demi';
+import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
+
+interface UseAxiosReturn<T, R = AxiosResponse<T>, _D = any> {
+    /**
+     * Axios Response
+     */
+    response: ShallowRef<R | undefined>;
+    /**
+     * Axios response data
+     */
+    data: 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> extends UseAxiosReturn<T, R, D> {
+    /**
+     * Manually call the axios request
+     */
+    execute: (url?: string | AxiosRequestConfig<D>, config?: AxiosRequestConfig<D>) => Promise<StrictUseAxiosReturn<T, R, D>>;
+}
+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 UseAxiosOptions<T = any> {
+    /**
+     * Will automatically run axios request when `useAxios` is used
+     *
+     */
+    immediate?: boolean;
+    /**
+     * Use shallowRef.
+     *
+     * @default true
+     */
+    shallow?: boolean;
+    /**
+     * Callback when error is caught.
+     */
+    onError?: (e: unknown) => void;
+    /**
+     * Callback when success is caught.
+     */
+    onSuccess?: (data: T) => void;
+    /**
+     * Initial data to use
+     */
+    initialData?: T;
+    /**
+     * Sets the state to initialState before executing the promise.
+     */
+    resetOnExecute?: boolean;
+    /**
+     * Callback when request is finished.
+     */
+    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>>;
+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>>;
+
+export { type EasyUseAxiosReturn, type StrictUseAxiosReturn, type UseAxiosOptions, type UseAxiosReturn, useAxios };

package/useAxios.d.ts

@@ -91,4 +91,4 @@ declare function useAxios<T = any, R = AxiosResponse<T>, D = any>(config?: Axios
 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>>;
 
-export { EasyUseAxiosReturn, StrictUseAxiosReturn, UseAxiosOptions, UseAxiosReturn, useAxios };
+export { type EasyUseAxiosReturn, type StrictUseAxiosReturn, type UseAxiosOptions, type UseAxiosReturn, useAxios };

package/useAxios.iife.js

@@ -117,25 +117,6 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
 ;(function (exports, vueDemi, shared, axios) {
   'use strict';
 
-  var __defProp = Object.defineProperty;
-  var __defProps = Object.defineProperties;
-  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-  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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   function useAxios(...args) {
     const url = typeof args[0] === "string" ? args[0] : void 0;
     const argsPlaceholder = typeof url === "string" ? 1 : 0;
@@ -145,7 +126,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       immediate: !!argsPlaceholder,
       shallow: true
     };
-    const isAxiosInstance = (val) => !!(val == null ? void 0 : val.request);
+    const isAxiosInstance = (val) => !!val?.request;
     if (args.length > 0 + argsPlaceholder) {
       if (isAxiosInstance(args[0 + argsPlaceholder]))
         instance = args[0 + argsPlaceholder];
@@ -201,7 +182,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     let executeCounter = 0;
     const execute = (executeUrl = url, config = {}) => {
       error.value = void 0;
-      const _url = typeof executeUrl === "string" ? executeUrl : url != null ? url : config.url;
+      const _url = typeof executeUrl === "string" ? executeUrl : url ?? config.url;
       if (_url === void 0) {
         error.value = new axios.AxiosError(axios.AxiosError.ERR_INVALID_URL);
         isFinished.value = true;
@@ -212,7 +193,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       loading(true);
       executeCounter += 1;
       const currentExecuteCounter = executeCounter;
-      instance(_url, __spreadProps(__spreadValues(__spreadValues({}, defaultConfig), typeof executeUrl === "object" ? executeUrl : config), { cancelToken: cancelToken.token })).then((r) => {
+      instance(_url, { ...defaultConfig, ...typeof executeUrl === "object" ? executeUrl : config, cancelToken: cancelToken.token }).then((r) => {
         response.value = r;
         const result2 = r.data;
         data.value = result2;
@@ -221,8 +202,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
         error.value = e;
         onError(e);
       }).finally(() => {
-        var _a;
-        (_a = options.onFinish) == null ? void 0 : _a.call(options);
+        options.onFinish?.();
         if (currentExecuteCounter === executeCounter)
           loading(false);
       });
@@ -242,7 +222,10 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       abort,
       execute
     };
-    return __spreadValues(__spreadValues({}, result), promise);
+    return {
+      ...result,
+      ...promise
+    };
   }
 
   exports.useAxios = useAxios;

package/useAxios.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(e,n,v){if(e.install)return e;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),e;if(n.version.slice(0,4)==="2.7."){let i=function(c,u){var f,y={},w={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(a,p){return y[a]=p,this},directive:function(a,p){return p?(n.directive(a,p),w):n.directive(a)},mount:function(a,p){return f||(f=new n(Object.assign({propsData:u},c,{provide:Object.assign(y,c.provide)})),f.$mount(a,p),f)},unmount:function(){f&&(f.$destroy(),f=void 0)}};return w};var S=i;for(var l in n)e[l]=n[l];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=n,e.Vue2=n,e.version=n.version,e.warn=n.util.warn,e.hasInjectionContext=()=>!!e.getCurrentInstance(),e.createApp=i}else if(n.version.slice(0,2)==="2.")if(v){for(var l in v)e[l]=v[l];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=n,e.Vue2=n,e.version=n.version,e.hasInjectionContext=()=>!!e.getCurrentInstance()}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var l in n)e[l]=n[l];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=n,e.Vue2=void 0,e.version=n.version,e.set=function(i,c,u){return Array.isArray(i)?(i.length=Math.max(i.length,c),i.splice(c,1,u),u):(i[c]=u,u)},e.del=function(i,c){if(Array.isArray(i)){i.splice(c,1);return}delete i[c]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return e}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(e,n,v,l){"use strict";var S=Object.defineProperty,i=Object.defineProperties,c=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,w=(t,r,o)=>r in t?S(t,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[r]=o,a=(t,r)=>{for(var o in r||(r={}))f.call(r,o)&&w(t,o,r[o]);if(u)for(var o of u(r))y.call(r,o)&&w(t,o,r[o]);return t},p=(t,r)=>i(t,c(r));function z(...t){const r=typeof t[0]=="string"?t[0]:void 0,o=typeof r=="string"?1:0;let T={},A=l,b={immediate:!!o,shallow:!0};const I=s=>!!s?.request;t.length>0+o&&(I(t[0+o])?A=t[0+o]:T=t[0+o]),t.length>1+o&&I(t[1+o])&&(A=t[1+o]),(t.length===2+o&&!I(t[1+o])||t.length===3+o)&&(b=t[t.length-1]);const{initialData:F,shallow:G,onSuccess:H=v.noop,onError:J=v.noop,immediate:K,resetOnExecute:Q=!1}=b,L=n.shallowRef(),C=(G?n.shallowRef:n.ref)(F),h=n.ref(!1),P=n.ref(!1),j=n.ref(!1),_=n.shallowRef(),N=l.CancelToken.source;let x=N();const E=s=>{h.value||!P.value||(x.cancel(s),x=N(),j.value=!0,P.value=!1,h.value=!1)},U=s=>{P.value=s,h.value=!s},W=()=>{Q&&(C.value=F)},$=()=>new Promise((s,O)=>{v.until(h).toBe(!0).then(()=>_.value?O(_.value):s(q))}),R={then:(...s)=>$().then(...s),catch:(...s)=>$().catch(...s)};let g=0;const k=(s=r,O={})=>{_.value=void 0;const B=typeof s=="string"?s:r??O.url;if(B===void 0)return _.value=new l.AxiosError(l.AxiosError.ERR_INVALID_URL),h.value=!0,R;W(),E(),U(!0),g+=1;const X=g;return A(B,p(a(a({},T),typeof s=="object"?s:O),{cancelToken:x.token})).then(d=>{L.value=d;const M=d.data;C.value=M,H(M)}).catch(d=>{_.value=d,J(d)}).finally(()=>{var d;(d=b.onFinish)==null||d.call(b),X===g&&U(!1)}),R};K&&r&&k();const q={response:L,data:C,error:_,isFinished:h,isLoading:P,cancel:E,isAborted:j,isCanceled:j,abort:E,execute:k};return a(a({},q),R)}e.useAxios=z})(this.VueUse=this.VueUse||{},VueDemi,VueUse,axios);
+var VueDemi=function(e,n,a){if(e.install)return e;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),e;if(n.version.slice(0,4)==="2.7."){let t=function(i,o){var l,u={},d={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(c,f){return u[c]=f,this},directive:function(c,f){return f?(n.directive(c,f),d):n.directive(c)},mount:function(c,f){return l||(l=new n(Object.assign({propsData:o},i,{provide:Object.assign(u,i.provide)})),l.$mount(c,f),l)},unmount:function(){l&&(l.$destroy(),l=void 0)}};return d};var R=t;for(var r in n)e[r]=n[r];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=n,e.Vue2=n,e.version=n.version,e.warn=n.util.warn,e.hasInjectionContext=()=>!!e.getCurrentInstance(),e.createApp=t}else if(n.version.slice(0,2)==="2.")if(a){for(var r in a)e[r]=a[r];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=n,e.Vue2=n,e.version=n.version,e.hasInjectionContext=()=>!!e.getCurrentInstance()}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var r in n)e[r]=n[r];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=n,e.Vue2=void 0,e.version=n.version,e.set=function(t,i,o){return Array.isArray(t)?(t.length=Math.max(t.length,i),t.splice(i,1,o),o):(t[i]=o,o)},e.del=function(t,i){if(Array.isArray(t)){t.splice(i,1);return}delete t[i]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return e}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(e,n,a,r){"use strict";function R(...t){const i=typeof t[0]=="string"?t[0]:void 0,o=typeof i=="string"?1:0;let l={},u=r,d={immediate:!!o,shallow:!0};const c=s=>!!s?.request;t.length>0+o&&(c(t[0+o])?u=t[0+o]:l=t[0+o]),t.length>1+o&&c(t[1+o])&&(u=t[1+o]),(t.length===2+o&&!c(t[1+o])||t.length===3+o)&&(d=t[t.length-1]);const{initialData:f,shallow:S,onSuccess:U=a.noop,onError:$=a.noop,immediate:q,resetOnExecute:B=!1}=d,j=n.shallowRef(),w=(S?n.shallowRef:n.ref)(f),v=n.ref(!1),A=n.ref(!1),y=n.ref(!1),p=n.shallowRef(),P=r.CancelToken.source;let C=P();const x=s=>{v.value||!A.value||(C.cancel(s),C=P(),y.value=!0,A.value=!1,v.value=!1)},T=s=>{A.value=s,v.value=!s},M=()=>{B&&(w.value=f)},k=()=>new Promise((s,b)=>{a.until(v).toBe(!0).then(()=>p.value?b(p.value):s(L))}),I={then:(...s)=>k().then(...s),catch:(...s)=>k().catch(...s)};let E=0;const F=(s=i,b={})=>{p.value=void 0;const O=typeof s=="string"?s:i??b.url;if(O===void 0)return p.value=new r.AxiosError(r.AxiosError.ERR_INVALID_URL),v.value=!0,I;M(),x(),T(!0),E+=1;const N=E;return u(O,{...l,...typeof s=="object"?s:b,cancelToken:C.token}).then(h=>{j.value=h;const _=h.data;w.value=_,U(_)}).catch(h=>{p.value=h,$(h)}).finally(()=>{d.onFinish?.(),N===E&&T(!1)}),I};q&&i&&F();const L={response:j,data:w,error:p,isFinished:v,isLoading:A,cancel:x,isAborted:y,isCanceled:y,abort:x,execute:F};return{...L,...I}}e.useAxios=R})(this.VueUse=this.VueUse||{},VueDemi,VueUse,axios);

package/useAxios.mjs

@@ -2,25 +2,6 @@ import { shallowRef, ref } from 'vue-demi';
 import { noop, until } from '@vueuse/shared';
 import axios, { AxiosError } from 'axios';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function useAxios(...args) {
   const url = typeof args[0] === "string" ? args[0] : void 0;
   const argsPlaceholder = typeof url === "string" ? 1 : 0;
@@ -30,7 +11,7 @@ function useAxios(...args) {
     immediate: !!argsPlaceholder,
     shallow: true
   };
-  const isAxiosInstance = (val) => !!(val == null ? void 0 : val.request);
+  const isAxiosInstance = (val) => !!val?.request;
   if (args.length > 0 + argsPlaceholder) {
     if (isAxiosInstance(args[0 + argsPlaceholder]))
       instance = args[0 + argsPlaceholder];
@@ -86,7 +67,7 @@ function useAxios(...args) {
   let executeCounter = 0;
   const execute = (executeUrl = url, config = {}) => {
     error.value = void 0;
-    const _url = typeof executeUrl === "string" ? executeUrl : url != null ? url : config.url;
+    const _url = typeof executeUrl === "string" ? executeUrl : url ?? config.url;
     if (_url === void 0) {
       error.value = new AxiosError(AxiosError.ERR_INVALID_URL);
       isFinished.value = true;
@@ -97,7 +78,7 @@ function useAxios(...args) {
     loading(true);
     executeCounter += 1;
     const currentExecuteCounter = executeCounter;
-    instance(_url, __spreadProps(__spreadValues(__spreadValues({}, defaultConfig), typeof executeUrl === "object" ? executeUrl : config), { cancelToken: cancelToken.token })).then((r) => {
+    instance(_url, { ...defaultConfig, ...typeof executeUrl === "object" ? executeUrl : config, cancelToken: cancelToken.token }).then((r) => {
       response.value = r;
       const result2 = r.data;
       data.value = result2;
@@ -106,8 +87,7 @@ function useAxios(...args) {
       error.value = e;
       onError(e);
     }).finally(() => {
-      var _a;
-      (_a = options.onFinish) == null ? void 0 : _a.call(options);
+      options.onFinish?.();
       if (currentExecuteCounter === executeCounter)
         loading(false);
     });
@@ -127,7 +107,10 @@ function useAxios(...args) {
     abort,
     execute
   };
-  return __spreadValues(__spreadValues({}, result), promise);
+  return {
+    ...result,
+    ...promise
+  };
 }
 
 export { useAxios };

package/useChangeCase.d.cts

@@ -0,0 +1,24 @@
+import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
+import { MaybeRef, MaybeRefOrGetter } from '@vueuse/shared';
+import { WritableComputedRef, ComputedRef } from 'vue-demi';
+
+declare const changeCase_camelCase: typeof camelCase;
+declare const changeCase_capitalCase: typeof capitalCase;
+declare const changeCase_constantCase: typeof constantCase;
+declare const changeCase_dotCase: typeof dotCase;
+declare const changeCase_headerCase: typeof headerCase;
+declare const changeCase_noCase: typeof noCase;
+declare const changeCase_paramCase: typeof paramCase;
+declare const changeCase_pascalCase: typeof pascalCase;
+declare const changeCase_pathCase: typeof pathCase;
+declare const changeCase_sentenceCase: typeof sentenceCase;
+declare const changeCase_snakeCase: typeof snakeCase;
+declare namespace changeCase {
+  export { changeCase_camelCase as camelCase, changeCase_capitalCase as capitalCase, changeCase_constantCase as constantCase, changeCase_dotCase as dotCase, changeCase_headerCase as headerCase, changeCase_noCase as noCase, changeCase_paramCase as paramCase, changeCase_pascalCase as pascalCase, changeCase_pathCase as pathCase, changeCase_sentenceCase as sentenceCase, changeCase_snakeCase as snakeCase };
+}
+
+type ChangeCaseType = keyof typeof changeCase;
+declare function useChangeCase(input: MaybeRef<string>, type: ChangeCaseType, options?: Options | undefined): WritableComputedRef<string>;
+declare function useChangeCase(input: MaybeRefOrGetter<string>, type: ChangeCaseType, options?: Options | undefined): ComputedRef<string>;
+
+export { type ChangeCaseType, useChangeCase };

package/useChangeCase.d.mts

@@ -0,0 +1,24 @@
+import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
+import { MaybeRef, MaybeRefOrGetter } from '@vueuse/shared';
+import { WritableComputedRef, ComputedRef } from 'vue-demi';
+
+declare const changeCase_camelCase: typeof camelCase;
+declare const changeCase_capitalCase: typeof capitalCase;
+declare const changeCase_constantCase: typeof constantCase;
+declare const changeCase_dotCase: typeof dotCase;
+declare const changeCase_headerCase: typeof headerCase;
+declare const changeCase_noCase: typeof noCase;
+declare const changeCase_paramCase: typeof paramCase;
+declare const changeCase_pascalCase: typeof pascalCase;
+declare const changeCase_pathCase: typeof pathCase;
+declare const changeCase_sentenceCase: typeof sentenceCase;
+declare const changeCase_snakeCase: typeof snakeCase;
+declare namespace changeCase {
+  export { changeCase_camelCase as camelCase, changeCase_capitalCase as capitalCase, changeCase_constantCase as constantCase, changeCase_dotCase as dotCase, changeCase_headerCase as headerCase, changeCase_noCase as noCase, changeCase_paramCase as paramCase, changeCase_pascalCase as pascalCase, changeCase_pathCase as pathCase, changeCase_sentenceCase as sentenceCase, changeCase_snakeCase as snakeCase };
+}
+
+type ChangeCaseType = keyof typeof changeCase;
+declare function useChangeCase(input: MaybeRef<string>, type: ChangeCaseType, options?: Options | undefined): WritableComputedRef<string>;
+declare function useChangeCase(input: MaybeRefOrGetter<string>, type: ChangeCaseType, options?: Options | undefined): ComputedRef<string>;
+
+export { type ChangeCaseType, useChangeCase };

package/useChangeCase.d.ts

@@ -14,23 +14,11 @@ declare const changeCase_pathCase: typeof pathCase;
 declare const changeCase_sentenceCase: typeof sentenceCase;
 declare const changeCase_snakeCase: typeof snakeCase;
 declare namespace changeCase {
-  export {
-    changeCase_camelCase as camelCase,
-    changeCase_capitalCase as capitalCase,
-    changeCase_constantCase as constantCase,
-    changeCase_dotCase as dotCase,
-    changeCase_headerCase as headerCase,
-    changeCase_noCase as noCase,
-    changeCase_paramCase as paramCase,
-    changeCase_pascalCase as pascalCase,
-    changeCase_pathCase as pathCase,
-    changeCase_sentenceCase as sentenceCase,
-    changeCase_snakeCase as snakeCase,
-  };
+  export { changeCase_camelCase as camelCase, changeCase_capitalCase as capitalCase, changeCase_constantCase as constantCase, changeCase_dotCase as dotCase, changeCase_headerCase as headerCase, changeCase_noCase as noCase, changeCase_paramCase as paramCase, changeCase_pascalCase as pascalCase, changeCase_pathCase as pathCase, changeCase_sentenceCase as sentenceCase, changeCase_snakeCase as snakeCase };
 }
 
 type ChangeCaseType = keyof typeof changeCase;
 declare function useChangeCase(input: MaybeRef<string>, type: ChangeCaseType, options?: Options | undefined): WritableComputedRef<string>;
 declare function useChangeCase(input: MaybeRefOrGetter<string>, type: ChangeCaseType, options?: Options | undefined): ComputedRef<string>;
 
-export { ChangeCaseType, useChangeCase };
+export { type ChangeCaseType, useChangeCase };

package/useCookies.cjs

@@ -4,22 +4,6 @@ var shared = require('@vueuse/shared');
 var vueDemi = require('vue-demi');
 var Cookie = require('universal-cookie');
 
-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;
-};
 function createCookies(req) {
   const universalCookie = new Cookie(req ? req.headers.cookie : null);
   return (dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}) => useCookies(dependencies, { doNotParse, autoUpdateDependencies }, universalCookie);
@@ -50,14 +34,14 @@ 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({ doNotParse }, args[1]));
+      return cookies.get(args[0], { doNotParse, ...args[1] });
     },
     /**
      * Reactive get all cookies
      */
     getAll: (...args) => {
       touches.value;
-      return cookies.getAll(__spreadValues({ doNotParse }, args[0]));
+      return cookies.getAll({ doNotParse, ...args[0] });
     },
     set: (...args) => cookies.set(...args),
     remove: (...args) => cookies.remove(...args),

package/useCookies.d.cts

@@ -0,0 +1,54 @@
+import * as universal_cookie from 'universal-cookie';
+import universal_cookie__default from 'universal-cookie';
+import { IncomingMessage } from 'node:http';
+
+/**
+ * Creates a new {@link useCookies} function
+ * @param {Object} 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_1 = any>(options?: universal_cookie.CookieGetOptions | undefined) => T_1;
+    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 {string[]|null|undefined} dependencies - array of watching cookie's names. Pass empty array if don't want to watch cookies changes.
+ * @param {Object} options
+ * @param {boolean} options.doNotParse - don't try parse value as JSON
+ * @param {boolean} options.autoUpdateDependencies - automatically update watching dependencies
+ * @param {Object} cookies - universal-cookie instance
+ */
+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_1 = any>(options?: universal_cookie.CookieGetOptions | undefined) => T_1;
+    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;
+};
+
+export { createCookies, useCookies };

package/useCookies.d.mts

@@ -0,0 +1,54 @@
+import * as universal_cookie from 'universal-cookie';
+import universal_cookie__default from 'universal-cookie';
+import { IncomingMessage } from 'node:http';
+
+/**
+ * Creates a new {@link useCookies} function
+ * @param {Object} 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_1 = any>(options?: universal_cookie.CookieGetOptions | undefined) => T_1;
+    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 {string[]|null|undefined} dependencies - array of watching cookie's names. Pass empty array if don't want to watch cookies changes.
+ * @param {Object} options
+ * @param {boolean} options.doNotParse - don't try parse value as JSON
+ * @param {boolean} options.autoUpdateDependencies - automatically update watching dependencies
+ * @param {Object} cookies - universal-cookie instance
+ */
+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_1 = any>(options?: universal_cookie.CookieGetOptions | undefined) => T_1;
+    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;
+};
+
+export { createCookies, useCookies };

package/useCookies.iife.js

@@ -117,22 +117,6 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
 ;(function (exports, shared, vueDemi, Cookie) {
   'use strict';
 
-  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;
-  };
   function createCookies(req) {
     const universalCookie = new Cookie(req ? req.headers.cookie : null);
     return (dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}) => useCookies(dependencies, { doNotParse, autoUpdateDependencies }, universalCookie);
@@ -163,14 +147,14 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
         if (autoUpdateDependencies && watchingDependencies && !watchingDependencies.includes(args[0]))
           watchingDependencies.push(args[0]);
         touches.value;
-        return cookies.get(args[0], __spreadValues({ doNotParse }, args[1]));
+        return cookies.get(args[0], { doNotParse, ...args[1] });
       },
       /**
        * Reactive get all cookies
        */
       getAll: (...args) => {
         touches.value;
-        return cookies.getAll(__spreadValues({ doNotParse }, args[0]));
+        return cookies.getAll({ doNotParse, ...args[0] });
       },
       set: (...args) => cookies.set(...args),
       remove: (...args) => cookies.remove(...args),

package/useCookies.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(n,e,h){if(n.install)return n;if(!e)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),n;if(e.version.slice(0,4)==="2.7."){let i=function(a,v){var u,C={},g={config:e.config,use:e.use.bind(e),mixin:e.mixin.bind(e),component:e.component.bind(e),provide:function(c,d){return C[c]=d,this},directive:function(c,d){return d?(e.directive(c,d),g):e.directive(c)},mount:function(c,d){return u||(u=new e(Object.assign({propsData:v},a,{provide:Object.assign(C,a.provide)})),u.$mount(c,d),u)},unmount:function(){u&&(u.$destroy(),u=void 0)}};return g};var w=i;for(var l in e)n[l]=e[l];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version,n.warn=e.util.warn,n.hasInjectionContext=()=>!!n.getCurrentInstance(),n.createApp=i}else if(e.version.slice(0,2)==="2.")if(h){for(var l in h)n[l]=h[l];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version,n.hasInjectionContext=()=>!!n.getCurrentInstance()}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(e.version.slice(0,2)==="3."){for(var l in e)n[l]=e[l];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=e,n.Vue2=void 0,n.version=e.version,n.set=function(i,a,v){return Array.isArray(i)?(i.length=Math.max(i.length,a),i.splice(a,1,v),v):(i[a]=v,v)},n.del=function(i,a){if(Array.isArray(i)){i.splice(a,1);return}delete i[a]}}else console.error("[vue-demi] Vue version "+e.version+" is unsupported.");return n}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(n,e,h,l){"use strict";var w=Object.defineProperty,i=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,u=(s,r,t)=>r in s?w(s,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[r]=t,C=(s,r)=>{for(var t in r||(r={}))a.call(r,t)&&u(s,t,r[t]);if(i)for(var t of i(r))v.call(r,t)&&u(s,t,r[t]);return s};function g(s){const r=new l(s?s.headers.cookie:null);return(t,{doNotParse:f=!1,autoUpdateDependencies:p=!1}={})=>c(t,{doNotParse:f,autoUpdateDependencies:p},r)}function c(s,{doNotParse:r=!1,autoUpdateDependencies:t=!1}={},f=new l){const p=t?[...s||[]]:s;let _=f.getAll({doNotParse:!0});const y=h.ref(0),b=()=>{const o=f.getAll({doNotParse:!0});d(p||null,o,_)&&y.value++,_=o};return f.addChangeListener(b),e.tryOnScopeDispose(()=>{f.removeChangeListener(b)}),{get:(...o)=>(t&&p&&!p.includes(o[0])&&p.push(o[0]),y.value,f.get(o[0],C({doNotParse:r},o[1]))),getAll:(...o)=>(y.value,f.getAll(C({doNotParse:r},o[0]))),set:(...o)=>f.set(...o),remove:(...o)=>f.remove(...o),addChangeListener:(...o)=>f.addChangeListener(...o),removeChangeListener:(...o)=>f.removeChangeListener(...o)}}function d(s,r,t){if(!s)return!0;for(const f of s)if(r[f]!==t[f])return!0;return!1}n.createCookies=g,n.useCookies=c})(this.VueUse=this.VueUse||{},VueUse,VueDemi,UniversalCookie);
+var VueDemi=function(n,e,d){if(n.install)return n;if(!e)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),n;if(e.version.slice(0,4)==="2.7."){let s=function(u,i){var o,a={},r={config:e.config,use:e.use.bind(e),mixin:e.mixin.bind(e),component:e.component.bind(e),provide:function(f,c){return a[f]=c,this},directive:function(f,c){return c?(e.directive(f,c),r):e.directive(f)},mount:function(f,c){return o||(o=new e(Object.assign({propsData:i},u,{provide:Object.assign(a,u.provide)})),o.$mount(f,c),o)},unmount:function(){o&&(o.$destroy(),o=void 0)}};return r};var p=s;for(var l in e)n[l]=e[l];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version,n.warn=e.util.warn,n.hasInjectionContext=()=>!!n.getCurrentInstance(),n.createApp=s}else if(e.version.slice(0,2)==="2.")if(d){for(var l in d)n[l]=d[l];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version,n.hasInjectionContext=()=>!!n.getCurrentInstance()}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(e.version.slice(0,2)==="3."){for(var l in e)n[l]=e[l];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=e,n.Vue2=void 0,n.version=e.version,n.set=function(s,u,i){return Array.isArray(s)?(s.length=Math.max(s.length,u),s.splice(u,1,i),i):(s[u]=i,i)},n.del=function(s,u){if(Array.isArray(s)){s.splice(u,1);return}delete s[u]}}else console.error("[vue-demi] Vue version "+e.version+" is unsupported.");return n}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(n,e,d,l){"use strict";function p(i){const o=new l(i?i.headers.cookie:null);return(a,{doNotParse:r=!1,autoUpdateDependencies:f=!1}={})=>s(a,{doNotParse:r,autoUpdateDependencies:f},o)}function s(i,{doNotParse:o=!1,autoUpdateDependencies:a=!1}={},r=new l){const f=a?[...i||[]]:i;let c=r.getAll({doNotParse:!0});const v=d.ref(0),h=()=>{const t=r.getAll({doNotParse:!0});u(f||null,t,c)&&v.value++,c=t};return r.addChangeListener(h),e.tryOnScopeDispose(()=>{r.removeChangeListener(h)}),{get:(...t)=>(a&&f&&!f.includes(t[0])&&f.push(t[0]),v.value,r.get(t[0],{doNotParse:o,...t[1]})),getAll:(...t)=>(v.value,r.getAll({doNotParse:o,...t[0]})),set:(...t)=>r.set(...t),remove:(...t)=>r.remove(...t),addChangeListener:(...t)=>r.addChangeListener(...t),removeChangeListener:(...t)=>r.removeChangeListener(...t)}}function u(i,o,a){if(!i)return!0;for(const r of i)if(o[r]!==a[r])return!0;return!1}n.createCookies=p,n.useCookies=s})(this.VueUse=this.VueUse||{},VueUse,VueDemi,UniversalCookie);

package/useCookies.mjs

@@ -2,22 +2,6 @@ import { tryOnScopeDispose } from '@vueuse/shared';
 import { ref } from 'vue-demi';
 import Cookie from 'universal-cookie';
 
-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;
-};
 function createCookies(req) {
   const universalCookie = new Cookie(req ? req.headers.cookie : null);
   return (dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}) => useCookies(dependencies, { doNotParse, autoUpdateDependencies }, universalCookie);
@@ -48,14 +32,14 @@ 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({ doNotParse }, args[1]));
+      return cookies.get(args[0], { doNotParse, ...args[1] });
     },
     /**
      * Reactive get all cookies
      */
     getAll: (...args) => {
       touches.value;
-      return cookies.getAll(__spreadValues({ doNotParse }, args[0]));
+      return cookies.getAll({ doNotParse, ...args[0] });
     },
     set: (...args) => cookies.set(...args),
     remove: (...args) => cookies.remove(...args),