@vueuse/integrations 10.2.1 → 10.4.0

package/useFocusTrap.mjs

@@ -2,40 +2,9 @@ import { unrefElement, tryOnScopeDispose } from '@vueuse/core';
 import { ref, watch } from 'vue-demi';
 import { createFocusTrap } from 'focus-trap';
 
-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));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 function useFocusTrap(target, options = {}) {
   let trap;
-  const _a = options, { immediate } = _a, focusTrapOptions = __objRest(_a, ["immediate"]);
+  const { immediate, ...focusTrapOptions } = options;
   const hasFocus = ref(false);
   const isPaused = ref(false);
   const activate = (opts) => trap && trap.activate(opts);
@@ -57,7 +26,8 @@ function useFocusTrap(target, options = {}) {
     (el) => {
       if (!el)
         return;
-      trap = createFocusTrap(el, __spreadProps(__spreadValues({}, focusTrapOptions), {
+      trap = createFocusTrap(el, {
+        ...focusTrapOptions,
         onActivate() {
           hasFocus.value = true;
           if (options.onActivate)
@@ -68,7 +38,7 @@ function useFocusTrap(target, options = {}) {
           if (options.onDeactivate)
             options.onDeactivate();
         }
-      }));
+      });
       if (immediate)
         activate();
     },

package/useFuse.cjs

@@ -6,18 +6,14 @@ var shared = require('@vueuse/shared');
 
 function useFuse(search, data, options) {
   const createFuse = () => {
-    var _a, _b;
     return new Fuse(
-      (_a = shared.toValue(data)) != null ? _a : [],
-      (_b = shared.toValue(options)) == null ? void 0 : _b.fuseOptions
+      shared.toValue(data) ?? [],
+      shared.toValue(options)?.fuseOptions
     );
   };
   const fuse = vueDemi.ref(createFuse());
   vueDemi.watch(
-    () => {
-      var _a;
-      return (_a = shared.toValue(options)) == null ? void 0 : _a.fuseOptions;
-    },
+    () => shared.toValue(options)?.fuseOptions,
     () => {
       fuse.value = createFuse();
     },
@@ -32,9 +28,9 @@ function useFuse(search, data, options) {
   );
   const results = vueDemi.computed(() => {
     const resolved = shared.toValue(options);
-    if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !shared.toValue(search))
+    if (resolved?.matchAllWhenSearchEmpty && !shared.toValue(search))
       return shared.toValue(data).map((item, index) => ({ item, refIndex: index }));
-    const limit = resolved == null ? void 0 : resolved.resultLimit;
+    const limit = resolved?.resultLimit;
     return fuse.value.search(shared.toValue(search), limit ? { limit } : void 0);
   });
   return {

package/useFuse.d.cts

@@ -0,0 +1,25 @@
+import * as vue_demi from 'vue-demi';
+import { ComputedRef } from 'vue-demi';
+import Fuse from 'fuse.js';
+import { MaybeRefOrGetter } from '@vueuse/shared';
+
+type FuseOptions<T> = Fuse.IFuseOptions<T>;
+interface UseFuseOptions<T> {
+    fuseOptions?: FuseOptions<T>;
+    resultLimit?: number;
+    matchAllWhenSearchEmpty?: boolean;
+}
+declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): {
+    fuse: vue_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;
+        add: (doc: DataItem) => void;
+        remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
+        removeAt: (idx: number) => void;
+        getIndex: () => Fuse.FuseIndex<DataItem>;
+    }>;
+    results: ComputedRef<Fuse.FuseResult<DataItem>[]>;
+};
+type UseFuseReturn = ReturnType<typeof useFuse>;
+
+export { type FuseOptions, type UseFuseOptions, type UseFuseReturn, useFuse };

package/useFuse.d.mts

@@ -0,0 +1,25 @@
+import * as vue_demi from 'vue-demi';
+import { ComputedRef } from 'vue-demi';
+import Fuse from 'fuse.js';
+import { MaybeRefOrGetter } from '@vueuse/shared';
+
+type FuseOptions<T> = Fuse.IFuseOptions<T>;
+interface UseFuseOptions<T> {
+    fuseOptions?: FuseOptions<T>;
+    resultLimit?: number;
+    matchAllWhenSearchEmpty?: boolean;
+}
+declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): {
+    fuse: vue_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;
+        add: (doc: DataItem) => void;
+        remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
+        removeAt: (idx: number) => void;
+        getIndex: () => Fuse.FuseIndex<DataItem>;
+    }>;
+    results: ComputedRef<Fuse.FuseResult<DataItem>[]>;
+};
+type UseFuseReturn = ReturnType<typeof useFuse>;
+
+export { type FuseOptions, type UseFuseOptions, type UseFuseReturn, useFuse };

package/useFuse.d.ts

@@ -22,4 +22,4 @@ declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: Maybe
 };
 type UseFuseReturn = ReturnType<typeof useFuse>;
 
