Setipis di sumbernya: satu pemanggilan useEventListener ke window. Tetap dikirim sebagai item tersendiri karena namanya menyebut maksudnya, dan yang membacanya di tempat pemakaian langsung tahu cakupannya seluruh halaman — bukan sebuah elemen yang kebetulan tidak disebutkan.
Installation
pnpm dlx shadcn-vue@latest add @kliping/use-click-any-where Perlu @kliping terdaftar di components.json project Anda. Lihat cara menyiapkannya.
Ikut terpasang sendiri: use-event-listener.
Salin dulu is-browser, target, use-event-listener — masing-masing memuat sumbernya di halamannya sendiri — lalu tempel berkas ini.
ts
import { useEventListener } from '@/composables/use-event-listener'
export function useClickAnyWhere(handler: (event: MouseEvent) => void) {
return useEventListener('click', handler)
}API
ts
export function useClickAnyWhere(handler: (event: MouseEvent) => void)