This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.

40 lines
807 B

2 years ago
import { tryOnMounted, tryOnUnmounted, useDebounceFn } from '@vueuse/core'
interface UseWindowSizeOptions {
wait?: number
2 years ago
once?: boolean
immediate?: boolean
listenerOptions?: AddEventListenerOptions | boolean
}
function useWindowSizeFn<T>(fn: Fn<T>, options: UseWindowSizeOptions = {}) {
const { wait = 150, immediate } = options
2 years ago
let handler = () => {
fn()
}
const handleSize = useDebounceFn(handler, wait)
handler = handleSize
const start = () => {
if (immediate)
2 years ago
handler()
2 years ago
window.addEventListener('resize', handler)
}
const stop = () => {
window.removeEventListener('resize', handler)
}
tryOnMounted(() => {
start()
})
tryOnUnmounted(() => {
stop()
})
return { start, stop }
2 years ago
}
export { useWindowSizeFn, type UseWindowSizeOptions }