-export { FuseOptions, UseFuseOptions, UseFuseReturn, useFuse };
+export { type FuseOptions, type UseFuseOptions, type UseFuseReturn, useFuse };

package/useFuse.iife.js

@@ -119,18 +119,14 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
 
   function useFuse(search, data, options) {
     const createFuse = () => {
-      var _a, _b;
       return new Fuse(
-        (_a = shared.toValue(data)) != null ? _a : [],
-        (_b = shared.toValue(options)) == null ? void 0 : _b.fuseOptions
+        shared.toValue(data) ?? [],
+        shared.toValue(options)?.fuseOptions
       );
     };
     const fuse = vueDemi.ref(createFuse());
     vueDemi.watch(
-      () => {
-        var _a;
-        return (_a = shared.toValue(options)) == null ? void 0 : _a.fuseOptions;
-      },
+      () => shared.toValue(options)?.fuseOptions,
       () => {
         fuse.value = createFuse();
       },
@@ -145,9 +141,9 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     );
     const results = vueDemi.computed(() => {
       const resolved = shared.toValue(options);
-      if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !shared.toValue(search))
+      if (resolved?.matchAllWhenSearchEmpty && !shared.toValue(search))
         return shared.toValue(data).map((item, index) => ({ item, refIndex: index }));
-      const limit = resolved == null ? void 0 : resolved.resultLimit;
+      const limit = resolved?.resultLimit;
       return fuse.value.search(shared.toValue(search), limit ? { limit } : void 0);
     });
     return {

package/useFuse.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(n,t,f){if(n.install)return n;if(!t)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),n;if(t.version.slice(0,4)==="2.7."){let o=function(i,u){var l,c={},v={config:t.config,use:t.use.bind(t),mixin:t.mixin.bind(t),component:t.component.bind(t),provide:function(e,s){return c[e]=s,this},directive:function(e,s){return s?(t.directive(e,s),v):t.directive(e)},mount:function(e,s){return l||(l=new t(Object.assign({propsData:u},i,{provide:Object.assign(c,i.provide)})),l.$mount(e,s),l)},unmount:function(){l&&(l.$destroy(),l=void 0)}};return v};var a=o;for(var r in t)n[r]=t[r];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=t,n.Vue2=t,n.version=t.version,n.warn=t.util.warn,n.hasInjectionContext=()=>!!n.getCurrentInstance(),n.createApp=o}else if(t.version.slice(0,2)==="2.")if(f){for(var r in f)n[r]=f[r];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=t,n.Vue2=t,n.version=t.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(t.version.slice(0,2)==="3."){for(var r in t)n[r]=t[r];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=t,n.Vue2=void 0,n.version=t.version,n.set=function(o,i,u){return Array.isArray(o)?(o.length=Math.max(o.length,i),o.splice(i,1,u),u):(o[i]=u,u)},n.del=function(o,i){if(Array.isArray(o)){o.splice(i,1);return}delete o[i]}}else console.error("[vue-demi] Vue version "+t.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,t,f,r){"use strict";function a(o,i,u){const l=()=>{var e,s;return new t((e=r.toValue(i))!=null?e:[],(s=r.toValue(u))==null?void 0:s.fuseOptions)},c=f.ref(l());f.watch(()=>{var e;return(e=r.toValue(u))==null?void 0:e.fuseOptions},()=>{c.value=l()},{deep:!0}),f.watch(()=>r.toValue(i),e=>{c.value.setCollection(e)},{deep:!0});const v=f.computed(()=>{const e=r.toValue(u);if(e?.matchAllWhenSearchEmpty&&!r.toValue(o))return r.toValue(i).map((d,p)=>({item:d,refIndex:p}));const s=e?.resultLimit;return c.value.search(r.toValue(o),s?{limit:s}:void 0)});return{fuse:c,results:v}}n.useFuse=a})(this.VueUse=this.VueUse||{},Fuse,VueDemi,VueUse);
+var VueDemi=function(n,t,u){if(n.install)return n;if(!t)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),n;if(t.version.slice(0,4)==="2.7."){let r=function(o,f){var s,l={},a={config:t.config,use:t.use.bind(t),mixin:t.mixin.bind(t),component:t.component.bind(t),provide:function(i,c){return l[i]=c,this},directive:function(i,c){return c?(t.directive(i,c),a):t.directive(i)},mount:function(i,c){return s||(s=new t(Object.assign({propsData:f},o,{provide:Object.assign(l,o.provide)})),s.$mount(i,c),s)},unmount:function(){s&&(s.$destroy(),s=void 0)}};return a};var v=r;for(var e in t)n[e]=t[e];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=t,n.Vue2=t,n.version=t.version,n.warn=t.util.warn,n.hasInjectionContext=()=>!!n.getCurrentInstance(),n.createApp=r}else if(t.version.slice(0,2)==="2.")if(u){for(var e in u)n[e]=u[e];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=t,n.Vue2=t,n.version=t.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(t.version.slice(0,2)==="3."){for(var e in t)n[e]=t[e];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=t,n.Vue2=void 0,n.version=t.version,n.set=function(r,o,f){return Array.isArray(r)?(r.length=Math.max(r.length,o),r.splice(o,1,f),f):(r[o]=f,f)},n.del=function(r,o){if(Array.isArray(r)){r.splice(o,1);return}delete r[o]}}else console.error("[vue-demi] Vue version "+t.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,t,u,e){"use strict";function v(r,o,f){const s=()=>new t(e.toValue(o)??[],e.toValue(f)?.fuseOptions),l=u.ref(s());u.watch(()=>e.toValue(f)?.fuseOptions,()=>{l.value=s()},{deep:!0}),u.watch(()=>e.toValue(o),i=>{l.value.setCollection(i)},{deep:!0});const a=u.computed(()=>{const i=e.toValue(f);if(i?.matchAllWhenSearchEmpty&&!e.toValue(r))return e.toValue(o).map((d,p)=>({item:d,refIndex:p}));const c=i?.resultLimit;return l.value.search(e.toValue(r),c?{limit:c}:void 0)});return{fuse:l,results:a}}n.useFuse=v})(this.VueUse=this.VueUse||{},Fuse,VueDemi,VueUse);

package/useFuse.mjs

@@ -4,18 +4,14 @@ import { toValue } from '@vueuse/shared';
 
 function useFuse(search, data, options) {
   const createFuse = () => {
-    var _a, _b;
     return new Fuse(
-      (_a = toValue(data)) != null ? _a : [],
-      (_b = toValue(options)) == null ? void 0 : _b.fuseOptions
+      toValue(data) ?? [],
+      toValue(options)?.fuseOptions
     );
   };
   const fuse = ref(createFuse());
   watch(
-    () => {
-      var _a;
-      return (_a = toValue(options)) == null ? void 0 : _a.fuseOptions;
-    },
+    () => toValue(options)?.fuseOptions,
     () => {
       fuse.value = createFuse();
     },
@@ -30,9 +26,9 @@ function useFuse(search, data, options) {
   );
   const results = computed(() => {
     const resolved = toValue(options);
-    if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !toValue(search))
+    if (resolved?.matchAllWhenSearchEmpty && !toValue(search))
       return toValue(data).map((item, index) => ({ item, refIndex: index }));
-    const limit = resolved == null ? void 0 : resolved.resultLimit;
+    const limit = resolved?.resultLimit;
     return fuse.value.search(toValue(search), limit ? { limit } : void 0);
   });
   return {

package/useIDBKeyval.cjs

@@ -1,25 +1,10 @@
 'use strict';
 
 var shared = require('@vueuse/shared');
+var core = require('@vueuse/core');
 var vueDemi = require('vue-demi');
 var idbKeyval = require('idb-keyval');
 
-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 useIDBKeyval(key, initialValue, options = {}) {
   const {
     flush = "pre",
@@ -56,7 +41,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
         if (Array.isArray(data.value))
           await idbKeyval.update(key, () => JSON.parse(JSON.stringify(data.value)));
         else if (typeof data.value === "object")
-          await idbKeyval.update(key, () => __spreadValues({}, data.value));
+          await idbKeyval.update(key, () => ({ ...data.value }));
         else
           await idbKeyval.update(key, () => data.value);
       }
@@ -64,8 +49,21 @@ function useIDBKeyval(key, initialValue, options = {}) {
       onError(e);
     }
   }
-  vueDemi.watch(data, () => write(), { flush, deep });
-  return { isFinished, data };
+  const {
+    pause: pauseWatch,
+    resume: resumeWatch
+  } = core.watchPausable(data, () => write(), { flush, deep });
+  async function setData(value) {
+    pauseWatch();
+    data.value = value;
+    await write();
+    resumeWatch();
+  }
+  return {
+    set: setData,
+    isFinished,
+    data
+  };
 }
 
 exports.useIDBKeyval = useIDBKeyval;

package/useIDBKeyval.d.cts

@@ -0,0 +1,43 @@
+import { ConfigurableFlush, RemovableRef, MaybeRefOrGetter } from '@vueuse/shared';
+import { Ref } from 'vue-demi';
+
+interface UseIDBOptions extends ConfigurableFlush {
+    /**
+     * Watch for deep changes
+     *
+     * @default true
+     */
+    deep?: boolean;
+    /**
+     * On error callback
+     *
+     * Default log error to `console.error`
+     */
+    onError?: (error: unknown) => void;
+    /**
+     * Use shallow ref as reference
+     *
+     * @default false
+     */
+    shallow?: boolean;
+    /**
+     * Write the default value to the storage when it does not exist
+     *
+     * @default true
+     */
+    writeDefaults?: boolean;
+}
+interface UseIDBKeyvalReturn<T> {
+    data: RemovableRef<T>;
+    isFinished: Ref<boolean>;
+    set(value: T): Promise<void>;
+}
+/**
+ *
+ * @param key
+ * @param initialValue
+ * @param options
+ */
+declare function useIDBKeyval<T>(key: IDBValidKey, initialValue: MaybeRefOrGetter<T>, options?: UseIDBOptions): UseIDBKeyvalReturn<T>;
+
+export { type UseIDBKeyvalReturn, type UseIDBOptions, useIDBKeyval };

package/useIDBKeyval.d.mts

@@ -0,0 +1,43 @@
+import { ConfigurableFlush, RemovableRef, MaybeRefOrGetter } from '@vueuse/shared';
+import { Ref } from 'vue-demi';
+
+interface UseIDBOptions extends ConfigurableFlush {
+    /**
+     * Watch for deep changes
+     *
+     * @default true
+     */
+    deep?: boolean;
+    /**
+     * On error callback
+     *
+     * Default log error to `console.error`
+     */
+    onError?: (error: unknown) => void;
+    /**
+     * Use shallow ref as reference
+     *
+     * @default false
+     */
+    shallow?: boolean;
+    /**
+     * Write the default value to the storage when it does not exist
+     *
+     * @default true
+     */
+    writeDefaults?: boolean;
+}
+interface UseIDBKeyvalReturn<T> {
+    data: RemovableRef<T>;
+    isFinished: Ref<boolean>;
+    set(value: T): Promise<void>;
+}
+/**
+ *
+ * @param key
+ * @param initialValue
+ * @param options
+ */
+declare function useIDBKeyval<T>(key: IDBValidKey, initialValue: MaybeRefOrGetter<T>, options?: UseIDBOptions): UseIDBKeyvalReturn<T>;
+
+export { type UseIDBKeyvalReturn, type UseIDBOptions, useIDBKeyval };

package/useIDBKeyval.d.ts

@@ -1,4 +1,4 @@
-import { ConfigurableFlush, MaybeRefOrGetter, RemovableRef } from '@vueuse/shared';
+import { ConfigurableFlush, RemovableRef, MaybeRefOrGetter } from '@vueuse/shared';
 import { Ref } from 'vue-demi';
 
 interface UseIDBOptions extends ConfigurableFlush {
@@ -27,15 +27,17 @@ interface UseIDBOptions extends ConfigurableFlush {
      */
     writeDefaults?: boolean;
 }
+interface UseIDBKeyvalReturn<T> {
+    data: RemovableRef<T>;
+    isFinished: Ref<boolean>;
+    set(value: T): Promise<void>;
+}
 /**
  *
  * @param key
  * @param initialValue
  * @param options
  */
-declare function useIDBKeyval<T>(key: IDBValidKey, initialValue: MaybeRefOrGetter<T>, options?: UseIDBOptions): {
-    data: RemovableRef<T>;
-    isFinished: Ref<boolean>;
-};
+declare function useIDBKeyval<T>(key: IDBValidKey, initialValue: MaybeRefOrGetter<T>, options?: UseIDBOptions): UseIDBKeyvalReturn<T>;
 
-export { UseIDBOptions, useIDBKeyval };
+export { type UseIDBKeyvalReturn, type UseIDBOptions, useIDBKeyval };

package/useIDBKeyval.iife.js

@@ -114,25 +114,9 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   this.VueCompositionAPI || (typeof VueCompositionAPI !== 'undefined' ? VueCompositionAPI : undefined)
 );
 ;
-;(function (exports, shared, vueDemi, idbKeyval) {
+;(function (exports, shared, core, vueDemi, idbKeyval) {
   '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 useIDBKeyval(key, initialValue, options = {}) {
     const {
       flush = "pre",
@@ -169,7 +153,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
           if (Array.isArray(data.value))
             await idbKeyval.update(key, () => JSON.parse(JSON.stringify(data.value)));
           else if (typeof data.value === "object")
-            await idbKeyval.update(key, () => __spreadValues({}, data.value));
+            await idbKeyval.update(key, () => ({ ...data.value }));
           else
             await idbKeyval.update(key, () => data.value);
         }
@@ -177,10 +161,23 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
         onError(e);
       }
     }
-    vueDemi.watch(data, () => write(), { flush, deep });
-    return { isFinished, data };
+    const {
+      pause: pauseWatch,
+      resume: resumeWatch
+    } = core.watchPausable(data, () => write(), { flush, deep });
+    async function setData(value) {
+      pauseWatch();
+      data.value = value;
+      await write();
+      resumeWatch();
+    }
+    return {
+      set: setData,
+      isFinished,
+      data
+    };
   }
 
   exports.useIDBKeyval = useIDBKeyval;
 
-})(this.VueUse = this.VueUse || {}, VueUse, VueDemi, idbKeyval);
+})(this.VueUse = this.VueUse || {}, VueUse, VueUse, VueDemi, idbKeyval);

