21 composables
const active = useActiveElement()Elemen yang sedang menerima fokus.
const { charging, level } = useBattery()Keadaan baterai perangkat.
useClickAnyWhere(() => {
count.value += 1
})Menjalankan sesuatu setiap kali ada klik di mana pun di halaman.
const el = ref<HTMLElement>()
useClickAway(() => close(), el)Menjalankan sesuatu ketika kliknya jatuh di luar sekumpulan elemen.
const { copy, copied } = useClipboard()
await copy('hello')Menyalin ke papan klip, dengan penanda tersalin yang padam sendiri.
const visibility = useDocumentVisibility()Apakah tab-nya sedang dilihat.
const el = ref<HTMLElement>()
const { width, height } = useElementSize(el)Ukuran sebuah elemen, diikuti lewat ResizeObserver.
useEventListener('keydown', (e) => {
if (e.key === 'Escape') close()
})Memasang pendengar peristiwa yang ikut hidup dan mati bersama scope-nya.
const fps = useFps()Berapa bingkai per detik yang sedang digambar peramban.
const el = ref<HTMLElement>()
const { isFullscreen, toggle } = useFullscreen(el)Layar penuh, dengan seluruh awalan vendor yang masih dibutuhkan.
const hash = useHash()Bagian # dari alamat halaman, yang bisa dibaca dan ditulis.
const el = ref<HTMLElement>()
const isHovered = useHover(el)Apakah penunjuk sedang berada di atas sebuah elemen.
const el = ref<HTMLElement>()
const { inViewport, ratio } = useInViewport(el)Apakah sebuah elemen sedang terlihat di layar.
const isMobile = useIsMatchMedia('(max-width: 640px)')Apakah sebuah kueri media sedang cocok.
const isOnline = useIsOnline()Apakah peramban merasa sedang tersambung.
const { x, y } = useMouse()Posisi penunjuk, dengan dukungan sentuh.
const network = useNetwork()
network.value.online // trueKeadaan jaringan, selengkap yang mau diberitahu peramban.
const os = useOs() // 'macos' | 'windows' | …Sistem operasi yang sedang dipakai, ditebak dari navigator.
const { isLocked, lock, unlock } = useScrollLock()Mengunci gulungan halaman untuk dialog, drawer, dan menu layar penuh.
const { text, rect } = useTextSelection()Teks yang sedang disorot, beserta letaknya di layar.
const title = useTitle('Dashboard')Judul halaman, yang bisa dibaca dan ditulis.