1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| import { tryOnMounted, tryOnUnmounted, useDebounceFn } from '@vueuse/core';
|
| interface WindowSizeOptions {
| immediate?: boolean;
| listenerOptions?: AddEventListenerOptions | boolean;
| once?: boolean;
| }
|
| export function useWindowSizeFn<T>(
| fn: Fn<T>,
| wait = 150,
| options?: WindowSizeOptions,
| ) {
| let handler = () => {
| fn();
| };
| const handleSize = useDebounceFn(handler, wait);
| handler = handleSize;
|
| const start = () => {
| if (options && options.immediate) {
| handler();
| }
| window.addEventListener('resize', handler);
| };
|
| const stop = () => {
| window.removeEventListener('resize', handler);
| };
|
| tryOnMounted(() => {
| start();
| });
|
| tryOnUnmounted(() => {
| stop();
| });
| return [start, stop];
| }
|
|