package/useIDBKeyval.iife.min.js

@@ -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 s=function(a,u){var f,d={},v={config:r.config,use:r.use.bind(r),mixin:r.mixin.bind(r),component:r.component.bind(r),provide:function(e,t){return d[e]=t,this},directive:function(e,t){return t?(r.directive(e,t),v):r.directive(e)},mount:function(e,t){return f||(f=new r(Object.assign({propsData:u},a,{provide:Object.assign(d,a.provide)})),f.$mount(e,t),f)},unmount:function(){f&&(f.$destroy(),f=void 0)}};return v};var w=s;for(var o in r)n[o]=r[o];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=()=>!!n.getCurrentInstance(),n.createApp=s}else if(r.version.slice(0,2)==="2.")if(c){for(var o in c)n[o]=c[o];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=r,n.Vue2=r,n.version=r.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(r.version.slice(0,2)==="3."){for(var o in r)n[o]=r[o];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=r,n.Vue2=void 0,n.version=r.version,n.set=function(s,a,u){return Array.isArray(s)?(s.length=Math.max(s.length,a),s.splice(a,1,u),u):(s[a]=u,u)},n.del=function(s,a){if(Array.isArray(s)){s.splice(a,1);return}delete s[a]}}else console.error("[vue-demi] Vue version "+r.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,r,c,o){"use strict";var w=Object.defineProperty,s=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,f=(e,t,i)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,d=(e,t)=>{for(var i in t||(t={}))a.call(t,i)&&f(e,i,t[i]);if(s)for(var i of s(t))u.call(t,i)&&f(e,i,t[i]);return e};function v(e,t,i={}){const{flush:_="pre",deep:I=!0,shallow:A=!1,onError:y=p=>{console.error(p)},writeDefaults:P=!0}=i,O=c.ref(!1),l=(A?c.shallowRef:c.ref)(t),h=r.toValue(t);async function b(){try{const p=await o.get(e);p===void 0?h!=null&&P&&await o.set(e,h):l.value=p}catch(p){y(p)}O.value=!0}b();async function g(){try{l.value==null?await o.del(e):Array.isArray(l.value)?await o.update(e,()=>JSON.parse(JSON.stringify(l.value))):typeof l.value=="object"?await o.update(e,()=>d({},l.value)):await o.update(e,()=>l.value)}catch(p){y(p)}}return c.watch(l,()=>g(),{flush:_,deep:I}),{isFinished:O,data:l}}n.useIDBKeyval=v})(this.VueUse=this.VueUse||{},VueUse,VueDemi,idbKeyval);
+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(t,f){var i,v={},p={config:e.config,use:e.use.bind(e),mixin:e.mixin.bind(e),component:e.component.bind(e),provide:function(l,c){return v[l]=c,this},directive:function(l,c){return c?(e.directive(l,c),p):e.directive(l)},mount:function(l,c){return i||(i=new e(Object.assign({propsData:f},t,{provide:Object.assign(v,t.provide)})),i.$mount(l,c),i)},unmount:function(){i&&(i.$destroy(),i=void 0)}};return p};var u=s;for(var r in e)n[r]=e[r];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 r in d)n[r]=d[r];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 r in e)n[r]=e[r];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=e,n.Vue2=void 0,n.version=e.version,n.set=function(s,t,f){return Array.isArray(s)?(s.length=Math.max(s.length,t),s.splice(t,1,f),f):(s[t]=f,f)},n.del=function(s,t){if(Array.isArray(s)){s.splice(t,1);return}delete s[t]}}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,r,u){"use strict";function s(t,f,i={}){const{flush:v="pre",deep:p=!0,shallow:l=!1,onError:c=a=>{console.error(a)},writeDefaults:I=!0}=i,w=r.ref(!1),o=(l?r.shallowRef:r.ref)(f),h=e.toValue(f);async function y(){try{const a=await u.get(t);a===void 0?h!=null&&I&&await u.set(t,h):o.value=a}catch(a){c(a)}w.value=!0}y();async function A(){try{o.value==null?await u.del(t):Array.isArray(o.value)?await u.update(t,()=>JSON.parse(JSON.stringify(o.value))):typeof o.value=="object"?await u.update(t,()=>({...o.value})):await u.update(t,()=>o.value)}catch(a){c(a)}}const{pause:b,resume:j}=d.watchPausable(o,()=>A(),{flush:v,deep:p});async function x(a){b(),o.value=a,await A(),j()}return{set:x,isFinished:w,data:o}}n.useIDBKeyval=s})(this.VueUse=this.VueUse||{},VueUse,VueUse,VueDemi,idbKeyval);

