Renderless components for VueUse
-
BREAKING: @vueuse/components v14+ requires Vue 3.5+, following core library requirements source
-
BREAKING: Renderless components refactored for consistency in v14.0.0. Components like OnClickOutside and OnLongPress now use an options prop for configuration and @trigger emit for actions source
-
BREAKING: ESM-only package — CJS build has been dropped since v13.0.0 source
-
DEPRECATED: VOnClickOutside is deprecated in favor of the lowercase vOnClickOutside directive source
-
DEPRECATED: VOnLongPress is deprecated in favor of the lowercase vOnLongPress directive source
-
NEW: UseDraggable supports autoScroll and restrictInView options for constrained dragging in v14.2.0 source
-
NEW: UseDraggable supports storageKey and storageType props for persistent element position source
-
NEW: vOnKeyStroke directive added for listening to keyboard events directly on elements
-
NEW: UseIdle default slot data now includes pause and resume methods via Stoppable implementation source
-
NEW: vInfiniteScroll supports reactive canLoadMore option in v14.1.0 source
-
NEW: UseElementVisibility added initialValue option in v14.1.0 source
-
NEW: UseMouseInElement supports tracking inline-level elements in v14.1.0 source
-
NEW: vIntersectionObserver now supports reactive rootMargin option in v14.2.0 source
-
NEW: UseOffsetPagination emits page-change, page-size-change, and page-count-change events
-
Use the storage-key and storage-type props on the <UseDraggable> component to automatically persist element position in localStorage or sessionStorage across sessions source
-
Utilize the ignore option in OnClickOutside (component or directive) to pass an array of refs or CSS selectors for elements that should not trigger the handler, essential for complex UIs like nested modals source
-
Always provide #loading and slots in to prevent layout shifts and handle broken images gracefully, rather than managing loading states manually in the script
