SKILL.md
$2a
IMPORTANT: Each function entry includes a short Description and a detailed Reference. When using any function, always consult the corresponding document in ./references for Usage details and Type Declarations.
State
Function
Description
Invocation
Keep states in the global scope to be reusable across Vue instances
AUTO
Create global state that can be injected into components
AUTO
Make a composable function usable with multiple Vue instances
AUTO
Extended inject with ability to call provideLocal to provide the value in the same component
AUTO
Extended provide with ability to call injectLocal to obtain the value in the same component
AUTO
Reactive async state
AUTO
Shorthand for useRefHistory with debounced filter
AUTO
Records the timestamp of the last change
AUTO
Reactive LocalStorage
AUTO
Manually track the change history of a ref when the user calls commit()
AUTO
Track the change history of a ref
AUTO
Reactive SessionStorage
AUTO
Create a reactive ref that can be used to access & modify LocalStorage or SessionStorage
AUTO
Reactive Storage with async support
AUTO
Shorthand for useRefHistory with throttled filter
AUTO
Elements
Function
Description
Invocation
Reactive document.activeElement
AUTO
Reactively track document.visibilityState
AUTO
Make elements draggable
AUTO
Create a zone where files can be dropped
AUTO
Reactive bounding box of an HTML element
AUTO
Reactive size of an HTML element
AUTO
Tracks the visibility of an element within the viewport
AUTO
Detects changes to a target element's visibility
AUTO
Reactive mouse position related to an element
AUTO
Watch for changes being made to the DOM tree
AUTO
Get parent element of the given element
AUTO
Reports changes to the dimensions of an Element's content or the border-box
AUTO
Reactively track window focus with window.onfocus and window.onblur events
AUTO
Reactive window scroll
AUTO
Reactive window size
AUTO
Browser
Function
Description
Invocation
Reactive Web Bluetooth API
AUTO
Reactive viewport breakpoints
AUTO
Reactive BroadcastChannel API
AUTO
Reactive browser location
AUTO
Reactive Clipboard API
AUTO
Reactive Clipboard API
AUTO
Reactive color mode (dark / light / customs) with auto data persistence
AUTO
SSR compatible and reactive CSS.supports
AUTO
Manipulate CSS variables
AUTO
Reactive dark mode with auto data persistence
AUTO
Use EventListener with ease
AUTO
Reactive EyeDropper API
AUTO
Reactive favicon
AUTO
Open file dialog with ease
AUTO
Create and read and write local files with FileSystemAccessAPI
AUTO
Reactive Fullscreen API
AUTO
Provides reactive bindings for the Gamepad API
AUTO
Reactive load an image in the browser
AUTO
Reactive media controls for both audio and video elements
AUTO
Reactive Media Query
AUTO
Reactive Memory Info
AUTO
Reactive URL representing an object
AUTO
Observe performance metrics
AUTO
Reactive Permissions API
AUTO
Reactive prefers-color-scheme media query
AUTO
Reactive prefers-contrast media query
AUTO
Reactive dark theme preference
AUTO
Reactive Navigator Languages
AUTO
Reactive prefers-reduced-motion media query
AUTO
usePreferredReducedTransparency
Reactive prefers-reduced-transparency media query
AUTO
Reactive Screen Orientation API
AUTO
Reactive env(safe-area-inset-*)
AUTO
Creates a script tag
AUTO
Reactive Web Share API
AUTO
Used to set a global viewport width which will be used when rendering SSR components that rely on the viewport width like useMediaQuery or useBreakpoints
AUTO
Inject reactive style element in head
AUTO
Automatically update the height of a textarea depending on the content
AUTO
Reactive dir of the element's text
AUTO
Reactive document title
AUTO
Reactive URLSearchParams
AUTO
Reactive Vibration API
AUTO
Reactive Screen Wake Lock API
AUTO
Reactive Notification
AUTO
Simple Web Workers registration and communication
AUTO
Run expensive functions without blocking the UI
AUTO
Sensors
Function
Description
Invocation
Listen for clicks outside of an element
AUTO
Fires when the element or any element containing it is removed from the DOM
AUTO
Listen for keyboard keystrokes
AUTO
Listen for a long press on an element
AUTO
Fires when users start typing on non-editable elements
AUTO
Reactive Battery Status API
AUTO
Reactive DeviceMotionEvent
AUTO
Reactive DeviceOrientationEvent
AUTO
Reactively track window.devicePixelRatio
AUTO
Reactive enumerateDevices listing available input/output devices
AUTO
Reactive mediaDevices.getDisplayMedia streaming
AUTO
Reactive element by point
AUTO
Reactive element's hover state
AUTO
Reactive utility to track or set the focus state of a DOM element
AUTO
Reactive utility to track if an element or one of its descendants has focus
AUTO
Reactive FPS (frames per second)
AUTO
Reactive Geolocation API
AUTO
Tracks whether the user is being inactive
AUTO
Infinite scrolling of the element
AUTO
Reactive Modifier State
AUTO
Reactive keys pressed state
AUTO
Reactive mouse position
AUTO
Reactive mouse pressing state
AUTO
Reactive navigator.language
AUTO
Reactive Network status
AUTO
Reactive online state
AUTO
Reactive state to show whether the mouse leaves the page
AUTO
Create parallax effect easily
AUTO
Reactive pointer state
AUTO
Reactive pointer lock
AUTO
Reactive swipe detection based on PointerEvents
AUTO
Reactive scroll position and state
AUTO
Lock scrolling of the element
AUTO
Reactive SpeechRecognition
AUTO
Reactive SpeechSynthesis
AUTO
Reactive swipe detection based on TouchEvents
AUTO
Reactively track user text selection based on Window.getSelection
AUTO
Reactive mediaDevices.getUserMedia streaming
AUTO
Network
Function
Description
Invocation
An EventSource or Server-Sent-Events instance opens a persistent connection to an HTTP server
AUTO
Reactive Fetch API provides the ability to abort requests
AUTO
Reactive WebSocket client
AUTO
Animation
Function
Description
Invocation
Reactive Web Animations API
AUTO
Reactive counter that increases on every interval
AUTO
Wrapper for setInterval with controls
AUTO
Reactive current Date instance
AUTO
Call function on every requestAnimationFrame
AUTO
Reactive value that becomes true after a given time
AUTO
Wrapper for setTimeout with controls
AUTO
Reactive current timestamp
AUTO
Transition between values
AUTO
Component
Function
Description
Invocation
Combine computed and inject
AUTO
Define and reuse template inside the component scope
AUTO
Template as Promise
AUTO
Shorthand for binding ref to template element
AUTO
Safe onBeforeMount
AUTO
Safe onBeforeUnmount
AUTO
Safe onMounted
AUTO
Safe onScopeDispose
AUTO
Safe onUnmounted
AUTO
Retrieves the underlying DOM element from a Vue ref or component instance
AUTO
Get the DOM element of current component as a ref
AUTO
Mounted state in ref
AUTO
Shorthand for binding refs to template elements and components inside v-for
AUTO
Create virtual lists with ease
AUTO
Shorthand for v-model binding
AUTO
Shorthand for props v-model binding
AUTO
Watch
Function
Description
Invocation
Promised one-time watch for changes
AUTO
Watch for an array with additions and removals
AUTO
watch with the number of times triggered
AUTO
Debounced watch
AUTO
Shorthand for watching value with {deep: true}
AUTO
Ignorable watch
AUTO
Shorthand for watching value with {immediate: true}
AUTO
Shorthand for watching value with { once: true }
AUTO
Pausable watch
AUTO
Throttled watch
AUTO
Watch that can be triggered manually
AUTO
watch with additional EventFilter control
AUTO
Shorthand for watching value to be truthy
AUTO
Reactivity
Function
Description
Invocation
Computed for async functions
AUTO
Eager computed without lazy evaluation
AUTO
Explicitly define the dependencies of computed
AUTO
Returns a deepRef or shallowRef depending on the deep param
AUTO
Add extra attributes to Ref
AUTO
Converts plain functions into reactive functions
AUTO
Apply reactify to an object
AUTO
Computed reactive object
AUTO
Reactively omit fields from a reactive object
AUTO
Reactively pick fields from a reactive object
AUTO
A ref which will be reset to the default value after some time
AUTO
Debounce execution of a ref value
AUTO
Apply default value to a ref
AUTO
Create a ref with manual reset functionality
AUTO
Throttle changing of a ref value
AUTO
Fine-grained controls over ref and its reactivity
AUTO
Two-way refs synchronization
AUTO
Keep target refs in sync with a source ref
AUTO
Converts ref to reactive
AUTO
Normalize value/ref/getter to ref or computed
EXPLICIT_ONLY
Extended toRefs that also accepts refs of an object
AUTO
Array
Function
Description
Invocation
Reactive get array difference of two arrays
AUTO
Reactive Array.every
AUTO
Reactive Array.filter
AUTO
Reactive Array.find
AUTO
Reactive Array.findIndex
AUTO
Reactive Array.findLast
AUTO
Reactive Array.includes
AUTO
Reactive Array.join
AUTO
Reactive Array.map
AUTO
Reactive Array.reduce
AUTO
Reactive Array.some
AUTO
Reactive unique array
AUTO
Reactive sort array
AUTO
Time
Function
Description
Invocation
Reactive countdown timer in seconds
AUTO
Get the formatted date according to the string of tokens passed in
AUTO
Reactive time ago
AUTO
Reactive time ago with i18n supported
AUTO
Utilities
Function
Description
Invocation
Utility for authoring disposable directives
AUTO
Utility for creating event hooks
AUTO
Make a plain function accepting ref and raw values as arguments
AUTO
Shorthand for accessing ref.value
EXPLICIT_ONLY
Non-nullish checking type guard for Ref
AUTO
Make isomorphic destructurable for object and array at the same time
AUTO
Shorthand for ref.value = x
EXPLICIT_ONLY
Executes each asynchronous task sequentially and passes the current task result to the next task
AUTO
Reactive base64 transforming
AUTO
Cache a ref with a custom comparator
AUTO
Reactive clone of a ref
AUTO
Creates event hooks to support modals and confirmation dialog chains
AUTO
Basic counter with utility functions
AUTO
Cycle through a list of items
AUTO
Debounce execution of a function
AUTO
A basic event bus
AUTO
Cache results of functions depending on arguments and keep it reactive
AUTO
Reactive offset pagination
AUTO
Holds the previous value of a ref
AUTO
Provides helpers for building a multi-step wizard interface
AUTO
SSR compatibility isSupported
AUTO
Throttle execution of a function
AUTO
Use timeout to poll something
AUTO
A boolean switcher with utility functions
AUTO
Reactively convert a string ref to number
AUTO
Reactively convert a ref to string
AUTO
@Electron
Function
Description
Invocation
Provides ipcRenderer and all of its APIs with Vue reactivity
EXTERNAL
Reactive ipcRenderer.invoke API result
EXTERNAL
Use ipcRenderer.on with ease and ipcRenderer.removeListener automatically on unmounted
EXTERNAL
Reactive WebFrame zoom factor
EXTERNAL
Reactive WebFrame zoom level
EXTERNAL
@Firebase
Function
Description
Invocation
Reactive Firebase Auth binding
EXTERNAL
Reactive Firestore binding
EXTERNAL
Reactive Firebase Realtime Database binding
EXTERNAL
@Head
Function
Description
Invocation
Create the head manager instance.
EXTERNAL
Update head meta tags reactively.
EXTERNAL
@Integrations
Function
Description
Invocation
Wrapper for async-validator
EXTERNAL
Wrapper for axios
EXTERNAL
Reactive wrapper for change-case
EXTERNAL
Wrapper for universal-cookie
EXTERNAL
Reactive instance for drauu
EXTERNAL
Reactive wrapper for focus-trap
EXTERNAL
Easily implement fuzzy search using a composable with Fuse.js
EXTERNAL
Wrapper for idb-keyval
EXTERNAL
Wrapper for jwt-decode
EXTERNAL
Reactive wrapper for nprogress
EXTERNAL
Wrapper for qrcode
EXTERNAL
Wrapper for sortable
EXTERNAL
@Math
Function
Description
Invocation
Generic version of createProjection
EXTERNAL
Reactive numeric projection from one domain to another
EXTERNAL
AND condition for refs
EXTERNAL
NOT condition for ref
EXTERNAL
OR conditions for refs
EXTERNAL
Reactive Math.abs
EXTERNAL
Get the average of an array reactively
EXTERNAL
Reactive Math.ceil
EXTERNAL
Reactively clamp a value between two other values
EXTERNAL
Reactive Math.floor
EXTERNAL
Reactive Math methods
EXTERNAL
Reactive Math.max
EXTERNAL
Reactive Math.min
EXTERNAL
Reactively set the precision of a number
EXTERNAL
Reactive numeric projection from one domain to another
EXTERNAL
Reactive Math.round
EXTERNAL
Get the sum of an array reactively
EXTERNAL
Reactive Math.trunc
EXTERNAL
@Motion
Function
Description
Invocation
Sync a reactive object to a target element CSS styling
EXTERNAL
Sync a reactive object to a target element CSS transform.
EXTERNAL
Putting your components in motion.
EXTERNAL
Access Motion Properties for a target element.
EXTERNAL
Handle the Variants state and selection.
EXTERNAL
Spring animations.
EXTERNAL
@Router
Function
Description
Invocation
Shorthand for a reactive route.hash
EXTERNAL
Shorthand for a reactive route.params
EXTERNAL
Shorthand for a reactive route.query
EXTERNAL
@RxJS
Function
Description
Invocation
Wrappers around RxJS's from() and fromEvent() to allow them to accept refs
EXTERNAL
Sugar function to convert a ref into an RxJS Observer
EXTERNAL
Use an RxJS Observable as extracted from one or more composables
EXTERNAL
Use an RxJS Observable
EXTERNAL
Bind an RxJS Subject to a ref and propagate value changes both ways
EXTERNAL
Use an RxJS Subscription without worrying about unsubscribing from it or creating memory leaks
EXTERNAL
Watch the values of an RxJS Observable as extracted from one or more composables
EXTERNAL
@SchemaOrg
Function
Description
Invocation
Create the schema.org manager instance.
EXTERNAL
Update schema.org reactively.
EXTERNAL
@Sound
Function
Description
Invocation
Play sound effects reactively.
EXTERNAL