package/useIDBKeyval.mjs

@@ -1,23 +1,8 @@
 import { toValue } from '@vueuse/shared';
-import { ref, shallowRef, watch } from 'vue-demi';
+import { watchPausable } from '@vueuse/core';
+import { ref, shallowRef } from 'vue-demi';
 import { get, set, del, update } from 'idb-keyval';
 
-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 useIDBKeyval(key, initialValue, options = {}) {
   const {
     flush = "pre",
@@ -54,7 +39,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
         if (Array.isArray(data.value))
           await update(key, () => JSON.parse(JSON.stringify(data.value)));
         else if (typeof data.value === "object")
-          await update(key, () => __spreadValues({}, data.value));
+          await update(key, () => ({ ...data.value }));
         else
           await update(key, () => data.value);
       }
@@ -62,8 +47,21 @@ function useIDBKeyval(key, initialValue, options = {}) {
       onError(e);
     }
   }
-  watch(data, () => write(), { flush, deep });
-  return { isFinished, data };
+  const {
+    pause: pauseWatch,
+    resume: resumeWatch
+  } = watchPausable(data, () => write(), { flush, deep });
+  async function setData(value) {
+    pauseWatch();
+    data.value = value;
+    await write();
+    resumeWatch();
+  }
+  return {
+    set: setData,
+    isFinished,
+    data
+  };
 }
 
 export { useIDBKeyval };

