@vueuse/integrations 12.6.1 → 12.8.0

package/useIDBKeyval.d.mts

@@ -1,5 +1,5 @@
-import { ConfigurableFlush, RemovableRef, MaybeRefOrGetter } from '@vueuse/shared';
-import { Ref } from 'vue';
+import { ConfigurableFlush, RemovableRef } from '@vueuse/shared';
+import { ShallowRef, MaybeRefOrGetter } from 'vue';
 
 interface UseIDBOptions extends ConfigurableFlush {
     /**
@@ -29,7 +29,7 @@ interface UseIDBOptions extends ConfigurableFlush {
 }
 interface UseIDBKeyvalReturn<T> {
     data: RemovableRef<T>;
-    isFinished: Ref<boolean>;
+    isFinished: ShallowRef<boolean>;
     set: (value: T) => Promise<void>;
 }
 /**

package/useIDBKeyval.d.ts

@@ -1,5 +1,5 @@
-import { ConfigurableFlush, RemovableRef, MaybeRefOrGetter } from '@vueuse/shared';
-import { Ref } from 'vue';
+import { ConfigurableFlush, RemovableRef } from '@vueuse/shared';
+import { ShallowRef, MaybeRefOrGetter } from 'vue';
 
 interface UseIDBOptions extends ConfigurableFlush {
     /**
@@ -29,7 +29,7 @@ interface UseIDBOptions extends ConfigurableFlush {
 }
 interface UseIDBKeyvalReturn<T> {
     data: RemovableRef<T>;
-    isFinished: Ref<boolean>;
+    isFinished: ShallowRef<boolean>;
     set: (value: T) => Promise<void>;
 }
 /**

package/useIDBKeyval.iife.js

@@ -11,7 +11,7 @@
       },
       writeDefaults = true
     } = options;
-    const isFinished = vue.ref(false);
+    const isFinished = vue.shallowRef(false);
     const data = (shallow ? vue.shallowRef : vue.ref)(initialValue);
     const rawInit = vue.toValue(initialValue);
     async function read() {

package/useIDBKeyval.iife.min.js

@@ -1 +1 @@
-(function(i,f,s,a){"use strict";function w(u,r,h={}){const{flush:d="pre",deep:p=!0,shallow:V=!1,onError:c=e=>{console.error(e)},writeDefaults:D=!0}=h,l=a.ref(!1),t=(V?a.shallowRef:a.ref)(r),n=a.toValue(r);async function v(){try{const e=await s.get(u);e===void 0?n!=null&&D&&await s.set(u,n):t.value=e}catch(e){c(e)}l.value=!0}v();async function o(){try{t.value==null?await s.del(u):await s.update(u,()=>a.toRaw(t.value))}catch(e){c(e)}}const{pause:I,resume:U}=f.watchPausable(t,()=>o(),{flush:d,deep:p});async function m(e){I(),t.value=e,await o(),U()}return{set:m,isFinished:l,data:t}}i.useIDBKeyval=w})(this.VueUse=this.VueUse||{},VueUse,idbKeyval,Vue);
+(function(i,f,s,a){"use strict";function w(u,l,h={}){const{flush:d="pre",deep:p=!0,shallow:V=!1,onError:c=e=>{console.error(e)},writeDefaults:D=!0}=h,o=a.shallowRef(!1),t=(V?a.shallowRef:a.ref)(l),n=a.toValue(l);async function v(){try{const e=await s.get(u);e===void 0?n!=null&&D&&await s.set(u,n):t.value=e}catch(e){c(e)}o.value=!0}v();async function r(){try{t.value==null?await s.del(u):await s.update(u,()=>a.toRaw(t.value))}catch(e){c(e)}}const{pause:I,resume:R}=f.watchPausable(t,()=>r(),{flush:d,deep:p});async function U(e){I(),t.value=e,await r(),R()}return{set:U,isFinished:o,data:t}}i.useIDBKeyval=w})(this.VueUse=this.VueUse||{},VueUse,idbKeyval,Vue);

package/useIDBKeyval.mjs

@@ -1,6 +1,6 @@
 import { watchPausable } from '@vueuse/core';
 import { get, set, del, update } from 'idb-keyval';
-import { ref, shallowRef, toValue, toRaw } from 'vue';
+import { shallowRef, ref, toValue, toRaw } from 'vue';
 
 function useIDBKeyval(key, initialValue, options = {}) {
   const {
@@ -12,7 +12,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
     },
     writeDefaults = true
   } = options;
-  const isFinished = ref(false);
+  const isFinished = shallowRef(false);
   const data = (shallow ? shallowRef : ref)(initialValue);
   const rawInit = toValue(initialValue);
   async function read() {

package/useJwt.d.cts

@@ -1,6 +1,5 @@
-import { MaybeRefOrGetter } from '@vueuse/shared';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
-import { ComputedRef } from 'vue';
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
 
 interface UseJwtOptions<Fallback> {
     /**

package/useJwt.d.mts

@@ -1,6 +1,5 @@
-import { MaybeRefOrGetter } from '@vueuse/shared';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
-import { ComputedRef } from 'vue';
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
 
 interface UseJwtOptions<Fallback> {
     /**

package/useJwt.d.ts

@@ -1,6 +1,5 @@
-import { MaybeRefOrGetter } from '@vueuse/shared';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
-import { ComputedRef } from 'vue';
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
 
 interface UseJwtOptions<Fallback> {
     /**

package/useNProgress.d.cts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { MaybeRefOrGetter } from '@vueuse/shared';
+import { MaybeRefOrGetter } from 'vue';
 import nprogress, { NProgressOptions } from 'nprogress';
 
 type UseNProgressOptions = Partial<NProgressOptions>;

package/useNProgress.d.mts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { MaybeRefOrGetter } from '@vueuse/shared';
+import { MaybeRefOrGetter } from 'vue';
 import nprogress, { NProgressOptions } from 'nprogress';
 
 type UseNProgressOptions = Partial<NProgressOptions>;

package/useNProgress.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { MaybeRefOrGetter } from '@vueuse/shared';
+import { MaybeRefOrGetter } from 'vue';
 import nprogress, { NProgressOptions } from 'nprogress';
 
 type UseNProgressOptions = Partial<NProgressOptions>;

package/useQRCode.cjs

@@ -6,7 +6,7 @@ var vue = require('vue');
 
 function useQRCode(text, options) {
   const src = shared.toRef(text);
-  const result = vue.ref("");
+  const result = vue.shallowRef("");
   vue.watch(
     src,
     async (value) => {

package/useQRCode.d.cts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { MaybeRefOrGetter } from '@vueuse/shared';
+import { MaybeRefOrGetter } from 'vue';
 import QRCode from 'qrcode';
 
 /**
@@ -9,6 +9,6 @@ import QRCode from 'qrcode';
  * @param text
  * @param options
  */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.Ref<string, string>;
+declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
 
 export { useQRCode };

package/useQRCode.d.mts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { MaybeRefOrGetter } from '@vueuse/shared';
+import { MaybeRefOrGetter } from 'vue';
 import QRCode from 'qrcode';
 
 /**
@@ -9,6 +9,6 @@ import QRCode from 'qrcode';
  * @param text
  * @param options
  */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.Ref<string, string>;
+declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
 
 export { useQRCode };

package/useQRCode.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { MaybeRefOrGetter } from '@vueuse/shared';
+import { MaybeRefOrGetter } from 'vue';
 import QRCode from 'qrcode';
 
 /**
@@ -9,6 +9,6 @@ import QRCode from 'qrcode';
  * @param text
  * @param options
  */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.Ref<string, string>;
+declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
 
 export { useQRCode };

package/useQRCode.iife.js

@@ -3,7 +3,7 @@
 
   function useQRCode(text, options) {
     const src = shared.toRef(text);
-    const result = vue.ref("");
+    const result = vue.shallowRef("");
     vue.watch(
       src,
       async (value) => {

package/useQRCode.iife.min.js

@@ -1 +1 @@
-(function(i,e,n,t){"use strict";function o(a,c){const s=e.toRef(a),u=t.ref("");return t.watch(s,async r=>{s.value&&e.isClient&&(u.value=await n.toDataURL(r,c))},{immediate:!0}),u}i.useQRCode=o})(this.VueUse=this.VueUse||{},VueUse,QRCode,Vue);
+(function(i,e,o,t){"use strict";function a(n,c){const s=e.toRef(n),u=t.shallowRef("");return t.watch(s,async l=>{s.value&&e.isClient&&(u.value=await o.toDataURL(l,c))},{immediate:!0}),u}i.useQRCode=a})(this.VueUse=this.VueUse||{},VueUse,QRCode,Vue);

package/useQRCode.mjs

@@ -1,10 +1,10 @@
 import { toRef, isClient } from '@vueuse/shared';
 import QRCode from 'qrcode';
-import { ref, watch } from 'vue';
+import { shallowRef, watch } from 'vue';
 
 function useQRCode(text, options) {
   const src = toRef(text);
-  const result = ref("");
+  const result = shallowRef("");
   watch(
     src,
     async (value) => {

package/useSortable/component.cjs

@@ -61,7 +61,7 @@ function moveArrayElement(list, from, to, e = null) {
   }
 }
 
-const UseSortable = /* @__PURE__ */ /* #__PURE__ */ vue.defineComponent({
+const UseSortable = /* @__PURE__ */ /*@__PURE__*/ vue.defineComponent({
   name: "UseSortable",
   props: {
     modelValue: {

package/useSortable/component.mjs

@@ -59,7 +59,7 @@ function moveArrayElement(list, from, to, e = null) {
   }
 }
 
-const UseSortable = /* @__PURE__ */ /* #__PURE__ */ defineComponent({
+const UseSortable = /* @__PURE__ */ /*@__PURE__*/ defineComponent({
   name: "UseSortable",
   props: {
     modelValue: {

package/useSortable.d.cts

@@ -1,5 +1,6 @@
-import { ConfigurableDocument, MaybeRefOrGetter } from '@vueuse/core';
+import { ConfigurableDocument } from '@vueuse/core';
 import Sortable, { Options } from 'sortablejs';
+import { MaybeRefOrGetter } from 'vue';
 
 interface UseSortableReturn {
     /**

package/useSortable.d.mts

@@ -1,5 +1,6 @@
-import { ConfigurableDocument, MaybeRefOrGetter } from '@vueuse/core';
+import { ConfigurableDocument } from '@vueuse/core';
 import Sortable, { Options } from 'sortablejs';
+import { MaybeRefOrGetter } from 'vue';
 
 interface UseSortableReturn {
     /**

package/useSortable.d.ts

@@ -1,5 +1,6 @@
-import { ConfigurableDocument, MaybeRefOrGetter } from '@vueuse/core';
+import { ConfigurableDocument } from '@vueuse/core';
 import Sortable, { Options } from 'sortablejs';
+import { MaybeRefOrGetter } from 'vue';
 
 interface UseSortableReturn {
     /**