npm - @vueuse/integrations - Versions diffs - 10.11.0 → 11.0.0-beta.1 - Mend

@vueuse/integrations 10.11.0 → 11.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/index.cjs CHANGED Viewed

@@ -4,18 +4,37 @@ var shared = require('@vueuse/shared');
 var Schema = require('async-validator');
 var vueDemi = require('vue-demi');
 var axios = require('axios');
-var changeCase$1 = require('change-case');
+var changeCase = require('change-case');
 var Cookie = require('universal-cookie');
 var drauu = require('drauu');
 var core = require('@vueuse/core');
 var focusTrap = require('focus-trap');
 var Fuse = require('fuse.js');
 var idbKeyval = require('idb-keyval');
-var jwt_decode = require('jwt-decode');
+var jwtDecode = require('jwt-decode');
 var nprogress = require('nprogress');
 var QRCode = require('qrcode');
 var Sortable = require('sortablejs');
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+var changeCase__namespace = /*#__PURE__*/_interopNamespaceDefault(changeCase);
 const AsyncValidatorSchema = Schema.default || Schema;
 function useAsyncValidator(value, rules, options = {}) {
   const {
@@ -201,28 +220,23 @@ function useAxios(...args) {
   };
 }
-var changeCase = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  camelCase: changeCase$1.camelCase,
-  capitalCase: changeCase$1.capitalCase,
-  constantCase: changeCase$1.constantCase,
-  dotCase: changeCase$1.dotCase,
-  headerCase: changeCase$1.headerCase,
-  noCase: changeCase$1.noCase,
-  paramCase: changeCase$1.paramCase,
-  pascalCase: changeCase$1.pascalCase,
-  pathCase: changeCase$1.pathCase,
-  sentenceCase: changeCase$1.sentenceCase,
-  snakeCase: changeCase$1.snakeCase
-});
+const changeCaseTransforms = /* @__PURE__ */ Object.values(changeCase__namespace).filter((v) => typeof v === "function" && v.name.endsWith("Case")).reduce((acc, fn) => {
+  acc[fn.name] = fn;
+  return acc;
+}, {});
 function useChangeCase(input, type, options) {
+  const typeRef = vueDemi.computed(() => {
+    const t = shared.toValue(type);
+    if (!changeCaseTransforms[t])
+      throw new Error(`Invalid change case type "${t}"`);
+    return t;
+  });
   if (typeof input === "function")
-    return vueDemi.computed(() => changeCase[type](shared.toValue(input), options));
+    return vueDemi.computed(() => changeCaseTransforms[typeRef.value](shared.toValue(input), shared.toValue(options)));
   const text = vueDemi.ref(input);
   return vueDemi.computed({
     get() {
-      return changeCase[type](text.value, options);
+      return changeCaseTransforms[typeRef.value](text.value, shared.toValue(options));
     },
     set(value) {
       text.value = value;
@@ -549,7 +563,7 @@ function useJwt(encodedJwt, options = {}) {
   } = options;
   const decodeWithFallback = (encodedJwt2, options2) => {
     try {
-      return jwt_decode(encodedJwt2, options2);
+      return jwtDecode.jwtDecode(encodedJwt2, options2);
     } catch (err) {
       onError == null ? void 0 : onError(err);
       return fallbackValue;

package/index.d.cts CHANGED Viewed

@@ -3,14 +3,16 @@ import { ValidateError, ValidateOption, Rules } from 'async-validator';
 import * as vue_demi from 'vue-demi';
 import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
-import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
+import * as changeCase from 'change-case';
+import { Options } from 'change-case';
 import * as universal_cookie from 'universal-cookie';
 import universal_cookie__default from 'universal-cookie';
 import { IncomingMessage } from 'node:http';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { EventHookOn, MaybeComputedElementRef, Fn, MaybeElementRef, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import Fuse from 'fuse.js';
+import * as fuse_js from 'fuse.js';
+import { IFuseOptions, FuseResult } from 'fuse.js';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
 import nprogress, { NProgressOptions } from 'nprogress';
 import QRCode from 'qrcode';
@@ -155,24 +157,14 @@ 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>>;
-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>;
+type EndsWithCase<T> = T extends `${infer _}Case` ? T : never;
+type FilterKeys<T> = {
+    [K in keyof T as K extends string ? K : never]: EndsWithCase<K>;
+};
+type ChangeCaseKeys = FilterKeys<typeof changeCase>;
+type ChangeCaseType = ChangeCaseKeys[keyof ChangeCaseKeys];
+declare function useChangeCase(input: MaybeRef<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): WritableComputedRef<string>;
+declare function useChangeCase(input: MaybeRefOrGetter<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): ComputedRef<string>;
 /**
  * Creates a new {@link useCookies} function
@@ -299,7 +291,7 @@ interface UseFocusTrapReturn {
  */
 declare function useFocusTrap(target: MaybeElementRef, options?: UseFocusTrapOptions): UseFocusTrapReturn;
-type FuseOptions<T> = Fuse.IFuseOptions<T>;
+type FuseOptions<T> = IFuseOptions<T>;
 interface UseFuseOptions<T> {
     fuseOptions?: FuseOptions<T>;
     resultLimit?: number;
@@ -307,14 +299,14 @@ interface UseFuseOptions<T> {
 }
 declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): {
     fuse: vue_demi.Ref<{
-        search: <R = DataItem>(pattern: string | Fuse.Expression, options?: Fuse.FuseSearchOptions | undefined) => Fuse.FuseResult<R>[];
-        setCollection: (docs: readonly DataItem[], index?: Fuse.FuseIndex<DataItem> | undefined) => void;
+        search: <R = DataItem>(pattern: string | fuse_js.Expression, options?: fuse_js.FuseSearchOptions | undefined) => FuseResult<R>[];
+        setCollection: (docs: readonly DataItem[], index?: fuse_js.FuseIndex<DataItem> | undefined) => void;
         add: (doc: DataItem) => void;
         remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
         removeAt: (idx: number) => void;
-        getIndex: () => Fuse.FuseIndex<DataItem>;
+        getIndex: () => fuse_js.FuseIndex<DataItem>;
     }>;
-    results: ComputedRef<Fuse.FuseResult<DataItem>[]>;
+    results: ComputedRef<FuseResult<DataItem>[]>;
 };
 type UseFuseReturn = ReturnType<typeof useFuse>;

package/index.d.mts CHANGED Viewed

@@ -3,14 +3,16 @@ import { ValidateError, ValidateOption, Rules } from 'async-validator';
 import * as vue_demi from 'vue-demi';
 import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
-import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
+import * as changeCase from 'change-case';
+import { Options } from 'change-case';
 import * as universal_cookie from 'universal-cookie';
 import universal_cookie__default from 'universal-cookie';
 import { IncomingMessage } from 'node:http';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { EventHookOn, MaybeComputedElementRef, Fn, MaybeElementRef, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import Fuse from 'fuse.js';
+import * as fuse_js from 'fuse.js';
+import { IFuseOptions, FuseResult } from 'fuse.js';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
 import nprogress, { NProgressOptions } from 'nprogress';
 import QRCode from 'qrcode';
@@ -155,24 +157,14 @@ 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>>;
-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>;
+type EndsWithCase<T> = T extends `${infer _}Case` ? T : never;
+type FilterKeys<T> = {
+    [K in keyof T as K extends string ? K : never]: EndsWithCase<K>;
+};
+type ChangeCaseKeys = FilterKeys<typeof changeCase>;
+type ChangeCaseType = ChangeCaseKeys[keyof ChangeCaseKeys];
+declare function useChangeCase(input: MaybeRef<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): WritableComputedRef<string>;
+declare function useChangeCase(input: MaybeRefOrGetter<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): ComputedRef<string>;
 /**
  * Creates a new {@link useCookies} function
@@ -299,7 +291,7 @@ interface UseFocusTrapReturn {
  */
 declare function useFocusTrap(target: MaybeElementRef, options?: UseFocusTrapOptions): UseFocusTrapReturn;
-type FuseOptions<T> = Fuse.IFuseOptions<T>;
+type FuseOptions<T> = IFuseOptions<T>;
 interface UseFuseOptions<T> {
     fuseOptions?: FuseOptions<T>;
     resultLimit?: number;
@@ -307,14 +299,14 @@ interface UseFuseOptions<T> {
 }
 declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): {
     fuse: vue_demi.Ref<{
-        search: <R = DataItem>(pattern: string | Fuse.Expression, options?: Fuse.FuseSearchOptions | undefined) => Fuse.FuseResult<R>[];
-        setCollection: (docs: readonly DataItem[], index?: Fuse.FuseIndex<DataItem> | undefined) => void;
+        search: <R = DataItem>(pattern: string | fuse_js.Expression, options?: fuse_js.FuseSearchOptions | undefined) => FuseResult<R>[];
+        setCollection: (docs: readonly DataItem[], index?: fuse_js.FuseIndex<DataItem> | undefined) => void;
         add: (doc: DataItem) => void;
         remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
         removeAt: (idx: number) => void;
-        getIndex: () => Fuse.FuseIndex<DataItem>;
+        getIndex: () => fuse_js.FuseIndex<DataItem>;
     }>;
-    results: ComputedRef<Fuse.FuseResult<DataItem>[]>;
+    results: ComputedRef<FuseResult<DataItem>[]>;
 };
 type UseFuseReturn = ReturnType<typeof useFuse>;

package/index.d.ts CHANGED Viewed

@@ -3,14 +3,16 @@ import { ValidateError, ValidateOption, Rules } from 'async-validator';
 import * as vue_demi from 'vue-demi';
 import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
-import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
+import * as changeCase from 'change-case';
+import { Options } from 'change-case';
 import * as universal_cookie from 'universal-cookie';
 import universal_cookie__default from 'universal-cookie';
 import { IncomingMessage } from 'node:http';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { EventHookOn, MaybeComputedElementRef, Fn, MaybeElementRef, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import Fuse from 'fuse.js';
+import * as fuse_js from 'fuse.js';
+import { IFuseOptions, FuseResult } from 'fuse.js';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
 import nprogress, { NProgressOptions } from 'nprogress';
 import QRCode from 'qrcode';
@@ -155,24 +157,14 @@ 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>>;
-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>;
+type EndsWithCase<T> = T extends `${infer _}Case` ? T : never;
+type FilterKeys<T> = {
+    [K in keyof T as K extends string ? K : never]: EndsWithCase<K>;
+};
+type ChangeCaseKeys = FilterKeys<typeof changeCase>;
+type ChangeCaseType = ChangeCaseKeys[keyof ChangeCaseKeys];
+declare function useChangeCase(input: MaybeRef<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): WritableComputedRef<string>;
+declare function useChangeCase(input: MaybeRefOrGetter<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): ComputedRef<string>;
 /**
  * Creates a new {@link useCookies} function
@@ -299,7 +291,7 @@ interface UseFocusTrapReturn {
  */
 declare function useFocusTrap(target: MaybeElementRef, options?: UseFocusTrapOptions): UseFocusTrapReturn;
-type FuseOptions<T> = Fuse.IFuseOptions<T>;
+type FuseOptions<T> = IFuseOptions<T>;
 interface UseFuseOptions<T> {
     fuseOptions?: FuseOptions<T>;
     resultLimit?: number;
@@ -307,14 +299,14 @@ interface UseFuseOptions<T> {
 }
 declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): {
     fuse: vue_demi.Ref<{
-        search: <R = DataItem>(pattern: string | Fuse.Expression, options?: Fuse.FuseSearchOptions | undefined) => Fuse.FuseResult<R>[];
-        setCollection: (docs: readonly DataItem[], index?: Fuse.FuseIndex<DataItem> | undefined) => void;
+        search: <R = DataItem>(pattern: string | fuse_js.Expression, options?: fuse_js.FuseSearchOptions | undefined) => FuseResult<R>[];
+        setCollection: (docs: readonly DataItem[], index?: fuse_js.FuseIndex<DataItem> | undefined) => void;
         add: (doc: DataItem) => void;
         remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
         removeAt: (idx: number) => void;
-        getIndex: () => Fuse.FuseIndex<DataItem>;
+        getIndex: () => fuse_js.FuseIndex<DataItem>;
     }>;
-    results: ComputedRef<Fuse.FuseResult<DataItem>[]>;
+    results: ComputedRef<FuseResult<DataItem>[]>;
 };
 type UseFuseReturn = ReturnType<typeof useFuse>;

package/index.iife.js CHANGED Viewed

@@ -118,9 +118,28 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   (globalThis || self).VueCompositionAPI || (typeof VueCompositionAPI !== 'undefined' ? VueCompositionAPI : undefined)
 );
 ;
-;(function (exports, shared, Schema, vueDemi, axios, changeCase$1, Cookie, drauu, core, focusTrap, Fuse, idbKeyval, jwt_decode, nprogress, QRCode, Sortable) {
+;(function (exports, shared, Schema, vueDemi, axios, changeCase, Cookie, drauu, core, focusTrap, Fuse, idbKeyval, jwtDecode, nprogress, QRCode, Sortable) {
   'use strict';
+  function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
+        }
+      });
+    }
+    n.default = e;
+    return Object.freeze(n);
+  }
+  var changeCase__namespace = /*#__PURE__*/_interopNamespaceDefault(changeCase);
   const AsyncValidatorSchema = Schema.default || Schema;
   function useAsyncValidator(value, rules, options = {}) {
     const {
@@ -306,28 +325,23 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     };
   }
-  var changeCase = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    camelCase: changeCase$1.camelCase,
-    capitalCase: changeCase$1.capitalCase,
-    constantCase: changeCase$1.constantCase,
-    dotCase: changeCase$1.dotCase,
-    headerCase: changeCase$1.headerCase,
-    noCase: changeCase$1.noCase,
-    paramCase: changeCase$1.paramCase,
-    pascalCase: changeCase$1.pascalCase,
-    pathCase: changeCase$1.pathCase,
-    sentenceCase: changeCase$1.sentenceCase,
-    snakeCase: changeCase$1.snakeCase
-  });
+  const changeCaseTransforms = /* @__PURE__ */ Object.values(changeCase__namespace).filter((v) => typeof v === "function" && v.name.endsWith("Case")).reduce((acc, fn) => {
+    acc[fn.name] = fn;
+    return acc;
+  }, {});
   function useChangeCase(input, type, options) {
+    const typeRef = vueDemi.computed(() => {
+      const t = shared.toValue(type);
+      if (!changeCaseTransforms[t])
+        throw new Error(`Invalid change case type "${t}"`);
+      return t;
+    });
     if (typeof input === "function")
-      return vueDemi.computed(() => changeCase[type](shared.toValue(input), options));
+      return vueDemi.computed(() => changeCaseTransforms[typeRef.value](shared.toValue(input), shared.toValue(options)));
     const text = vueDemi.ref(input);
     return vueDemi.computed({
       get() {
-        return changeCase[type](text.value, options);
+        return changeCaseTransforms[typeRef.value](text.value, shared.toValue(options));
       },
       set(value) {
         text.value = value;
@@ -654,7 +668,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     } = options;
     const decodeWithFallback = (encodedJwt2, options2) => {
       try {
-        return jwt_decode(encodedJwt2, options2);
+        return jwtDecode.jwtDecode(encodedJwt2, options2);
       } catch (err) {
         onError == null ? void 0 : onError(err);
         return fallbackValue;

package/index.iife.min.js CHANGED Viewed

	@@ -1 +1 @@
1	- var VueDemi=function(l,o,T){if(l.install)return l;if(!o)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),l;if(o.version.slice(0,4)==="2.7."){let p=function(A,P){var h,G={},N={config:o.config,use:o.use.bind(o),mixin:o.mixin.bind(o),component:o.component.bind(o),provide:function(g,L){return G[g]=L,this},directive:function(g,L){return L?(o.directive(g,L),N):o.directive(g)},mount:function(g,L){return h\|\|(h=new o(Object.assign({propsData:P},A,{provide:Object.assign(G,A.provide)})),h.$mount(g,L),h)},unmount:function(){h&&(h.$destroy(),h=void 0)}};return N};var B=p;for(var n in o)l[n]=o[n];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=o,l.Vue2=o,l.version=o.version,l.warn=o.util.warn,l.hasInjectionContext=function(){return!!l.getCurrentInstance()},l.createApp=p}else if(o.version.slice(0,2)==="2.")if(T){for(var n in T)l[n]=T[n];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=o,l.Vue2=o,l.version=o.version,l.hasInjectionContext=function(){return!!l.getCurrentInstance()}}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(o.version.slice(0,2)==="3."){for(var n in o)l[n]=o[n];l.isVue2=!1,l.isVue3=!0,l.install=function(){},l.Vue=o,l.Vue2=void 0,l.version=o.version,l.set=function(p,A,P){return Array.isArray(p)?(p.length=Math.max(p.length,A),p.splice(A,1,P),P):(p[A]=P,P)},l.del=function(p,A){if(Array.isArray(p)){p.splice(A,1);return}delete p[A]}}else console.error("[vue-demi] Vue version "+o.version+" is unsupported.");return l}((globalThis\|\|self).VueDemi=(globalThis\|\|self).VueDemi\|\|(typeof VueDemi<"u"?VueDemi:{}),(globalThis\|\|self).Vue\|\|(typeof Vue<"u"?Vue:void 0),(globalThis\|\|self).VueCompositionAPI\|\|(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(l,o,T,n,B,p,A,P,h,G,N,g,L,E,V,$){"use strict";const D=T.default\|\|T;function ee(t,r,e={}){const{validateOption:a={},immediate:s=!0,manual:f=!1}=e,c=o.toRef(t),i=n.shallowRef(null),u=n.ref(!0),C=n.ref(!s\|\|f),w=n.computed(()=>{var d;return((d=i.value)==null?void 0:d.errors)\|\|[]}),y=n.computed(()=>{var d;return((d=i.value)==null?void 0:d.fields)\|\|{}}),I=n.computed(()=>new D(o.toValue(r))),_=async()=>{u.value=!1,C.value=!1;try{await I.value.validate(c.value,a),C.value=!0,i.value=null}catch(d){i.value=d}finally{u.value=!0}return{pass:C.value,errorInfo:i.value,errors:w.value,errorFields:y.value}};f\|\|n.watch([c,I],()=>_(),{immediate:s,deep:!0});const S={isFinished:u,pass:C,errors:w,errorInfo:i,errorFields:y,execute:_};function F(){return new Promise((d,R)=>{o.until(u).toBe(!0).then(()=>d(S)).catch(O=>R(O))})}return{...S,then(d,R){return F().then(d,R)}}}function te(...t){const r=typeof t[0]=="string"?t[0]:void 0,e=typeof r=="string"?1:0,a={immediate:!!e,shallow:!0,abortPrevious:!0};let s={},f=B,c=a;const i=b=>!!b?.request;t.length>0+e&&(i(t[0+e])?f=t[0+e]:s=t[0+e]),t.length>1+e&&i(t[1+e])&&(f=t[1+e]),(t.length===2+e&&!i(t[1+e])\|\|t.length===3+e)&&(c=t[t.length-1]\|\|a);const{initialData:u,shallow:C,onSuccess:w=o.noop,onError:y=o.noop,immediate:I,resetOnExecute:_=!1}=c,S=n.shallowRef(),F=(C?n.shallowRef:n.ref)(u),d=n.ref(!1),R=n.ref(!1),O=n.ref(!1),k=n.shallowRef();let U=new AbortController;const j=b=>{d.value\|\|!R.value\|\|(U.abort(b),U=new AbortController,O.value=!0,R.value=!1,d.value=!1)},v=b=>{R.value=b,d.value=!b},m=()=>{_&&(F.value=u)},J=()=>new Promise((b,W)=>{o.until(d).toBe(!0).then(()=>k.value?W(k.value):b(X))}),x={then:(...b)=>J().then(...b),catch:(...b)=>J().catch(...b)};let Q=0;const K=(b=r,W={})=>{k.value=void 0;const Y=typeof b=="string"?b:r??W.url;if(Y===void 0)return k.value=new B.AxiosError(B.AxiosError.ERR_INVALID_URL),d.value=!0,x;m(),c.abortPrevious!==!1&&j(),v(!0),Q+=1;const ve=Q;return O.value=!1,f(Y,{...s,...typeof b=="object"?b:W,signal:U.signal}).then(H=>{if(O.value)return;S.value=H;const Z=H.data;F.value=Z,w(Z)}).catch(H=>{k.value=H,y(H)}).finally(()=>{var H;(H=c.onFinish)==null\|\|H.call(c),ve===Q&&v(!1)}),x};I&&r&&K();const X={response:S,data:F,error:k,isFinished:d,isLoading:R,cancel:j,isAborted:O,isCanceled:O,abort:j,execute:K};return{...X,...x}}var z=Object.freeze({__proto__:null,camelCase:p.camelCase,capitalCase:p.capitalCase,constantCase:p.constantCase,dotCase:p.dotCase,headerCase:p.headerCase,noCase:p.noCase,paramCase:p.paramCase,pascalCase:p.pascalCase,pathCase:p.pathCase,sentenceCase:p.sentenceCase,snakeCase:p.snakeCase});function ne(t,r,e){if(typeof t=="function")return n.computed(()=>z[r](o.toValue(t),e));const a=n.ref(t);return n.computed({get(){return z[r](a.value,e)},set(s){a.value=s}})}function oe(t){const r=new A(t?t.headers.cookie:null);return(e,{doNotParse:a=!1,autoUpdateDependencies:s=!1}={})=>M(e,{doNotParse:a,autoUpdateDependencies:s},r)}function M(t,{doNotParse:r=!1,autoUpdateDependencies:e=!1}={},a=new A){const s=e?[...t\|\|[]]:t;let f=a.getAll({doNotParse:!0});const c=n.ref(0),i=()=>{const u=a.getAll({doNotParse:!0});ae(s\|\|null,u,f)&&c.value++,f=u};return a.addChangeListener(i),o.tryOnScopeDispose(()=>{a.removeChangeListener(i)}),{get:(...u)=>(e&&s&&!s.includes(u[0])&&s.push(u[0]),c.value,a.get(u[0],{doNotParse:r,...u[1]})),getAll:(...u)=>(c.value,a.getAll({doNotParse:r,...u[0]})),set:(...u)=>a.set(...u),remove:(...u)=>a.remove(...u),addChangeListener:(...u)=>a.addChangeListener(...u),removeChangeListener:(...u)=>a.removeChangeListener(...u)}}function ae(t,r,e){if(!t)return!0;for(const a of t)if(r[a]!==e[a])return!0;return!1}function le(t,r){const e=n.ref();let a=[];const s=h.createEventHook(),f=h.createEventHook(),c=h.createEventHook(),i=h.createEventHook(),u=h.createEventHook(),C=n.ref(!1),w=n.ref(!1),y=n.ref(!1),I=n.ref(!1),_=n.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw",...r?.brush});n.watch(_,()=>{const v=e.value;v&&(v.brush=_.value,v.mode=_.value.mode)},{deep:!0});const S=()=>{var v;return(v=e.value)==null?void 0:v.undo()},F=()=>{var v;return(v=e.value)==null?void 0:v.redo()},d=()=>{var v;return(v=e.value)==null?void 0:v.clear()},R=()=>{var v;return(v=e.value)==null?void 0:v.cancel()},O=v=>{var m;return(m=e.value)==null?void 0:m.load(v)},k=()=>{var v;return(v=e.value)==null?void 0:v.dump()},U=()=>{var v;a.forEach(m=>m()),(v=e.value)==null\|\|v.unmount()},j=()=>{e.value&&(C.value=e.value.canUndo(),w.value=e.value.canRedo(),y.value=e.value.altPressed,I.value=e.value.shiftPressed)};return n.watch(()=>h.unrefElement(t),v=>{!v\|\|typeof SVGSVGElement>"u"\|\|!(v instanceof SVGSVGElement)\|\|(e.value&&U(),e.value=P.createDrauu({el:v,...r}),j(),a=[e.value.on("canceled",()=>f.trigger()),e.value.on("committed",m=>c.trigger(m)),e.value.on("start",()=>i.trigger()),e.value.on("end",()=>u.trigger()),e.value.on("changed",()=>{j(),s.trigger()})])},{flush:"post"}),o.tryOnScopeDispose(()=>U()),{drauuInstance:e,load:O,dump:k,clear:d,cancel:R,undo:S,redo:F,canUndo:C,canRedo:w,brush:_,onChanged:s.on,onCommitted:c.on,onStart:i.on,onEnd:u.on,onCanceled:f.on}}function re(t,r={}){let e;const{immediate:a,...s}=r,f=n.ref(!1),c=n.ref(!1),i=y=>e&&e.activate(y),u=y=>e&&e.deactivate(y),C=()=>{e&&(e.pause(),c.value=!0)},w=()=>{e&&(e.unpause(),c.value=!1)};return n.watch(()=>h.unrefElement(t),y=>{y&&(e=G.createFocusTrap(y,{...s,onActivate(){f.value=!0,r.onActivate&&r.onActivate()},onDeactivate(){f.value=!1,r.onDeactivate&&r.onDeactivate()}}),a&&i())},{flush:"post"}),h.tryOnScopeDispose(()=>u()),{hasFocus:f,isPaused:c,activate:i,deactivate:u,pause:C,unpause:w}}function se(t,r,e){const a=()=>{var c,i;return new N((c=o.toValue(r))!=null?c:[],(i=o.toValue(e))==null?void 0:i.fuseOptions)},s=n.ref(a());n.watch(()=>{var c;return(c=o.toValue(e))==null?void 0:c.fuseOptions},()=>{s.value=a()},{deep:!0}),n.watch(()=>o.toValue(r),c=>{s.value.setCollection(c)},{deep:!0});const f=n.computed(()=>{const c=o.toValue(e);if(c?.matchAllWhenSearchEmpty&&!o.toValue(t))return o.toValue(r).map((u,C)=>({item:u,refIndex:C}));const i=c?.resultLimit;return s.value.search(o.toValue(t),i?{limit:i}:void 0)});return{fuse:s,results:f}}function ue(t,r,e={}){const{flush:a="pre",deep:s=!0,shallow:f=!1,onError:c=d=>{console.error(d)},writeDefaults:i=!0}=e,u=n.ref(!1),C=(f?n.shallowRef:n.ref)(r),w=o.toValue(r);async function y(){try{const d=await g.get(t);d===void 0?w!=null&&i&&await g.set(t,w):C.value=d}catch(d){c(d)}u.value=!0}y();async function I(){try{C.value==null?await g.del(t):await g.update(t,()=>n.toRaw(C.value))}catch(d){c(d)}}const{pause:_,resume:S}=h.watchPausable(C,()=>I(),{flush:a,deep:s});async function F(d){_(),C.value=d,await I(),S()}return{set:F,isFinished:u,data:C}}function ce(t,r={}){const{onError:e,fallbackValue:a=null}=r,s=(i,u)=>{try{return L(i,u)}catch(C){return e?.(C),a}},f=n.computed(()=>s(o.toValue(t),{header:!0})),c=n.computed(()=>s(o.toValue(t)));return{header:f,payload:c}}function ie(t=null,r){const e=n.ref(t),a=n.computed({set:f=>f?E.start():E.done(),get:()=>typeof e.value=="number"&&e.value<1});r&&E.configure(r);const s=E.set;return E.set=f=>(e.value=f,s.call(E,f)),n.watchEffect(()=>{typeof e.value=="number"&&o.isClient&&s.call(E,e.value)}),o.tryOnScopeDispose(E.remove),{isLoading:a,progress:e,start:E.start,done:E.done,remove:()=>{e.value=null,E.remove()}}}function fe(t,r){const e=o.toRef(t),a=n.ref("");return n.watch(e,async s=>{e.value&&o.isClient&&(a.value=await V.toDataURL(s,r))},{immediate:!0}),a}function de(t,r,e={}){let a;const{document:s=h.defaultDocument,...f}=e,c={onUpdate:w=>{q(r,w.oldIndex,w.newIndex)}},i=()=>{const w=typeof t=="string"?s?.querySelector(t):h.unrefElement(t);!w\|\|a!==void 0\|\|(a=new $(w,{...c,...f}))},u=()=>{a?.destroy(),a=void 0},C=(w,y)=>{if(y!==void 0)a?.option(w,y);else return a?.option(w)};return h.tryOnMounted(i),h.tryOnScopeDispose(u),{stop:u,start:i,option:C}}function q(t,r,e){const a=n.isRef(t),s=a?[...h.toValue(t)]:h.toValue(t);if(e>=0&&e<s.length){const f=s.splice(r,1)[0];n.nextTick(()=>{s.splice(e,0,f),a&&(t.value=s)})}}l.createCookies=oe,l.moveArrayElement=q,l.useAsyncValidator=ee,l.useAxios=te,l.useChangeCase=ne,l.useCookies=M,l.useDrauu=le,l.useFocusTrap=re,l.useFuse=se,l.useIDBKeyval=ue,l.useJwt=ce,l.useNProgress=ie,l.useQRCode=fe,l.useSortable=de})(this.VueUse=this.VueUse\|\|{},VueUse,AsyncValidator,VueDemi,axios,changeCase,UniversalCookie,Drauu,VueUse,focusTrap,Fuse,idbKeyval,jwt_decode,nprogress,QRCode,Sortable);
1	+ var VueDemi=function(l,n,H){if(l.install)return l;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),l;if(n.version.slice(0,4)==="2.7."){let b=function(g,F){var p,W={},B={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(A,j){return W[A]=j,this},directive:function(A,j){return j?(n.directive(A,j),B):n.directive(A)},mount:function(A,j){return p\|\|(p=new n(Object.assign({propsData:F},g,{provide:Object.assign(W,g.provide)})),p.$mount(A,j),p)},unmount:function(){p&&(p.$destroy(),p=void 0)}};return B};var N=b;for(var o in n)l[o]=n[o];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=n,l.Vue2=n,l.version=n.version,l.warn=n.util.warn,l.hasInjectionContext=function(){return!!l.getCurrentInstance()},l.createApp=b}else if(n.version.slice(0,2)==="2.")if(H){for(var o in H)l[o]=H[o];l.isVue2=!0,l.isVue3=!1,l.install=function(){},l.Vue=n,l.Vue2=n,l.version=n.version,l.hasInjectionContext=function(){return!!l.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 o in n)l[o]=n[o];l.isVue2=!1,l.isVue3=!0,l.install=function(){},l.Vue=n,l.Vue2=void 0,l.version=n.version,l.set=function(b,g,F){return Array.isArray(b)?(b.length=Math.max(b.length,g),b.splice(g,1,F),F):(b[g]=F,F)},l.del=function(b,g){if(Array.isArray(b)){b.splice(g,1);return}delete b[g]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return l}((globalThis\|\|self).VueDemi=(globalThis\|\|self).VueDemi\|\|(typeof VueDemi<"u"?VueDemi:{}),(globalThis\|\|self).Vue\|\|(typeof Vue<"u"?Vue:void 0),(globalThis\|\|self).VueCompositionAPI\|\|(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(l,n,H,o,N,b,g,F,p,W,B,A,j,E,Z,V){"use strict";function D(t){var r=Object.create(null);return t&&Object.keys(t).forEach(function(e){if(e!=="default"){var a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,a.get?a:{enumerable:!0,get:function(){return t[e]}})}}),r.default=t,Object.freeze(r)}var ee=D(b);const te=H.default\|\|H;function ne(t,r,e={}){const{validateOption:a={},immediate:s=!0,manual:i=!1}=e,c=n.toRef(t),f=o.shallowRef(null),u=o.ref(!0),h=o.ref(!s\|\|i),w=o.computed(()=>{var d;return((d=f.value)==null?void 0:d.errors)\|\|[]}),y=o.computed(()=>{var d;return((d=f.value)==null?void 0:d.fields)\|\|{}}),_=o.computed(()=>new te(n.toValue(r))),O=async()=>{u.value=!1,h.value=!1;try{await _.value.validate(c.value,a),h.value=!0,f.value=null}catch(d){f.value=d}finally{u.value=!0}return{pass:h.value,errorInfo:f.value,errors:w.value,errorFields:y.value}};i\|\|o.watch([c,_],()=>O(),{immediate:s,deep:!0});const I={isFinished:u,pass:h,errors:w,errorInfo:f,errorFields:y,execute:O};function P(){return new Promise((d,R)=>{n.until(u).toBe(!0).then(()=>d(I)).catch(S=>R(S))})}return{...I,then(d,R){return P().then(d,R)}}}function oe(...t){const r=typeof t[0]=="string"?t[0]:void 0,e=typeof r=="string"?1:0,a={immediate:!!e,shallow:!0,abortPrevious:!0};let s={},i=N,c=a;const f=C=>!!C?.request;t.length>0+e&&(f(t[0+e])?i=t[0+e]:s=t[0+e]),t.length>1+e&&f(t[1+e])&&(i=t[1+e]),(t.length===2+e&&!f(t[1+e])\|\|t.length===3+e)&&(c=t[t.length-1]\|\|a);const{initialData:u,shallow:h,onSuccess:w=n.noop,onError:y=n.noop,immediate:_,resetOnExecute:O=!1}=c,I=o.shallowRef(),P=(h?o.shallowRef:o.ref)(u),d=o.ref(!1),R=o.ref(!1),S=o.ref(!1),m=o.shallowRef();let U=new AbortController;const k=C=>{d.value\|\|!R.value\|\|(U.abort(C),U=new AbortController,S.value=!0,R.value=!1,d.value=!1)},v=C=>{R.value=C,d.value=!C},L=()=>{O&&(P.value=u)},q=()=>new Promise((C,G)=>{n.until(d).toBe(!0).then(()=>m.value?G(m.value):C(K))}),Q={then:(...C)=>q().then(...C),catch:(...C)=>q().catch(...C)};let $=0;const J=(C=r,G={})=>{m.value=void 0;const X=typeof C=="string"?C:r??G.url;if(X===void 0)return m.value=new N.AxiosError(N.AxiosError.ERR_INVALID_URL),d.value=!0,Q;L(),c.abortPrevious!==!1&&k(),v(!0),$+=1;const he=$;return S.value=!1,i(X,{...s,...typeof C=="object"?C:G,signal:U.signal}).then(T=>{if(S.value)return;I.value=T;const Y=T.data;P.value=Y,w(Y)}).catch(T=>{m.value=T,y(T)}).finally(()=>{var T;(T=c.onFinish)==null\|\|T.call(c),he===$&&v(!1)}),Q};_&&r&&J();const K={response:I,data:P,error:m,isFinished:d,isLoading:R,cancel:k,isAborted:S,isCanceled:S,abort:k,execute:J};return{...K,...Q}}const x=Object.values(ee).filter(t=>typeof t=="function"&&t.name.endsWith("Case")).reduce((t,r)=>(t[r.name]=r,t),{});function ae(t,r,e){const a=o.computed(()=>{const i=n.toValue(r);if(!x[i])throw new Error(`Invalid change case type "${i}"`);return i});if(typeof t=="function")return o.computed(()=>x[a.value](n.toValue(t),n.toValue(e)));const s=o.ref(t);return o.computed({get(){return x[a.value](s.value,n.toValue(e))},set(i){s.value=i}})}function re(t){const r=new g(t?t.headers.cookie:null);return(e,{doNotParse:a=!1,autoUpdateDependencies:s=!1}={})=>z(e,{doNotParse:a,autoUpdateDependencies:s},r)}function z(t,{doNotParse:r=!1,autoUpdateDependencies:e=!1}={},a=new g){const s=e?[...t\|\|[]]:t;let i=a.getAll({doNotParse:!0});const c=o.ref(0),f=()=>{const u=a.getAll({doNotParse:!0});le(s\|\|null,u,i)&&c.value++,i=u};return a.addChangeListener(f),n.tryOnScopeDispose(()=>{a.removeChangeListener(f)}),{get:(...u)=>(e&&s&&!s.includes(u[0])&&s.push(u[0]),c.value,a.get(u[0],{doNotParse:r,...u[1]})),getAll:(...u)=>(c.value,a.getAll({doNotParse:r,...u[0]})),set:(...u)=>a.set(...u),remove:(...u)=>a.remove(...u),addChangeListener:(...u)=>a.addChangeListener(...u),removeChangeListener:(...u)=>a.removeChangeListener(...u)}}function le(t,r,e){if(!t)return!0;for(const a of t)if(r[a]!==e[a])return!0;return!1}function se(t,r){const e=o.ref();let a=[];const s=p.createEventHook(),i=p.createEventHook(),c=p.createEventHook(),f=p.createEventHook(),u=p.createEventHook(),h=o.ref(!1),w=o.ref(!1),y=o.ref(!1),_=o.ref(!1),O=o.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw",...r?.brush});o.watch(O,()=>{const v=e.value;v&&(v.brush=O.value,v.mode=O.value.mode)},{deep:!0});const I=()=>{var v;return(v=e.value)==null?void 0:v.undo()},P=()=>{var v;return(v=e.value)==null?void 0:v.redo()},d=()=>{var v;return(v=e.value)==null?void 0:v.clear()},R=()=>{var v;return(v=e.value)==null?void 0:v.cancel()},S=v=>{var L;return(L=e.value)==null?void 0:L.load(v)},m=()=>{var v;return(v=e.value)==null?void 0:v.dump()},U=()=>{var v;a.forEach(L=>L()),(v=e.value)==null\|\|v.unmount()},k=()=>{e.value&&(h.value=e.value.canUndo(),w.value=e.value.canRedo(),y.value=e.value.altPressed,_.value=e.value.shiftPressed)};return o.watch(()=>p.unrefElement(t),v=>{!v\|\|typeof SVGSVGElement>"u"\|\|!(v instanceof SVGSVGElement)\|\|(e.value&&U(),e.value=F.createDrauu({el:v,...r}),k(),a=[e.value.on("canceled",()=>i.trigger()),e.value.on("committed",L=>c.trigger(L)),e.value.on("start",()=>f.trigger()),e.value.on("end",()=>u.trigger()),e.value.on("changed",()=>{k(),s.trigger()})])},{flush:"post"}),n.tryOnScopeDispose(()=>U()),{drauuInstance:e,load:S,dump:m,clear:d,cancel:R,undo:I,redo:P,canUndo:h,canRedo:w,brush:O,onChanged:s.on,onCommitted:c.on,onStart:f.on,onEnd:u.on,onCanceled:i.on}}function ue(t,r={}){let e;const{immediate:a,...s}=r,i=o.ref(!1),c=o.ref(!1),f=y=>e&&e.activate(y),u=y=>e&&e.deactivate(y),h=()=>{e&&(e.pause(),c.value=!0)},w=()=>{e&&(e.unpause(),c.value=!1)};return o.watch(()=>p.unrefElement(t),y=>{y&&(e=W.createFocusTrap(y,{...s,onActivate(){i.value=!0,r.onActivate&&r.onActivate()},onDeactivate(){i.value=!1,r.onDeactivate&&r.onDeactivate()}}),a&&f())},{flush:"post"}),p.tryOnScopeDispose(()=>u()),{hasFocus:i,isPaused:c,activate:f,deactivate:u,pause:h,unpause:w}}function ce(t,r,e){const a=()=>{var c,f;return new B((c=n.toValue(r))!=null?c:[],(f=n.toValue(e))==null?void 0:f.fuseOptions)},s=o.ref(a());o.watch(()=>{var c;return(c=n.toValue(e))==null?void 0:c.fuseOptions},()=>{s.value=a()},{deep:!0}),o.watch(()=>n.toValue(r),c=>{s.value.setCollection(c)},{deep:!0});const i=o.computed(()=>{const c=n.toValue(e);if(c?.matchAllWhenSearchEmpty&&!n.toValue(t))return n.toValue(r).map((u,h)=>({item:u,refIndex:h}));const f=c?.resultLimit;return s.value.search(n.toValue(t),f?{limit:f}:void 0)});return{fuse:s,results:i}}function ie(t,r,e={}){const{flush:a="pre",deep:s=!0,shallow:i=!1,onError:c=d=>{console.error(d)},writeDefaults:f=!0}=e,u=o.ref(!1),h=(i?o.shallowRef:o.ref)(r),w=n.toValue(r);async function y(){try{const d=await A.get(t);d===void 0?w!=null&&f&&await A.set(t,w):h.value=d}catch(d){c(d)}u.value=!0}y();async function _(){try{h.value==null?await A.del(t):await A.update(t,()=>o.toRaw(h.value))}catch(d){c(d)}}const{pause:O,resume:I}=p.watchPausable(h,()=>_(),{flush:a,deep:s});async function P(d){O(),h.value=d,await _(),I()}return{set:P,isFinished:u,data:h}}function fe(t,r={}){const{onError:e,fallbackValue:a=null}=r,s=(f,u)=>{try{return j.jwtDecode(f,u)}catch(h){return e?.(h),a}},i=o.computed(()=>s(n.toValue(t),{header:!0})),c=o.computed(()=>s(n.toValue(t)));return{header:i,payload:c}}function de(t=null,r){const e=o.ref(t),a=o.computed({set:i=>i?E.start():E.done(),get:()=>typeof e.value=="number"&&e.value<1});r&&E.configure(r);const s=E.set;return E.set=i=>(e.value=i,s.call(E,i)),o.watchEffect(()=>{typeof e.value=="number"&&n.isClient&&s.call(E,e.value)}),n.tryOnScopeDispose(E.remove),{isLoading:a,progress:e,start:E.start,done:E.done,remove:()=>{e.value=null,E.remove()}}}function ve(t,r){const e=n.toRef(t),a=o.ref("");return o.watch(e,async s=>{e.value&&n.isClient&&(a.value=await Z.toDataURL(s,r))},{immediate:!0}),a}function pe(t,r,e={}){let a;const{document:s=p.defaultDocument,...i}=e,c={onUpdate:w=>{M(r,w.oldIndex,w.newIndex)}},f=()=>{const w=typeof t=="string"?s?.querySelector(t):p.unrefElement(t);!w\|\|a!==void 0\|\|(a=new V(w,{...c,...i}))},u=()=>{a?.destroy(),a=void 0},h=(w,y)=>{if(y!==void 0)a?.option(w,y);else return a?.option(w)};return p.tryOnMounted(f),p.tryOnScopeDispose(u),{stop:u,start:f,option:h}}function M(t,r,e){const a=o.isRef(t),s=a?[...p.toValue(t)]:p.toValue(t);if(e>=0&&e<s.length){const i=s.splice(r,1)[0];o.nextTick(()=>{s.splice(e,0,i),a&&(t.value=s)})}}l.createCookies=re,l.moveArrayElement=M,l.useAsyncValidator=ne,l.useAxios=oe,l.useChangeCase=ae,l.useCookies=z,l.useDrauu=se,l.useFocusTrap=ue,l.useFuse=ce,l.useIDBKeyval=ie,l.useJwt=fe,l.useNProgress=de,l.useQRCode=ve,l.useSortable=pe})(this.VueUse=this.VueUse\|\|{},VueUse,AsyncValidator,VueDemi,axios,changeCase,UniversalCookie,Drauu,VueUse,focusTrap,Fuse,idbKeyval,jwt_decode,nprogress,QRCode,Sortable);

package/index.mjs CHANGED Viewed

@@ -2,14 +2,14 @@ import { toRef, toValue, until, noop, tryOnScopeDispose, isClient } from '@vueus
 import Schema from 'async-validator';
 import { shallowRef, ref, computed, watch, toRaw, watchEffect, isRef, nextTick } from 'vue-demi';
 import axios, { AxiosError } from 'axios';
-import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase } from 'change-case';
+import * as changeCase from 'change-case';
 import Cookie from 'universal-cookie';
 import { createDrauu } from 'drauu';
 import { createEventHook, unrefElement, tryOnScopeDispose as tryOnScopeDispose$1, watchPausable, tryOnMounted, toValue as toValue$1, defaultDocument } from '@vueuse/core';
 import { createFocusTrap } from 'focus-trap';
 import Fuse from 'fuse.js';
 import { get, set, del, update } from 'idb-keyval';
-import jwt_decode from 'jwt-decode';
+import { jwtDecode } from 'jwt-decode';
 import nprogress from 'nprogress';
 import QRCode from 'qrcode';
 import Sortable from 'sortablejs';
@@ -199,28 +199,23 @@ function useAxios(...args) {
   };
 }
-var changeCase = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  camelCase: camelCase,
-  capitalCase: capitalCase,
-  constantCase: constantCase,
-  dotCase: dotCase,
-  headerCase: headerCase,
-  noCase: noCase,
-  paramCase: paramCase,
-  pascalCase: pascalCase,
-  pathCase: pathCase,
-  sentenceCase: sentenceCase,
-  snakeCase: snakeCase
-});
+const changeCaseTransforms = /* @__PURE__ */ Object.values(changeCase).filter((v) => typeof v === "function" && v.name.endsWith("Case")).reduce((acc, fn) => {
+  acc[fn.name] = fn;
+  return acc;
+}, {});
 function useChangeCase(input, type, options) {
+  const typeRef = computed(() => {
+    const t = toValue(type);
+    if (!changeCaseTransforms[t])
+      throw new Error(`Invalid change case type "${t}"`);
+    return t;
+  });
   if (typeof input === "function")
-    return computed(() => changeCase[type](toValue(input), options));
+    return computed(() => changeCaseTransforms[typeRef.value](toValue(input), toValue(options)));
   const text = ref(input);
   return computed({
     get() {
-      return changeCase[type](text.value, options);
+      return changeCaseTransforms[typeRef.value](text.value, toValue(options));
     },
     set(value) {
       text.value = value;
@@ -547,7 +542,7 @@ function useJwt(encodedJwt, options = {}) {
   } = options;
   const decodeWithFallback = (encodedJwt2, options2) => {
     try {
-      return jwt_decode(encodedJwt2, options2);
+      return jwtDecode(encodedJwt2, options2);
     } catch (err) {
       onError == null ? void 0 : onError(err);
       return fallbackValue;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/integrations",
-  "version": "10.11.0",
+  "version": "11.0.0-beta.1",
   "description": "Integration wrappers for utility libraries",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
@@ -95,16 +95,16 @@
   "peerDependencies": {
     "async-validator": "^4",
     "axios": "^1",
-    "change-case": "^4",
-    "drauu": "^0.3",
+    "change-case": "^5",
+    "drauu": "^0.4",
     "focus-trap": "^7",
-    "fuse.js": "^6",
+    "fuse.js": "^7",
     "idb-keyval": "^6",
-    "jwt-decode": "^3",
+    "jwt-decode": "^4",
     "nprogress": "^0.2",
     "qrcode": "^1.5",
     "sortablejs": "^1",
-    "universal-cookie": "^6"
+    "universal-cookie": "^7"
   },
   "peerDependenciesMeta": {
     "async-validator": {
@@ -145,8 +145,8 @@
     }
   },
   "dependencies": {
-    "@vueuse/core": "10.11.0",
-    "@vueuse/shared": "10.11.0",
+    "@vueuse/core": "11.0.0-beta.1",
+    "@vueuse/shared": "11.0.0-beta.1",
     "vue-demi": ">=0.14.8"
   },
   "devDependencies": {
@@ -155,15 +155,15 @@
     "@types/sortablejs": "^1.15.8",
     "async-validator": "^4.2.5",
     "axios": "^1.7.2",
-    "change-case": "^4.1.2",
-    "drauu": "^0.3.7",
+    "change-case": "^5.4.4",
+    "drauu": "^0.4.0",
     "focus-trap": "^7.5.4",
-    "fuse.js": "^6.6.2",
+    "fuse.js": "^7.0.0",
     "idb-keyval": "^6.2.1",
-    "jwt-decode": "^3.1.2",
+    "jwt-decode": "^4.0.0",
     "nprogress": "^0.2.0",
     "qrcode": "^1.5.3",
     "sortablejs": "^1.15.2",
-    "universal-cookie": "^6.1.3"
+    "universal-cookie": "^7.1.4"
   }
 }

package/useChangeCase.cjs CHANGED Viewed

@@ -2,30 +2,44 @@
 var shared = require('@vueuse/shared');
 var vueDemi = require('vue-demi');
-var changeCase$1 = require('change-case');
+var changeCase = require('change-case');
-var changeCase = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  camelCase: changeCase$1.camelCase,
-  capitalCase: changeCase$1.capitalCase,
-  constantCase: changeCase$1.constantCase,
-  dotCase: changeCase$1.dotCase,
-  headerCase: changeCase$1.headerCase,
-  noCase: changeCase$1.noCase,
-  paramCase: changeCase$1.paramCase,
-  pascalCase: changeCase$1.pascalCase,
-  pathCase: changeCase$1.pathCase,
-  sentenceCase: changeCase$1.sentenceCase,
-  snakeCase: changeCase$1.snakeCase
-});
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+var changeCase__namespace = /*#__PURE__*/_interopNamespaceDefault(changeCase);
+const changeCaseTransforms = /* @__PURE__ */ Object.values(changeCase__namespace).filter((v) => typeof v === "function" && v.name.endsWith("Case")).reduce((acc, fn) => {
+  acc[fn.name] = fn;
+  return acc;
+}, {});
 function useChangeCase(input, type, options) {
+  const typeRef = vueDemi.computed(() => {
+    const t = shared.toValue(type);
+    if (!changeCaseTransforms[t])
+      throw new Error(`Invalid change case type "${t}"`);
+    return t;
+  });
   if (typeof input === "function")
-    return vueDemi.computed(() => changeCase[type](shared.toValue(input), options));
+    return vueDemi.computed(() => changeCaseTransforms[typeRef.value](shared.toValue(input), shared.toValue(options)));
   const text = vueDemi.ref(input);
   return vueDemi.computed({
     get() {
-      return changeCase[type](text.value, options);
+      return changeCaseTransforms[typeRef.value](text.value, shared.toValue(options));
     },
     set(value) {
       text.value = value;

package/useChangeCase.d.cts CHANGED Viewed

@@ -1,24 +1,15 @@
-import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
+import * as changeCase from 'change-case';
+import { 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>;
+type EndsWithCase<T> = T extends `${infer _}Case` ? T : never;
+type FilterKeys<T> = {
+    [K in keyof T as K extends string ? K : never]: EndsWithCase<K>;
+};
+type ChangeCaseKeys = FilterKeys<typeof changeCase>;
+type ChangeCaseType = ChangeCaseKeys[keyof ChangeCaseKeys];
+declare function useChangeCase(input: MaybeRef<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): WritableComputedRef<string>;
+declare function useChangeCase(input: MaybeRefOrGetter<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): ComputedRef<string>;
 export { type ChangeCaseType, useChangeCase };

package/useChangeCase.d.mts CHANGED Viewed

@@ -1,24 +1,15 @@
-import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
+import * as changeCase from 'change-case';
+import { 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>;
+type EndsWithCase<T> = T extends `${infer _}Case` ? T : never;
+type FilterKeys<T> = {
+    [K in keyof T as K extends string ? K : never]: EndsWithCase<K>;
+};
+type ChangeCaseKeys = FilterKeys<typeof changeCase>;
+type ChangeCaseType = ChangeCaseKeys[keyof ChangeCaseKeys];
+declare function useChangeCase(input: MaybeRef<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): WritableComputedRef<string>;
+declare function useChangeCase(input: MaybeRefOrGetter<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): ComputedRef<string>;
 export { type ChangeCaseType, useChangeCase };

package/useChangeCase.d.ts CHANGED Viewed

@@ -1,24 +1,15 @@
-import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
+import * as changeCase from 'change-case';
+import { 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>;
+type EndsWithCase<T> = T extends `${infer _}Case` ? T : never;
+type FilterKeys<T> = {
+    [K in keyof T as K extends string ? K : never]: EndsWithCase<K>;
+};
+type ChangeCaseKeys = FilterKeys<typeof changeCase>;
+type ChangeCaseType = ChangeCaseKeys[keyof ChangeCaseKeys];
+declare function useChangeCase(input: MaybeRef<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): WritableComputedRef<string>;
+declare function useChangeCase(input: MaybeRefOrGetter<string>, type: MaybeRefOrGetter<ChangeCaseType>, options?: MaybeRefOrGetter<Options> | undefined): ComputedRef<string>;
 export { type ChangeCaseType, useChangeCase };

package/useChangeCase.iife.js CHANGED Viewed

@@ -118,31 +118,45 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   (globalThis || self).VueCompositionAPI || (typeof VueCompositionAPI !== 'undefined' ? VueCompositionAPI : undefined)
 );
 ;
-;(function (exports, shared, vueDemi, changeCase$1) {
+;(function (exports, shared, vueDemi, changeCase) {
   'use strict';
-  var changeCase = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    camelCase: changeCase$1.camelCase,
-    capitalCase: changeCase$1.capitalCase,
-    constantCase: changeCase$1.constantCase,
-    dotCase: changeCase$1.dotCase,
-    headerCase: changeCase$1.headerCase,
-    noCase: changeCase$1.noCase,
-    paramCase: changeCase$1.paramCase,
-    pascalCase: changeCase$1.pascalCase,
-    pathCase: changeCase$1.pathCase,
-    sentenceCase: changeCase$1.sentenceCase,
-    snakeCase: changeCase$1.snakeCase
-  });
+  function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
+        }
+      });
+    }
+    n.default = e;
+    return Object.freeze(n);
+  }
+  var changeCase__namespace = /*#__PURE__*/_interopNamespaceDefault(changeCase);
+  const changeCaseTransforms = /* @__PURE__ */ Object.values(changeCase__namespace).filter((v) => typeof v === "function" && v.name.endsWith("Case")).reduce((acc, fn) => {
+    acc[fn.name] = fn;
+    return acc;
+  }, {});
   function useChangeCase(input, type, options) {
+    const typeRef = vueDemi.computed(() => {
+      const t = shared.toValue(type);
+      if (!changeCaseTransforms[t])
+        throw new Error(`Invalid change case type "${t}"`);
+      return t;
+    });
     if (typeof input === "function")
-      return vueDemi.computed(() => changeCase[type](shared.toValue(input), options));
+      return vueDemi.computed(() => changeCaseTransforms[typeRef.value](shared.toValue(input), shared.toValue(options)));
     const text = vueDemi.ref(input);
     return vueDemi.computed({
       get() {
-        return changeCase[type](text.value, options);
+        return changeCaseTransforms[typeRef.value](text.value, shared.toValue(options));
       },
       set(value) {
         text.value = value;

package/useChangeCase.iife.min.js CHANGED Viewed

	@@ -1 +1 @@
1	- var VueDemi=function(n,e,a){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 r=function(t,i){var o,c={},d={config:e.config,use:e.use.bind(e),mixin:e.mixin.bind(e),component:e.component.bind(e),provide:function(f,l){return c[f]=l,this},directive:function(f,l){return l?(e.directive(f,l),d):e.directive(f)},mount:function(f,l){return o\|\|(o=new e(Object.assign({propsData:i},t,{provide:Object.assign(c,t.provide)})),o.$mount(f,l),o)},unmount:function(){o&&(o.$destroy(),o=void 0)}};return d};var u=r;for(var s in e)n[s]=e[s];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=function(){return!!n.getCurrentInstance()},n.createApp=r}else if(e.version.slice(0,2)==="2.")if(a){for(var s in a)n[s]=a[s];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version,n.hasInjectionContext=function(){return!!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 s in e)n[s]=e[s];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=e,n.Vue2=void 0,n.version=e.version,n.set=function(r,t,i){return Array.isArray(r)?(r.length=Math.max(r.length,t),r.splice(t,1,i),i):(r[t]=i,i)},n.del=function(r,t){if(Array.isArray(r)){r.splice(t,1);return}delete r[t]}}else console.error("[vue-demi] Vue version "+e.version+" is unsupported.");return n}((globalThis\|\|self).VueDemi=(globalThis\|\|self).VueDemi\|\|(typeof VueDemi<"u"?VueDemi:{}),(globalThis\|\|self).Vue\|\|(typeof Vue<"u"?Vue:void 0),(globalThis\|\|self).VueCompositionAPI\|\|(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(n,e,a,s){"use strict";var u=Object.~~freeze~~(~~{__proto__:~~null~~,camelCase:s~~.~~camelCase,capitalCase:~~s.~~capitalCase~~,~~constantCase:s~~.~~constantCase~~,~~dotCase:~~s.~~dotCase,headerCase:~~s~~.headerCase,noCase~~:~~s.noCase~~,~~paramCase~~:~~s.paramCase~~,~~pascalCase:s~~.~~pascalCase~~,~~pathCase:s~~.~~pathCase~~,~~sentenceCase:s~~.~~sentenceCase~~,~~snakeCase:s.snakeCase~~});function r(t,i,o){if(typeof t=="function")return a.computed(()=>u[i](e.toValue(t),o));const c=a.ref(t);return a.computed({get(){return u[i](c.value,o)},set(d){c.value=d}})}n.useChangeCase=r})(this.VueUse=this.VueUse\|\|{},VueUse,VueDemi,changeCase);
1	+ var VueDemi=function(n,e,l){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 r=function(o,u){var t,i={},c={config:e.config,use:e.use.bind(e),mixin:e.mixin.bind(e),component:e.component.bind(e),provide:function(s,a){return i[s]=a,this},directive:function(s,a){return a?(e.directive(s,a),c):e.directive(s)},mount:function(s,a){return t\|\|(t=new e(Object.assign({propsData:u},o,{provide:Object.assign(i,o.provide)})),t.$mount(s,a),t)},unmount:function(){t&&(t.$destroy(),t=void 0)}};return c};var p=r;for(var f in e)n[f]=e[f];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=function(){return!!n.getCurrentInstance()},n.createApp=r}else if(e.version.slice(0,2)==="2.")if(l){for(var f in l)n[f]=l[f];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version,n.hasInjectionContext=function(){return!!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 f in e)n[f]=e[f];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=e,n.Vue2=void 0,n.version=e.version,n.set=function(r,o,u){return Array.isArray(r)?(r.length=Math.max(r.length,o),r.splice(o,1,u),u):(r[o]=u,u)},n.del=function(r,o){if(Array.isArray(r)){r.splice(o,1);return}delete r[o]}}else console.error("[vue-demi] Vue version "+e.version+" is unsupported.");return n}((globalThis\|\|self).VueDemi=(globalThis\|\|self).VueDemi\|\|(typeof VueDemi<"u"?VueDemi:{}),(globalThis\|\|self).Vue\|\|(typeof Vue<"u"?Vue:void 0),(globalThis\|\|self).VueCompositionAPI\|\|(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(n,e,l,f){"use strict";function p(t){var i=Object.create(null);return t&&Object.keys(t).forEach(function(c){if(c!=="default"){var s=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(i,c,s.get?s:{enumerable:!0,get:function(){return t[c]}})}}),i.default=t,Object.freeze(i)}var r=p(f);const o=Object.values(r).filter(t=>typeof t=="function"&&t.name.endsWith("Case")).reduce((t,i)=>(t[i.name]=i,t),{});function u(t,i,c){const s=l.computed(()=>{const d=e.toValue(i);if(!o[d])throw new Error(`Invalid change case type "${d}"`);return d});if(typeof t=="function")return l.computed(()=>o[s.value](e.toValue(t),e.toValue(c)));const a=l.ref(t);return l.computed({get(){return o[s.value](a.value,e.toValue(c))},set(d){a.value=d}})}n.useChangeCase=u})(this.VueUse=this.VueUse\|\|{},VueUse,VueDemi,changeCase);

package/useChangeCase.mjs CHANGED Viewed

@@ -1,29 +1,24 @@
 import { toValue } from '@vueuse/shared';
 import { computed, ref } from 'vue-demi';
-import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase } from 'change-case';
-var changeCase = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  camelCase: camelCase,
-  capitalCase: capitalCase,
-  constantCase: constantCase,
-  dotCase: dotCase,
-  headerCase: headerCase,
-  noCase: noCase,
-  paramCase: paramCase,
-  pascalCase: pascalCase,
-  pathCase: pathCase,
-  sentenceCase: sentenceCase,
-  snakeCase: snakeCase
-});
+import * as changeCase from 'change-case';
+const changeCaseTransforms = /* @__PURE__ */ Object.values(changeCase).filter((v) => typeof v === "function" && v.name.endsWith("Case")).reduce((acc, fn) => {
+  acc[fn.name] = fn;
+  return acc;
+}, {});
 function useChangeCase(input, type, options) {
+  const typeRef = computed(() => {
+    const t = toValue(type);
+    if (!changeCaseTransforms[t])
+      throw new Error(`Invalid change case type "${t}"`);
+    return t;
+  });
   if (typeof input === "function")
-    return computed(() => changeCase[type](toValue(input), options));
+    return computed(() => changeCaseTransforms[typeRef.value](toValue(input), toValue(options)));
   const text = ref(input);
   return computed({
     get() {
-      return changeCase[type](text.value, options);
+      return changeCaseTransforms[typeRef.value](text.value, toValue(options));
     },
     set(value) {
       text.value = value;

package/useFuse.d.cts CHANGED Viewed

@@ -1,9 +1,10 @@
 import * as vue_demi from 'vue-demi';
 import { ComputedRef } from 'vue-demi';
-import Fuse from 'fuse.js';
+import * as fuse_js from 'fuse.js';
+import { IFuseOptions, FuseResult } from 'fuse.js';
 import { MaybeRefOrGetter } from '@vueuse/shared';
-type FuseOptions<T> = Fuse.IFuseOptions<T>;
+type FuseOptions<T> = IFuseOptions<T>;
 interface UseFuseOptions<T> {
     fuseOptions?: FuseOptions<T>;
     resultLimit?: number;
@@ -11,14 +12,14 @@ interface UseFuseOptions<T> {
 }
 declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): {
     fuse: vue_demi.Ref<{
-        search: <R = DataItem>(pattern: string | Fuse.Expression, options?: Fuse.FuseSearchOptions | undefined) => Fuse.FuseResult<R>[];
-        setCollection: (docs: readonly DataItem[], index?: Fuse.FuseIndex<DataItem> | undefined) => void;
+        search: <R = DataItem>(pattern: string | fuse_js.Expression, options?: fuse_js.FuseSearchOptions | undefined) => FuseResult<R>[];
+        setCollection: (docs: readonly DataItem[], index?: fuse_js.FuseIndex<DataItem> | undefined) => void;
         add: (doc: DataItem) => void;
         remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
         removeAt: (idx: number) => void;
-        getIndex: () => Fuse.FuseIndex<DataItem>;
+        getIndex: () => fuse_js.FuseIndex<DataItem>;
     }>;
-    results: ComputedRef<Fuse.FuseResult<DataItem>[]>;
+    results: ComputedRef<FuseResult<DataItem>[]>;
 };
 type UseFuseReturn = ReturnType<typeof useFuse>;

package/useFuse.d.mts CHANGED Viewed

@@ -1,9 +1,10 @@
 import * as vue_demi from 'vue-demi';
 import { ComputedRef } from 'vue-demi';
-import Fuse from 'fuse.js';
+import * as fuse_js from 'fuse.js';
+import { IFuseOptions, FuseResult } from 'fuse.js';
 import { MaybeRefOrGetter } from '@vueuse/shared';
-type FuseOptions<T> = Fuse.IFuseOptions<T>;
+type FuseOptions<T> = IFuseOptions<T>;
 interface UseFuseOptions<T> {
     fuseOptions?: FuseOptions<T>;
     resultLimit?: number;
@@ -11,14 +12,14 @@ interface UseFuseOptions<T> {
 }
 declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): {
     fuse: vue_demi.Ref<{
-        search: <R = DataItem>(pattern: string | Fuse.Expression, options?: Fuse.FuseSearchOptions | undefined) => Fuse.FuseResult<R>[];
-        setCollection: (docs: readonly DataItem[], index?: Fuse.FuseIndex<DataItem> | undefined) => void;
+        search: <R = DataItem>(pattern: string | fuse_js.Expression, options?: fuse_js.FuseSearchOptions | undefined) => FuseResult<R>[];
+        setCollection: (docs: readonly DataItem[], index?: fuse_js.FuseIndex<DataItem> | undefined) => void;
         add: (doc: DataItem) => void;
         remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
         removeAt: (idx: number) => void;
-        getIndex: () => Fuse.FuseIndex<DataItem>;
+        getIndex: () => fuse_js.FuseIndex<DataItem>;
     }>;
-    results: ComputedRef<Fuse.FuseResult<DataItem>[]>;
+    results: ComputedRef<FuseResult<DataItem>[]>;
 };
 type UseFuseReturn = ReturnType<typeof useFuse>;

package/useFuse.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
 import * as vue_demi from 'vue-demi';
 import { ComputedRef } from 'vue-demi';
-import Fuse from 'fuse.js';
+import * as fuse_js from 'fuse.js';
+import { IFuseOptions, FuseResult } from 'fuse.js';
 import { MaybeRefOrGetter } from '@vueuse/shared';
-type FuseOptions<T> = Fuse.IFuseOptions<T>;
+type FuseOptions<T> = IFuseOptions<T>;
 interface UseFuseOptions<T> {
     fuseOptions?: FuseOptions<T>;
     resultLimit?: number;
@@ -11,14 +12,14 @@ interface UseFuseOptions<T> {
 }
 declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): {
     fuse: vue_demi.Ref<{
-        search: <R = DataItem>(pattern: string | Fuse.Expression, options?: Fuse.FuseSearchOptions | undefined) => Fuse.FuseResult<R>[];
-        setCollection: (docs: readonly DataItem[], index?: Fuse.FuseIndex<DataItem> | undefined) => void;
+        search: <R = DataItem>(pattern: string | fuse_js.Expression, options?: fuse_js.FuseSearchOptions | undefined) => FuseResult<R>[];
+        setCollection: (docs: readonly DataItem[], index?: fuse_js.FuseIndex<DataItem> | undefined) => void;
         add: (doc: DataItem) => void;
         remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
         removeAt: (idx: number) => void;
-        getIndex: () => Fuse.FuseIndex<DataItem>;
+        getIndex: () => fuse_js.FuseIndex<DataItem>;
     }>;
-    results: ComputedRef<Fuse.FuseResult<DataItem>[]>;
+    results: ComputedRef<FuseResult<DataItem>[]>;
 };
 type UseFuseReturn = ReturnType<typeof useFuse>;

package/useJwt.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 var vueDemi = require('vue-demi');
 var shared = require('@vueuse/shared');
-var jwt_decode = require('jwt-decode');
+var jwtDecode = require('jwt-decode');
 function useJwt(encodedJwt, options = {}) {
   const {
@@ -11,7 +11,7 @@ function useJwt(encodedJwt, options = {}) {
   } = options;
   const decodeWithFallback = (encodedJwt2, options2) => {
     try {
-      return jwt_decode(encodedJwt2, options2);
+      return jwtDecode.jwtDecode(encodedJwt2, options2);
     } catch (err) {
       onError == null ? void 0 : onError(err);
       return fallbackValue;

package/useJwt.iife.js CHANGED Viewed

@@ -118,7 +118,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   (globalThis || self).VueCompositionAPI || (typeof VueCompositionAPI !== 'undefined' ? VueCompositionAPI : undefined)
 );
 ;
-;(function (exports, vueDemi, shared, jwt_decode) {
+;(function (exports, vueDemi, shared, jwtDecode) {
   'use strict';
   function useJwt(encodedJwt, options = {}) {
@@ -128,7 +128,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     } = options;
     const decodeWithFallback = (encodedJwt2, options2) => {
       try {
-        return jwt_decode(encodedJwt2, options2);
+        return jwtDecode.jwtDecode(encodedJwt2, options2);
       } catch (err) {
         onError == null ? void 0 : onError(err);
         return fallbackValue;

package/useJwt.iife.min.js CHANGED Viewed

	@@ -1 +1 @@
1	- var VueDemi=function(n,r,c){if(n.install)return n;if(!r)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),n;if(r.version.slice(0,4)==="2.7."){let o=function(t,i){var s,a={},d={config:r.config,use:r.use.bind(r),mixin:r.mixin.bind(r),component:r.component.bind(r),provide:function(f,l){return a[f]=l,this},directive:function(f,l){return l?(r.directive(f,l),d):r.directive(f)},mount:function(f,l){return s\|\|(s=new r(Object.assign({propsData:i},t,{provide:Object.assign(a,t.provide)})),s.$mount(f,l),s)},unmount:function(){s&&(s.$destroy(),s=void 0)}};return d};var u=o;for(var e in r)n[e]=r[e];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=r,n.Vue2=r,n.version=r.version,n.warn=r.util.warn,n.hasInjectionContext=function(){return!!n.getCurrentInstance()},n.createApp=o}else if(r.version.slice(0,2)==="2.")if(c){for(var e in c)n[e]=c[e];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=r,n.Vue2=r,n.version=r.version,n.hasInjectionContext=function(){return!!n.getCurrentInstance()}}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(r.version.slice(0,2)==="3."){for(var e in r)n[e]=r[e];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=r,n.Vue2=void 0,n.version=r.version,n.set=function(o,t,i){return Array.isArray(o)?(o.length=Math.max(o.length,t),o.splice(t,1,i),i):(o[t]=i,i)},n.del=function(o,t){if(Array.isArray(o)){o.splice(t,1);return}delete o[t]}}else console.error("[vue-demi] Vue version "+r.version+" is unsupported.");return n}((globalThis\|\|self).VueDemi=(globalThis\|\|self).VueDemi\|\|(typeof VueDemi<"u"?VueDemi:{}),(globalThis\|\|self).Vue\|\|(typeof Vue<"u"?Vue:void 0),(globalThis\|\|self).VueCompositionAPI\|\|(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(n,r,c,e){"use strict";function u(o,t={}){const{onError:i,fallbackValue:s=null}=t,a=(l,v)=>{try{return e(l,v)}catch(p){return i?.(p),s}},d=r.computed(()=>a(c.toValue(o),{header:!0})),f=r.computed(()=>a(c.toValue(o)));return{header:d,payload:f}}n.useJwt=u})(this.VueUse=this.VueUse\|\|{},VueDemi,VueUse,jwt_decode);
1	+ var VueDemi=function(n,r,l){if(n.install)return n;if(!r)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),n;if(r.version.slice(0,4)==="2.7."){let o=function(t,i){var s,a={},d={config:r.config,use:r.use.bind(r),mixin:r.mixin.bind(r),component:r.component.bind(r),provide:function(c,f){return a[c]=f,this},directive:function(c,f){return f?(r.directive(c,f),d):r.directive(c)},mount:function(c,f){return s\|\|(s=new r(Object.assign({propsData:i},t,{provide:Object.assign(a,t.provide)})),s.$mount(c,f),s)},unmount:function(){s&&(s.$destroy(),s=void 0)}};return d};var u=o;for(var e in r)n[e]=r[e];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=r,n.Vue2=r,n.version=r.version,n.warn=r.util.warn,n.hasInjectionContext=function(){return!!n.getCurrentInstance()},n.createApp=o}else if(r.version.slice(0,2)==="2.")if(l){for(var e in l)n[e]=l[e];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=r,n.Vue2=r,n.version=r.version,n.hasInjectionContext=function(){return!!n.getCurrentInstance()}}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(r.version.slice(0,2)==="3."){for(var e in r)n[e]=r[e];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=r,n.Vue2=void 0,n.version=r.version,n.set=function(o,t,i){return Array.isArray(o)?(o.length=Math.max(o.length,t),o.splice(t,1,i),i):(o[t]=i,i)},n.del=function(o,t){if(Array.isArray(o)){o.splice(t,1);return}delete o[t]}}else console.error("[vue-demi] Vue version "+r.version+" is unsupported.");return n}((globalThis\|\|self).VueDemi=(globalThis\|\|self).VueDemi\|\|(typeof VueDemi<"u"?VueDemi:{}),(globalThis\|\|self).Vue\|\|(typeof Vue<"u"?Vue:void 0),(globalThis\|\|self).VueCompositionAPI\|\|(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(n,r,l,e){"use strict";function u(o,t={}){const{onError:i,fallbackValue:s=null}=t,a=(f,v)=>{try{return e.jwtDecode(f,v)}catch(p){return i?.(p),s}},d=r.computed(()=>a(l.toValue(o),{header:!0})),c=r.computed(()=>a(l.toValue(o)));return{header:d,payload:c}}n.useJwt=u})(this.VueUse=this.VueUse\|\|{},VueDemi,VueUse,jwt_decode);

package/useJwt.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { computed } from 'vue-demi';
 import { toValue } from '@vueuse/shared';
-import jwt_decode from 'jwt-decode';
+import { jwtDecode } from 'jwt-decode';
 function useJwt(encodedJwt, options = {}) {
   const {
@@ -9,7 +9,7 @@ function useJwt(encodedJwt, options = {}) {
   } = options;
   const decodeWithFallback = (encodedJwt2, options2) => {
     try {
-      return jwt_decode(encodedJwt2, options2);
+      return jwtDecode(encodedJwt2, options2);
     } catch (err) {
       onError == null ? void 0 : onError(err);
       return fallbackValue;