package/useJwt.cjs

@@ -13,7 +13,7 @@ function useJwt(encodedJwt, options = {}) {
     try {
       return jwt_decode(encodedJwt2, options2);
     } catch (err) {
-      onError == null ? void 0 : onError(err);
+      onError?.(err);
       return fallbackValue;
     }
   };

package/useJwt.d.cts

@@ -0,0 +1,29 @@
+import { ComputedRef } from 'vue-demi';
+import { MaybeRefOrGetter } from '@vueuse/shared';
+import { JwtPayload, JwtHeader } from 'jwt-decode';
+
+interface UseJwtOptions<Fallback> {
+    /**
+     * Value returned when encounter error on decoding
+     *
+     * @default null
+     */
+    fallbackValue?: Fallback;
+    /**
+     * Error callback for decoding
+     */
+    onError?: (error: unknown) => void;
+}
+interface UseJwtReturn<Payload, Header, Fallback> {
+    header: ComputedRef<Header | Fallback>;
+    payload: ComputedRef<Payload | Fallback>;
+}
+/**
+ * Reactive decoded jwt token.
+ *
+ * @see https://vueuse.org/useJwt
+ * @param jwt
+ */
+declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeRefOrGetter<string>, options?: UseJwtOptions<Fallback>): UseJwtReturn<Payload, Header, Fallback>;
+
+export { type UseJwtOptions, type UseJwtReturn, useJwt };

