VueUse Composable Patterns

Quick Guide: VueUse wraps browser APIs, sensors, network transports and small state utilities as composables that return refs and clean themselves up on scope disposal. Import each function by name from @vueuse/core — the library is large and entirely tree-shakeable. Two things decide whether a call works: it must run synchronously during setup, because teardown binds to the effect scope that is current at call time; and browser-API composables behave differently on a server, some returning a safe default and some needing client-only rendering.

Detailed Resources:

• examples/core.md — storage, event listeners, media queries, small state utilities
• examples/sensors.md — mouse, scroll, intersection, resize, element visibility
• examples/network.md — useFetch, createFetch, useWebSocket, useEventSource
• examples/state.md — createGlobalState, useRefHistory, syncRef, persistence
• examples/component.md — useVModel, useVirtualList, onClickOutside, onKeyStroke, animation
• reference.md — composable index by category, the SSR table, gotchas, deprecations