@vueuse/components 10.7.1 → 10.8.0

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.
package/index.cjs CHANGED
@@ -452,23 +452,27 @@ function useStorage(key, defaults, storage, options = {}) {
452
452
  return data;
453
453
  function write(v) {
454
454
  try {
455
+ const oldValue = storage.getItem(key);
456
+ const dispatchWriteEvent = (newValue) => {
457
+ if (window) {
458
+ window.dispatchEvent(new CustomEvent(customStorageEventName, {
459
+ detail: {
460
+ key,
461
+ oldValue,
462
+ newValue,
463
+ storageArea: storage
464
+ }
465
+ }));
466
+ }
467
+ };
455
468
  if (v == null) {
469
+ dispatchWriteEvent(null);
456
470
  storage.removeItem(key);
457
471
  } else {
458
472
  const serialized = serializer.write(v);
459
- const oldValue = storage.getItem(key);
460
473
  if (oldValue !== serialized) {
461
474
  storage.setItem(key, serialized);
462
- if (window) {
463
- window.dispatchEvent(new CustomEvent(customStorageEventName, {
464
- detail: {
465
- key,
466
- oldValue,
467
- newValue: serialized,
468
- storageArea: storage
469
- }
470
- }));
471
- }
475
+ dispatchWriteEvent(serialized);
472
476
  }
473
477
  }
474
478
  } catch (e) {
@@ -523,10 +527,11 @@ function useStorage(key, defaults, storage, options = {}) {
523
527
 
524
528
  function useMounted() {
525
529
  const isMounted = vueDemi.ref(false);
526
- if (vueDemi.getCurrentInstance()) {
530
+ const instance = vueDemi.getCurrentInstance();
531
+ if (instance) {
527
532
  vueDemi.onMounted(() => {
528
533
  isMounted.value = true;
529
- });
534
+ }, instance);
530
535
  }
531
536
  return isMounted;
532
537
  }
@@ -766,7 +771,8 @@ const UseDraggable = /* @__PURE__ */ /* #__PURE__ */ vueDemi.defineComponent({
766
771
  "axis",
767
772
  "onStart",
768
773
  "onMove",
769
- "onEnd"
774
+ "onEnd",
775
+ "disabled"
770
776
  ],
771
777
  setup(props, { slots }) {
772
778
  const target = vueDemi.ref();
@@ -774,6 +780,7 @@ const UseDraggable = /* @__PURE__ */ /* #__PURE__ */ vueDemi.defineComponent({
774
780
  var _a;
775
781
  return (_a = props.handle) != null ? _a : target.value;
776
782
  });
783
+ const disabled = vueDemi.computed(() => !!props.disabled);
777
784
  const storageValue = props.storageKey && core.useStorage(
778
785
  props.storageKey,
779
786
  shared.toValue(props.initialValue) || { x: 0, y: 0 },
@@ -792,7 +799,8 @@ const UseDraggable = /* @__PURE__ */ /* #__PURE__ */ vueDemi.defineComponent({
792
799
  ...props,
793
800
  handle,
794
801
  initialValue,
795
- onEnd
802
+ onEnd,
803
+ disabled
796
804
  }));
797
805
  return () => {
798
806
  if (slots.default)
@@ -883,7 +891,7 @@ function useResizeObserver(target, callback, options = {}) {
883
891
  _el && observer.observe(_el, observerOptions);
884
892
  }
885
893
  },
886
- { immediate: true, flush: "post", deep: true }
894
+ { immediate: true, flush: "post" }
887
895
  );
888
896
  const stop = () => {
889
897
  cleanup();
@@ -1038,7 +1046,7 @@ function useIntersectionObserver(target, callback, options = {}) {
1038
1046
  }
1039
1047
 
1040
1048
  function useElementVisibility(element, options = {}) {
1041
- const { window = defaultWindow, scrollTarget } = options;
1049
+ const { window = defaultWindow, scrollTarget, threshold = 0 } = options;
1042
1050
  const elementIsVisible = vueDemi.ref(false);
1043
1051
  useIntersectionObserver(
1044
1052
  element,
@@ -1056,7 +1064,7 @@ function useElementVisibility(element, options = {}) {
1056
1064
  {
1057
1065
  root: scrollTarget,
1058
1066
  window,
1059
- threshold: 0
1067
+ threshold
1060
1068
  }
1061
1069
  );
1062
1070
  return elementIsVisible;
@@ -1270,7 +1278,10 @@ function useScroll(element, options = {}) {
1270
1278
  passive: true
1271
1279
  },
1272
1280
  behavior = "auto",
1273
- window = defaultWindow
1281
+ window = defaultWindow,
1282
+ onError = (e) => {
1283
+ console.error(e);
1284
+ }
1274
1285
  } = options;
1275
1286
  const internalX = vueDemi.ref(0);
1276
1287
  const internalY = vueDemi.ref(0);
@@ -1331,12 +1342,12 @@ function useScroll(element, options = {}) {
1331
1342
  var _a;
1332
1343
  if (!window)
1333
1344
  return;
1334
- const el = target.document ? target.document.documentElement : (_a = target.documentElement) != null ? _a : target;
1345
+ const el = ((_a = target == null ? void 0 : target.document) == null ? void 0 : _a.documentElement) || (target == null ? void 0 : target.documentElement) || unrefElement(target);
1335
1346
  const { display, flexDirection } = getComputedStyle(el);
1336
1347
  const scrollLeft = el.scrollLeft;
1337
1348
  directions.left = scrollLeft < internalX.value;
1338
1349
  directions.right = scrollLeft > internalX.value;
1339
- const left = Math.abs(scrollLeft) <= 0 + (offset.left || 0);
1350
+ const left = Math.abs(scrollLeft) <= (offset.left || 0);
1340
1351
  const right = Math.abs(scrollLeft) + el.clientWidth >= el.scrollWidth - (offset.right || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
1341
1352
  if (display === "flex" && flexDirection === "row-reverse") {
1342
1353
  arrivedState.left = right;
@@ -1351,7 +1362,7 @@ function useScroll(element, options = {}) {
1351
1362
  scrollTop = window.document.body.scrollTop;
1352
1363
  directions.top = scrollTop < internalY.value;
1353
1364
  directions.bottom = scrollTop > internalY.value;
1354
- const top = Math.abs(scrollTop) <= 0 + (offset.top || 0);
1365
+ const top = Math.abs(scrollTop) <= (offset.top || 0);
1355
1366
  const bottom = Math.abs(scrollTop) + el.clientHeight >= el.scrollHeight - (offset.bottom || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
1356
1367
  if (display === "flex" && flexDirection === "column-reverse") {
1357
1368
  arrivedState.top = bottom;
@@ -1379,10 +1390,14 @@ function useScroll(element, options = {}) {
1379
1390
  eventListenerOptions
1380
1391
  );
1381
1392
  shared.tryOnMounted(() => {
1382
- const _element = shared.toValue(element);
1383
- if (!_element)
1384
- return;
1385
- setArrivedState(_element);
1393
+ try {
1394
+ const _element = shared.toValue(element);
1395
+ if (!_element)
1396
+ return;
1397
+ setArrivedState(_element);
1398
+ } catch (e) {
1399
+ onError(e);
1400
+ }
1386
1401
  });
1387
1402
  useEventListener(
1388
1403
  element,
@@ -1732,16 +1747,21 @@ function useMutationObserver(target, callback, options = {}) {
1732
1747
  observer = void 0;
1733
1748
  }
1734
1749
  };
1750
+ const targets = vueDemi.computed(() => {
1751
+ const value = shared.toValue(target);
1752
+ const items = (Array.isArray(value) ? value : [value]).map(unrefElement).filter(shared.notNullish);
1753
+ return new Set(items);
1754
+ });
1735
1755
  const stopWatch = vueDemi.watch(
1736
- () => unrefElement(target),
1737
- (el) => {
1756
+ () => targets.value,
1757
+ (targets2) => {
1738
1758
  cleanup();
1739
- if (isSupported.value && window && el) {
1759
+ if (isSupported.value && window && targets2.size) {
1740
1760
  observer = new MutationObserver(callback);
1741
- observer.observe(el, mutationOptions);
1761
+ targets2.forEach((el) => observer.observe(el, mutationOptions));
1742
1762
  }
1743
1763
  },
1744
- { immediate: true }
1764
+ { immediate: true, flush: "post" }
1745
1765
  );
1746
1766
  const takeRecords = () => {
1747
1767
  return observer == null ? void 0 : observer.takeRecords();
package/index.d.cts CHANGED
@@ -46,7 +46,7 @@ type OnClickOutsideHandler<T extends {
46
46
  interface OnClickOutsideProps extends RenderableComponent {
47
47
  options?: OnClickOutsideOptions;
48
48
  }
49
- declare const OnClickOutside: vue_demi.DefineComponent<OnClickOutsideProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<OnClickOutsideProps>, {}, {}>;
49
+ declare const OnClickOutside: vue_demi.DefineComponent<OnClickOutsideProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<OnClickOutsideProps>, {}, {}>;
50
50
 
51
51
  declare const vOnClickOutside: ObjectDirective<HTMLElement, OnClickOutsideHandler | [(evt: any) => void, OnClickOutsideOptions]>;
52
52
 
@@ -93,7 +93,7 @@ interface OnLongPressModifiers {
93
93
  interface OnLongPressProps extends RenderableComponent {
94
94
  options?: OnLongPressOptions;
95
95
  }
96
- declare const OnLongPress: vue_demi.DefineComponent<OnLongPressProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<OnLongPressProps>, {}, {}>;
96
+ declare const OnLongPress: vue_demi.DefineComponent<OnLongPressProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<OnLongPressProps>, {}, {}>;
97
97
 
98
98
  type BindingValueFunction$6 = (evt: PointerEvent) => void;
99
99
  type BindingValueArray$5 = [
@@ -104,29 +104,29 @@ declare const vOnLongPress: ObjectDirective<HTMLElement, BindingValueFunction$6
104
104
 
105
105
  declare const UseActiveElement: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
106
106
  [key: string]: any;
107
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
107
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
108
108
 
109
109
  declare const UseBattery: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
110
110
  [key: string]: any;
111
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
111
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
112
112
 
113
113
  declare const UseBrowserLocation: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
114
114
  [key: string]: any;
115
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
115
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
116
116
 
117
117
  interface UseClipboardProps<Source = string> extends UseClipboardOptions<Source> {
118
118
  }
119
- declare const UseClipboard: vue_demi.DefineComponent<UseClipboardProps<string>, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseClipboardProps<string>>, {}, {}>;
119
+ declare const UseClipboard: vue_demi.DefineComponent<UseClipboardProps<string>, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseClipboardProps<string>>, {}, {}>;
120
120
 
121
121
  interface StorageLike {
122
- getItem(key: string): string | null;
123
- setItem(key: string, value: string): void;
124
- removeItem(key: string): void;
122
+ getItem: (key: string) => string | null;
123
+ setItem: (key: string, value: string) => void;
124
+ removeItem: (key: string) => void;
125
125
  }
126
126
 
127
127
  interface Serializer<T> {
128
- read(raw: string): T;
129
- write(value: T): string;
128
+ read: (raw: string) => T;
129
+ write: (value: T) => string;
130
130
  }
131
131
  interface UseStorageOptions<T> extends ConfigurableEventFilter, ConfigurableWindow, ConfigurableFlush {
132
132
  /**
@@ -252,27 +252,27 @@ interface UseColorModeOptions<T extends string = BasicColorMode> extends UseStor
252
252
  disableTransition?: boolean;
253
253
  }
254
254
 
255
- declare const UseColorMode: vue_demi.DefineComponent<UseColorModeOptions<BasicColorMode>, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseColorModeOptions<BasicColorMode>>, {}, {}>;
255
+ declare const UseColorMode: vue_demi.DefineComponent<UseColorModeOptions<BasicColorMode>, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseColorModeOptions<BasicColorMode>>, {}, {}>;
256
256
 
257
- declare const UseDark: vue_demi.DefineComponent<UseDarkOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseDarkOptions>, {}, {}>;
257
+ declare const UseDark: vue_demi.DefineComponent<UseDarkOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseDarkOptions>, {}, {}>;
258
258
 
259
259
  declare const UseDeviceMotion: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
260
260
  [key: string]: any;
261
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
261
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
262
262
 
263
263
  declare const UseDeviceOrientation: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
264
264
  [key: string]: any;
265
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
265
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
266
266
 
267
267
  declare const UseDevicePixelRatio: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
268
268
  [key: string]: any;
269
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
269
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
270
270
 
271
- declare const UseDevicesList: vue_demi.DefineComponent<UseDevicesListOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseDevicesListOptions>, {}, {}>;
271
+ declare const UseDevicesList: vue_demi.DefineComponent<UseDevicesListOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseDevicesListOptions>, {}, {}>;
272
272
 
273
273
  declare const UseDocumentVisibility: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
274
274
  [key: string]: any;
275
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
275
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
276
276
 
277
277
  interface UseDraggableProps extends UseDraggableOptions, RenderableComponent {
278
278
  /**
@@ -286,7 +286,7 @@ interface UseDraggableProps extends UseDraggableOptions, RenderableComponent {
286
286
  */
287
287
  storageType?: 'local' | 'session';
288
288
  }
289
- declare const UseDraggable: vue_demi.DefineComponent<UseDraggableProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseDraggableProps>, {}, {}>;
289
+ declare const UseDraggable: vue_demi.DefineComponent<UseDraggableProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseDraggableProps>, {}, {}>;
290
290
 
291
291
  interface UseResizeObserverOptions extends ConfigurableWindow {
292
292
  /**
@@ -298,12 +298,12 @@ interface UseResizeObserverOptions extends ConfigurableWindow {
298
298
  box?: ResizeObserverBoxOptions;
299
299
  }
300
300
 
301
- declare const UseElementBounding: vue_demi.DefineComponent<UseResizeObserverOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseResizeObserverOptions & RenderableComponent>, {}, {}>;
301
+ declare const UseElementBounding: vue_demi.DefineComponent<UseResizeObserverOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseResizeObserverOptions & RenderableComponent>, {}, {}>;
302
302
 
303
303
  type BindingValueFunction$5 = (state: boolean) => void;
304
304
  declare const vElementHover: ObjectDirective<HTMLElement, BindingValueFunction$5>;
305
305
 
306
- declare const UseElementSize: vue_demi.DefineComponent<ElementSize$1 & UseResizeObserverOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<ElementSize$1 & UseResizeObserverOptions & RenderableComponent>, {}, {}>;
306
+ declare const UseElementSize: vue_demi.DefineComponent<ElementSize$1 & UseResizeObserverOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<ElementSize$1 & UseResizeObserverOptions & RenderableComponent>, {}, {}>;
307
307
 
308
308
  interface ElementSize {
309
309
  width: number;
@@ -326,9 +326,30 @@ type VElementSizeOptions = RemoveFirstFromTuple<Parameters<typeof useElementSize
326
326
  type BindingValueArray$4 = [BindingValueFunction$4, ...VElementSizeOptions];
327
327
  declare const vElementSize: ObjectDirective<HTMLElement, BindingValueFunction$4 | BindingValueArray$4>;
328
328
 
329
- declare const UseElementVisibility: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<RenderableComponent>, {}, {}>;
329
+ declare const UseElementVisibility: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<RenderableComponent>, {}, {}>;
330
330
 
331
- interface UseElementVisibilityOptions extends ConfigurableWindow {
331
+ interface UseIntersectionObserverOptions extends ConfigurableWindow {
332
+ /**
333
+ * Start the IntersectionObserver immediately on creation
334
+ *
335
+ * @default true
336
+ */
337
+ immediate?: boolean;
338
+ /**
339
+ * The Element or Document whose bounds are used as the bounding box when testing for intersection.
340
+ */
341
+ root?: MaybeComputedElementRef;
342
+ /**
343
+ * A string which specifies a set of offsets to add to the root's bounding_box when calculating intersections.
344
+ */
345
+ rootMargin?: string;
346
+ /**
347
+ * Either a single number or an array of numbers between 0.0 and 1.
348
+ */
349
+ threshold?: number | number[];
350
+ }
351
+
352
+ interface UseElementVisibilityOptions extends ConfigurableWindow, Pick<UseIntersectionObserverOptions, 'threshold'> {
332
353
  scrollTarget?: MaybeRefOrGetter<HTMLElement | undefined | null>;
333
354
  }
334
355
 
@@ -340,17 +361,17 @@ declare const UseEyeDropper: vue_demi.DefineComponent<{
340
361
  sRGBHex: StringConstructor;
341
362
  }, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
342
363
  [key: string]: any;
343
- }>[] | undefined, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
364
+ }>[] | undefined, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{
344
365
  sRGBHex: StringConstructor;
345
366
  }>>, {}, {}>;
346
367
 
347
- declare const UseFullscreen: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<RenderableComponent>, {}, {}>;
368
+ declare const UseFullscreen: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<RenderableComponent>, {}, {}>;
348
369
 
349
- declare const UseGeolocation: vue_demi.DefineComponent<UseGeolocationOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseGeolocationOptions>, {}, {}>;
370
+ declare const UseGeolocation: vue_demi.DefineComponent<UseGeolocationOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseGeolocationOptions>, {}, {}>;
350
371
 
351
372
  declare const UseIdle: vue_demi.DefineComponent<UseIdleOptions & {
352
373
  timeout: number;
353
- }, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseIdleOptions & {
374
+ }, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseIdleOptions & {
354
375
  timeout: number;
355
376
  }>, {}, {}>;
356
377
 
@@ -373,7 +394,7 @@ interface UseImageOptions {
373
394
  referrerPolicy?: HTMLImageElement['referrerPolicy'];
374
395
  }
375
396
 
376
- declare const UseImage: vue_demi.DefineComponent<UseImageOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseImageOptions & RenderableComponent>, {}, {}>;
397
+ declare const UseImage: vue_demi.DefineComponent<UseImageOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseImageOptions & RenderableComponent>, {}, {}>;
377
398
 
378
399
  interface UseScrollOptions extends ConfigurableWindow {
379
400
  /**
@@ -422,6 +443,12 @@ interface UseScrollOptions extends ConfigurableWindow {
422
443
  * @default 'auto'
423
444
  */
424
445
  behavior?: MaybeRefOrGetter<ScrollBehavior>;
446
+ /**
447
+ * On error callback
448
+ *
449
+ * Default log error to `console.error`
450
+ */
451
+ onError?: (error: unknown) => void;
425
452
  }
426
453
  /**
427
454
  * Reactive scroll.
@@ -490,47 +517,26 @@ type BindingValueFunction$2 = Parameters<typeof useInfiniteScroll>[1];
490
517
  type BindingValueArray$2 = [BindingValueFunction$2, UseInfiniteScrollOptions];
491
518
  declare const vInfiniteScroll: ObjectDirective<HTMLElement, BindingValueFunction$2 | BindingValueArray$2>;
492
519
 
493
- interface UseIntersectionObserverOptions extends ConfigurableWindow {
494
- /**
495
- * Start the IntersectionObserver immediately on creation
496
- *
497
- * @default true
498
- */
499
- immediate?: boolean;
500
- /**
501
- * The Element or Document whose bounds are used as the bounding box when testing for intersection.
502
- */
503
- root?: MaybeComputedElementRef;
504
- /**
505
- * A string which specifies a set of offsets to add to the root's bounding_box when calculating intersections.
506
- */
507
- rootMargin?: string;
508
- /**
509
- * Either a single number or an array of numbers between 0.0 and 1.
510
- */
511
- threshold?: number | number[];
512
- }
513
-
514
520
  type BindingValueFunction$1 = IntersectionObserverCallback;
515
521
  type BindingValueArray$1 = [BindingValueFunction$1, UseIntersectionObserverOptions];
516
522
  declare const vIntersectionObserver: ObjectDirective<HTMLElement, BindingValueFunction$1 | BindingValueArray$1>;
517
523
 
518
- declare const UseMouse: vue_demi.DefineComponent<UseMouseOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseMouseOptions>, {}, {}>;
524
+ declare const UseMouse: vue_demi.DefineComponent<UseMouseOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseMouseOptions>, {}, {}>;
519
525
 
520
- declare const UseMouseInElement: vue_demi.DefineComponent<MouseInElementOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<MouseInElementOptions & RenderableComponent>, {}, {}>;
526
+ declare const UseMouseInElement: vue_demi.DefineComponent<MouseInElementOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<MouseInElementOptions & RenderableComponent>, {}, {}>;
521
527
 
522
- declare const UseMousePressed: vue_demi.DefineComponent<Omit<MousePressedOptions, "target"> & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<Omit<MousePressedOptions, "target"> & RenderableComponent>, {}, {}>;
528
+ declare const UseMousePressed: vue_demi.DefineComponent<Omit<MousePressedOptions, "target"> & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<Omit<MousePressedOptions, "target"> & RenderableComponent>, {}, {}>;
523
529
 
524
530
  declare const UseNetwork: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
525
531
  [key: string]: any;
526
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
532
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
527
533
 
528
- declare const UseNow: vue_demi.DefineComponent<Omit<UseNowOptions<true>, "controls">, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<Omit<UseNowOptions<true>, "controls">>, {}, {}>;
534
+ declare const UseNow: vue_demi.DefineComponent<Omit<UseNowOptions<true>, "controls">, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<Omit<UseNowOptions<true>, "controls">>, {}, {}>;
529
535
 
530
536
  interface UseObjectUrlProps {
531
537
  object: Blob | MediaSource | undefined;
532
538
  }
533
- declare const UseObjectUrl: vue_demi.DefineComponent<UseObjectUrlProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseObjectUrlProps>, {}, {}>;
539
+ declare const UseObjectUrl: vue_demi.DefineComponent<UseObjectUrlProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseObjectUrlProps>, {}, {}>;
534
540
 
535
541
  interface UseOffsetPaginationOptions {
536
542
  /**
@@ -570,43 +576,43 @@ interface UseOffsetPaginationReturn {
570
576
  next: () => void;
571
577
  }
572
578
 
573
- declare const UseOffsetPagination: vue_demi.DefineComponent<UseOffsetPaginationOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseOffsetPaginationOptions>, {}, {}>;
579
+ declare const UseOffsetPagination: vue_demi.DefineComponent<UseOffsetPaginationOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseOffsetPaginationOptions>, {}, {}>;
574
580
 
575
581
  declare const UseOnline: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
576
582
  [key: string]: any;
577
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
583
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
578
584
 
579
585
  declare const UsePageLeave: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
580
586
  [key: string]: any;
581
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
587
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
582
588
 
583
589
  declare const UsePointer: vue_demi.DefineComponent<Omit<UsePointerOptions, "target"> & {
584
590
  target: 'window' | 'self';
585
- }, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<Omit<UsePointerOptions, "target"> & {
591
+ }, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<Omit<UsePointerOptions, "target"> & {
586
592
  target: 'window' | 'self';
587
593
  }>, {}, {}>;
588
594
 
589
- declare const UsePointerLock: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<RenderableComponent>, {}, {}>;
595
+ declare const UsePointerLock: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<RenderableComponent>, {}, {}>;
590
596
 
591
597
  declare const UsePreferredColorScheme: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
592
598
  [key: string]: any;
593
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
599
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
594
600
 
595
601
  declare const UsePreferredContrast: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
596
602
  [key: string]: any;
597
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
603
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
598
604
 
599
605
  declare const UsePreferredDark: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
600
606
  [key: string]: any;
601
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
607
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
602
608
 
603
609
  declare const UsePreferredLanguages: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
604
610
  [key: string]: any;
605
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
611
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
606
612
 
607
613
  declare const UsePreferredReducedMotion: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
608
614
  [key: string]: any;
609
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
615
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
610
616
 
611
617
  declare const UseScreenSafeArea: vue_demi.DefineComponent<{
612
618
  top: BooleanConstructor;
@@ -615,7 +621,7 @@ declare const UseScreenSafeArea: vue_demi.DefineComponent<{
615
621
  left: BooleanConstructor;
616
622
  }, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
617
623
  [key: string]: any;
618
- }> | undefined, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
624
+ }> | undefined, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{
619
625
  top: BooleanConstructor;
620
626
  right: BooleanConstructor;
621
627
  bottom: BooleanConstructor;
@@ -636,9 +642,9 @@ declare const vScrollLock: FunctionDirective<HTMLElement, boolean>;
636
642
  interface UseTimeAgoComponentOptions extends Omit<UseTimeAgoOptions<true>, 'controls'> {
637
643
  time: MaybeRef<Date | number | string>;
638
644
  }
639
- declare const UseTimeAgo: vue_demi.DefineComponent<UseTimeAgoComponentOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseTimeAgoComponentOptions>, {}, {}>;
645
+ declare const UseTimeAgo: vue_demi.DefineComponent<UseTimeAgoComponentOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseTimeAgoComponentOptions>, {}, {}>;
640
646
 
641
- declare const UseTimestamp: vue_demi.DefineComponent<Omit<UseTimestampOptions<true>, "controls">, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<Omit<UseTimestampOptions<true>, "controls">>, {}, {}>;
647
+ declare const UseTimestamp: vue_demi.DefineComponent<Omit<UseTimestampOptions<true>, "controls">, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<Omit<UseTimestampOptions<true>, "controls">>, {}, {}>;
642
648
 
643
649
  interface UseVirtualListProps {
644
650
  /**
@@ -660,12 +666,12 @@ interface UseVirtualListProps {
660
666
  */
661
667
  height: string;
662
668
  }
663
- declare const UseVirtualList: vue_demi.DefineComponent<UseVirtualListProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseVirtualListProps>, {}, {}>;
669
+ declare const UseVirtualList: vue_demi.DefineComponent<UseVirtualListProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseVirtualListProps>, {}, {}>;
664
670
 
665
671
  declare const UseWindowFocus: vue_demi.DefineComponent<{}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
666
672
  [key: string]: any;
667
- }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
673
+ }>[] | undefined, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<vue_demi.ExtractPropTypes<{}>>, {}, {}>;
668
674
 
669
- declare const UseWindowSize: vue_demi.DefineComponent<UseWindowSizeOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseWindowSizeOptions>, {}, {}>;
675
+ declare const UseWindowSize: vue_demi.DefineComponent<UseWindowSizeOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.PublicProps, Readonly<UseWindowSizeOptions>, {}, {}>;
670
676
 
671
677
  export { OnClickOutside, type OnClickOutsideProps, OnLongPress, type OnLongPressProps, UseActiveElement, UseBattery, UseBrowserLocation, UseClipboard, UseColorMode, UseDark, UseDeviceMotion, UseDeviceOrientation, UseDevicePixelRatio, UseDevicesList, UseDocumentVisibility, UseDraggable, type UseDraggableProps, UseElementBounding, UseElementSize, UseElementVisibility, UseEyeDropper, UseFullscreen, UseGeolocation, UseIdle, UseImage, UseMouse, UseMouseInElement, UseMousePressed, UseNetwork, UseNow, UseObjectUrl, type UseObjectUrlProps, UseOffsetPagination, UseOnline, UsePageLeave, UsePointer, UsePointerLock, UsePreferredColorScheme, UsePreferredContrast, UsePreferredDark, UsePreferredLanguages, UsePreferredReducedMotion, UseScreenSafeArea, UseTimeAgo, UseTimestamp, UseVirtualList, type UseVirtualListProps, UseWindowFocus, UseWindowSize, vOnClickOutside as VOnClickOutside, vOnLongPress as VOnLongPress, vElementHover, vElementSize, vElementVisibility, vInfiniteScroll, vIntersectionObserver, vOnClickOutside, vOnKeyStroke, vOnLongPress, vScroll, vScrollLock };