package/useJwt.d.mts

@@ -0,0 +1,29 @@
+import { ComputedRef } from 'vue-demi';
+import { MaybeRefOrGetter } from '@vueuse/shared';
+import { JwtPayload, JwtHeader } from 'jwt-decode';
+
+interface UseJwtOptions<Fallback> {
+    /**
+     * Value returned when encounter error on decoding
+     *
+     * @default null
+     */
+    fallbackValue?: Fallback;
+    /**
+     * Error callback for decoding
+     */
+    onError?: (error: unknown) => void;
+}
+interface UseJwtReturn<Payload, Header, Fallback> {
+    header: ComputedRef<Header | Fallback>;
+    payload: ComputedRef<Payload | Fallback>;
+}
+/**
+ * Reactive decoded jwt token.
+ *
+ * @see https://vueuse.org/useJwt
+ * @param jwt
+ */
+declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeRefOrGetter<string>, options?: UseJwtOptions<Fallback>): UseJwtReturn<Payload, Header, Fallback>;
+
+export { type UseJwtOptions, type UseJwtReturn, useJwt };

package/useJwt.d.ts

@@ -26,4 +26,4 @@ interface UseJwtReturn<Payload, Header, Fallback> {
  */
 declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeRefOrGetter<string>, options?: UseJwtOptions<Fallback>): UseJwtReturn<Payload, Header, Fallback>;
 
-export { UseJwtOptions, UseJwtReturn, useJwt };
+export { type UseJwtOptions, type UseJwtReturn, useJwt };

package/useJwt.iife.js

@@ -126,7 +126,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       try {
         return jwt_decode(encodedJwt2, options2);
       } catch (err) {
-        onError == null ? void 0 : onError(err);
+        onError?.(err);
         return fallbackValue;
       }
     };