You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2456 lines
76 KiB

{
"packages": {
"shared": {
"name": "shared",
"display": "Shared utilities",
"dir": "packages/shared"
},
"core": {
"name": "core",
"display": "VueUse",
"description": "Collection of essential Vue Composition Utilities",
"dir": "packages/core"
},
"components": {
"name": "components",
"display": "Components",
"description": "Renderless components for VueUse",
"author": "Jacob Clevenger<https://github.com/wheatjs>",
"external": [
"@vueuse/core",
"@vueuse/shared"
],
"dir": "packages/components"
},
"math": {
"name": "math",
"display": "Math",
"description": "Math functions for VueUse",
"external": [
"@vueuse/shared"
],
"dir": "packages/math"
},
"router": {
"name": "router",
"display": "Router",
"description": "Utilities for vue-router",
"addon": true,
"external": [
"vue-router"
],
"globals": {
"vue-router": "VueRouter"
},
"dir": "packages/router",
"docs": "https://vueuse.org/router/README.html"
},
"integrations": {
"name": "integrations",
"display": "Integrations",
"description": "Integration wrappers for utility libraries",
"addon": true,
"submodules": true,
"external": [
"axios",
"universal-cookie",
"qrcode",
"http",
"nprogress",
"jwt-decode",
"focus-trap",
"change-case",
"drauu",
"@vueuse/core",
"@vueuse/shared",
"fuse.js",
"async-validator",
"idb-keyval"
],
"globals": {
"axios": "axios",
"universal-cookie": "UniversalCookie",
"qrcode": "QRCode",
"nprogress": "nprogress",
"jwt-decode": "jwt_decode",
"focus-trap": "focusTrap",
"drauu": "Drauu",
"fuse.js": "Fuse",
"change-case": "changeCase",
"async-validator": "AsyncValidator",
"idb-keyval": "idbKeyval"
},
"dir": "packages/integrations",
"docs": "https://vueuse.org/integrations/README.html"
},
"rxjs": {
"name": "rxjs",
"display": "RxJS",
"description": "Enables RxJS reactive functions in Vue",
"addon": true,
"external": [
"rxjs",
"rxjs/operators"
],
"globals": {
"rxjs": "rxjs",
"rxjs/operators": "rxjs.operator"
},
"dir": "packages/rxjs",
"docs": "https://vueuse.org/rxjs/README.html"
},
"firebase": {
"name": "firebase",
"display": "Firebase",
"description": "Enables realtime bindings for Firebase",
"addon": true,
"submodules": true,
"external": [
"firebase",
"firebase/app",
"firebase/database",
"firebase/firestore"
],
"globals": {
"firebase": "firebase",
"firebase/app": "firebase",
"firebase/database": "firebase",
"firebase/firestore": "firebase"
},
"dir": "packages/firebase",
"docs": "https://vueuse.org/firebase/README.html"
},
"electron": {
"name": "electron",
"display": "Electron",
"description": "Electron renderer process modules for VueUse",
"author": "Archer Gu<https://github.com/ArcherGu>",
"addon": true,
"external": [
"electron"
],
"iife": false,
"dir": "packages/electron",
"docs": "https://vueuse.org/electron/README.html"
}
},
"categories": [
"Animation",
"Array",
"Browser",
"Component",
"Elements",
"Network",
"Reactivity",
"Sensors",
"State",
"Time",
"Utilities",
"Watch",
"@Electron",
"@Firebase",
"@Head",
"@Integrations",
"@Math",
"@Motion",
"@Router",
"@RxJS",
"@SchemaOrg",
"@Sound"
],
"functions": [
{
"name": "computedAsync",
"package": "core",
"lastUpdated": 1672940168000,
"docs": "https://vueuse.org/core/computedAsync/",
"category": "Reactivity",
"description": "computed for async functions",
"alias": [
"asyncComputed"
]
},
{
"name": "computedEager",
"package": "shared",
"lastUpdated": 1645956777000,
"docs": "https://vueuse.org/shared/computedEager/",
"category": "Reactivity",
"description": "eager computed without lazy evaluation",
"alias": [
"eagerComputed"
]
},
{
"name": "computedInject",
"package": "core",
"lastUpdated": 1662388825000,
"docs": "https://vueuse.org/core/computedInject/",
"category": "Component",
"description": "combine computed and inject"
},
{
"name": "computedWithControl",
"package": "shared",
"lastUpdated": 1657102664000,
"docs": "https://vueuse.org/shared/computedWithControl/",
"category": "Reactivity",
"description": "explicitly define the dependencies of computed",
"alias": [
"controlledComputed"
],
"related": [
"refWithControl"
]
},
{
"name": "createEventHook",
"package": "shared",
"lastUpdated": 1671205540000,
"docs": "https://vueuse.org/shared/createEventHook/",
"category": "Utilities",
"description": "utility for creating event hooks"
},
{
"name": "createGenericProjection",
"package": "math",
"lastUpdated": 1667952962000,
"docs": "https://vueuse.org/math/createGenericProjection/",
"category": "@Math",
"description": "generic version of `createProjection`",
"related": [
"createProjection",
"useProjection"
]
},
{
"name": "createGlobalState",
"package": "shared",
"lastUpdated": 1625749207000,
"docs": "https://vueuse.org/shared/createGlobalState/",
"category": "State",
"description": "keep states in the global scope to be reusable across Vue instances",
"related": [
"createSharedComposable"
]
},
{
"name": "createHead",
"package": "head",
"description": "create the head manager instance.",
"category": "@Head",
"external": "https://github.com/vueuse/head#api"
},
{
"name": "createInjectionState",
"package": "shared",
"lastUpdated": 1673947341000,
"docs": "https://vueuse.org/shared/createInjectionState/",
"category": "State",
"description": "create global state that can be injected into components"
},
{
"name": "createProjection",
"package": "math",
"lastUpdated": 1657437998000,
"docs": "https://vueuse.org/math/createProjection/",
"category": "@Math",
"description": "reactive numeric projection from one domain to another",
"related": [
"createGenericProjection",
"useProjection"
]
},
{
"name": "createSchemaOrg",
"package": "schema-org",
"description": "create the schema.org manager instance.",
"category": "@SchemaOrg",
"external": "https://vue-schema-org.netlify.app/api/core/create-schema-org.html"
},
{
"name": "createSharedComposable",
"package": "shared",
"lastUpdated": 1639442454000,
"docs": "https://vueuse.org/shared/createSharedComposable/",
"category": "State",
"description": "make a composable function usable with multiple Vue instances",
"related": [
"createGlobalState"
]
},
{
"name": "createUnrefFn",
"package": "core",
"lastUpdated": 1651597361000,
"docs": "https://vueuse.org/core/createUnrefFn/",
"category": "Utilities",
"description": "make a plain function accepting ref and raw values as arguments",
"related": [
"reactify"
]
},
{
"name": "extendRef",
"package": "shared",
"lastUpdated": 1671470212000,
"docs": "https://vueuse.org/shared/extendRef/",
"category": "Reactivity",
"description": "add extra attributes to Ref"
},
{
"name": "from",
"package": "rxjs",
"lastUpdated": 1665003343000,
"docs": "https://vueuse.org/rxjs/from/",
"category": "@RxJS",
"description": "/ fromEvent"
},
{
"name": "get",
"package": "shared",
"lastUpdated": 1639442454000,
"docs": "https://vueuse.org/shared/get/",
"category": "Utilities",
"description": "shorthand for accessing `ref.value`"
},
{
"name": "isDefined",
"package": "shared",
"lastUpdated": 1639442454000,
"docs": "https://vueuse.org/shared/isDefined/",
"category": "Utilities",
"description": "non-nullish checking type guard for Ref"
},
{
"name": "logicAnd",
"package": "math",
"lastUpdated": 1657261466000,
"docs": "https://vueuse.org/math/logicAnd/",
"category": "@Math",
"description": "`AND` condition for refs",
"alias": [
"and"
],
"related": [
"logicNot",
"logicOr"
]
},
{
"name": "logicNot",
"package": "math",
"lastUpdated": 1657261466000,
"docs": "https://vueuse.org/math/logicNot/",
"category": "@Math",
"description": "`NOT` condition for ref",
"alias": [
"not"
],
"related": [
"logicAnd",
"logicOr"
]
},
{
"name": "logicOr",
"package": "math",
"lastUpdated": 1657261466000,
"docs": "https://vueuse.org/math/logicOr/",
"category": "@Math",
"description": "`OR` conditions for refs",
"alias": [
"or"
],
"related": [
"logicAnd",
"logicNot"
]
},
{
"name": "makeDestructurable",
"package": "shared",
"lastUpdated": 1662388825000,
"docs": "https://vueuse.org/shared/makeDestructurable/",
"category": "Utilities",
"description": "make isomorphic destructurable for object and array at the same time"
},
{
"name": "onClickOutside",
"package": "core",
"lastUpdated": 1675466376000,
"component": true,
"directive": true,
"docs": "https://vueuse.org/core/onClickOutside/",
"category": "Sensors",
"description": "listen for clicks outside of an element"
},
{
"name": "onKeyStroke",
"package": "core",
"lastUpdated": 1672754414000,
"directive": true,
"docs": "https://vueuse.org/core/onKeyStroke/",
"category": "Sensors",
"description": "listen for keyboard key being stroked"
},
{
"name": "onLongPress",
"package": "core",
"lastUpdated": 1661746302000,
"component": true,
"directive": true,
"docs": "https://vueuse.org/core/onLongPress/",
"category": "Sensors",
"description": "listen for a long press on an element"
},
{
"name": "onStartTyping",
"package": "core",
"lastUpdated": 1639442454000,
"docs": "https://vueuse.org/core/onStartTyping/",
"category": "Sensors",
"description": "fires when users start typing on non-editable elements"
},
{
"name": "reactify",
"package": "shared",
"lastUpdated": 1657634926000,
"docs": "https://vueuse.org/shared/reactify/",
"category": "Reactivity",
"description": "converts plain functions into reactive functions",
"alias": [
"createReactiveFn"
],
"related": [
"createUnrefFn"
]
},
{
"name": "reactifyObject",
"package": "shared",
"lastUpdated": 1667952962000,
"docs": "https://vueuse.org/shared/reactifyObject/",
"category": "Reactivity",
"description": "apply `reactify` to an object"
},
{
"name": "reactiveComputed",
"package": "shared",
"lastUpdated": 1645876129000,
"docs": "https://vueuse.org/shared/reactiveComputed/",
"category": "Reactivity",
"description": "computed reactive object"
},
{
"name": "reactiveOmit",
"package": "shared",
"lastUpdated": 1658645224000,
"docs": "https://vueuse.org/shared/reactiveOmit/",
"category": "Reactivity",
"description": "reactively omit fields from a reactive object"
},
{
"name": "reactivePick",
"package": "shared",
"lastUpdated": 1658645224000,
"docs": "https://vueuse.org/shared/reactivePick/",
"category": "Reactivity",
"description": "reactively pick fields from a reactive object"
},
{
"name": "refAutoReset",
"package": "shared",
"lastUpdated": 1660291797000,
"docs": "https://vueuse.org/shared/refAutoReset/",
"category": "Reactivity",
"description": "a ref which will be reset to the default value after some time",
"alias": [
"autoResetRef"
]
},
{
"name": "refDebounced",
"package": "shared",
"lastUpdated": 1666676013000,
"docs": "https://vueuse.org/shared/refDebounced/",
"category": "Reactivity",
"description": "debounce execution of a ref value",
"alias": [
"useDebounce",
"debouncedRef"
],
"related": [
"useThrottleFn"
]
},
{
"name": "refDefault",
"package": "shared",
"lastUpdated": 1639442454000,
"docs": "https://vueuse.org/shared/refDefault/",
"category": "Reactivity",
"description": "apply default value to a ref"
},
{
"name": "refThrottled",
"package": "shared",
"lastUpdated": 1645956777000,
"docs": "https://vueuse.org/shared/refThrottled/",
"category": "Reactivity",
"description": "throttle changing of a ref value",
"alias": [
"useThrottle",
"throttledRef"
],
"related": [
"useThrottleFn"
]
},
{
"name": "refWithControl",
"package": "shared",
"lastUpdated": 1662892188000,
"docs": "https://vueuse.org/shared/refWithControl/",
"category": "Reactivity",
"description": "fine-grained controls over ref and its reactivity",
"alias": [
"controlledRef"
],
"related": [
"computedWithControl"
]
},
{
"name": "resolveRef",
"package": "shared",
"lastUpdated": 1672752994000,
"docs": "https://vueuse.org/shared/resolveRef/",
"category": "Reactivity",
"description": "normalize value/ref/getter to `ref` or `computed`",
"related": [
"resolveUnref"
]
},
{
"name": "resolveUnref",
"package": "shared",
"lastUpdated": 1667054063000,
"docs": "https://vueuse.org/shared/resolveUnref/",
"category": "Reactivity",
"description": "get the value of value/ref/getter",
"related": [
"resolveRef"
]
},
{
"name": "set",
"package": "shared",
"lastUpdated": 1642756441000,
"docs": "https://vueuse.org/shared/set/",
"category": "Utilities",
"description": "shorthand for `ref.value = x`"
},
{
"name": "syncRef",
"package": "shared",
"lastUpdated": 1658655180000,
"docs": "https://vueuse.org/shared/syncRef/",
"category": "Reactivity",
"description": "two-way refs synchronization",
"related": [
"syncRefs"
]
},
{
"name": "syncRefs",
"package": "shared",
"lastUpdated": 1645952177000,
"docs": "https://vueuse.org/shared/syncRefs/",
"category": "Reactivity",
"description": "keep target refs in sync with a source ref",
"related": [
"syncRef"
]
},
{
"name": "templateRef",
"package": "core",
"lastUpdated": 1663295825000,
"docs": "https://vueuse.org/core/templateRef/",
"category": "Component",
"description": "shorthand for binding ref to template element"
},
{
"name": "toObserver",
"package": "rxjs",
"lastUpdated": 1631130736000,
"docs": "https://vueuse.org/rxjs/toObserver/",
"category": "@RxJS",
"description": "sugar function to convert a `ref` into an RxJS [Observer](https://rxjs.dev/guide/observer)"
},
{
"name": "toReactive",
"package": "shared",
"lastUpdated": 1645878866000,
"docs": "https://vueuse.org/shared/toReactive/",
"category": "Reactivity",
"description": "converts ref to reactive"
},
{
"name": "toRefs",
"package": "shared",
"lastUpdated": 1655284952000,
"docs": "https://vueuse.org/shared/toRefs/",
"category": "Reactivity",
"description": "extended [`toRefs`](https://v3.vuejs.org/api/refs-api.html#torefs) that also accepts refs of an object"
},
{
"name": "tryOnBeforeMount",
"package": "shared",
"lastUpdated": 1655284952000,
"docs": "https://vueuse.org/shared/tryOnBeforeMount/",
"category": "Component",
"description": "safe `onBeforeMount`"
},
{
"name": "tryOnBeforeUnmount",
"package": "shared",
"lastUpdated": 1639442454000,
"docs": "https://vueuse.org/shared/tryOnBeforeUnmount/",
"category": "Component",
"description": "safe `onBeforeUnmount`"
},
{
"name": "tryOnMounted",
"package": "shared",
"lastUpdated": 1640933217000,
"docs": "https://vueuse.org/shared/tryOnMounted/",
"category": "Component",
"description": "safe `onMounted`"
},
{
"name": "tryOnScopeDispose",
"package": "shared",
"lastUpdated": 1675070075000,
"docs": "https://vueuse.org/shared/tryOnScopeDispose/",
"category": "Component",
"description": "safe `onScopeDispose`"
},
{
"name": "tryOnUnmounted",
"package": "shared",
"lastUpdated": 1640933217000,
"docs": "https://vueuse.org/shared/tryOnUnmounted/",
"category": "Component",
"description": "safe `onUnmounted`"
},
{
"name": "unrefElement",
"package": "core",
"lastUpdated": 1657259100000,
"docs": "https://vueuse.org/core/unrefElement/",
"category": "Component",
"description": "unref for dom element"
},
{
"name": "until",
"package": "shared",
"lastUpdated": 1664157004000,
"docs": "https://vueuse.org/shared/until/",
"category": "Watch",
"description": "promised one-time watch for changes"
},
{
"name": "useAbs",
"package": "math",
"lastUpdated": 1658041562000,
"docs": "https://vueuse.org/math/useAbs/",
"category": "@Math",
"description": "reactive `Math.abs`"
},
{
"name": "useActiveElement",
"package": "core",
"lastUpdated": 1672753027000,
"component": true,
"docs": "https://vueuse.org/core/useActiveElement/",
"category": "Elements",
"description": "reactive `document.activeElement`"
},
{
"name": "useArrayEvery",
"package": "shared",
"lastUpdated": 1660291797000,
"docs": "https://vueuse.org/shared/useArrayEvery/",
"category": "Array",
"description": "reactive `Array.every`"
},
{
"name": "useArrayFilter",
"package": "shared",
"lastUpdated": 1660291797000,
"docs": "https://vueuse.org/shared/useArrayFilter/",
"category": "Array",
"description": "reactive `Array.filter`"
},
{
"name": "useArrayFind",
"package": "shared",
"lastUpdated": 1660291797000,
"docs": "https://vueuse.org/shared/useArrayFind/",
"category": "Array",
"description": "reactive `Array.find`"
},
{
"name": "useArrayFindIndex",
"package": "shared",
"lastUpdated": 1660291797000,
"docs": "https://vueuse.org/shared/useArrayFindIndex/",
"category": "Array",
"description": "reactive `Array.findIndex`"
},
{
"name": "useArrayFindLast",
"package": "shared",
"lastUpdated": 1676713178000,
"docs": "https://vueuse.org/shared/useArrayFindLast/",
"category": "Array",
"description": "reactive `Array.findLast`"
},
{
"name": "useArrayJoin",
"package": "shared",
"lastUpdated": 1660291797000,
"docs": "https://vueuse.org/shared/useArrayJoin/",
"category": "Array",
"description": "reactive `Array.join`"
},
{
"name": "useArrayMap",
"package": "shared",
"lastUpdated": 1662376596000,
"docs": "https://vueuse.org/shared/useArrayMap/",
"category": "Array",
"description": "reactive `Array.map`"
},
{
"name": "useArrayReduce",
"package": "shared",
"lastUpdated": 1660291797000,
"docs": "https://vueuse.org/shared/useArrayReduce/",
"category": "Array",
"description": "reactive `Array.reduce`"
},
{
"name": "useArraySome",
"package": "shared",
"lastUpdated": 1660291797000,
"docs": "https://vueuse.org/shared/useArraySome/",
"category": "Array",
"description": "reactive `Array.some`"
},
{
"name": "useArrayUnique",
"package": "shared",
"lastUpdated": 1672753114000,
"docs": "https://vueuse.org/shared/useArrayUnique/",
"category": "Array",
"description": "reactive unique array"
},
{
"name": "useAsyncQueue",
"package": "core",
"lastUpdated": 1639818708000,
"docs": "https://vueuse.org/core/useAsyncQueue/",
"category": "Utilities",
"description": "executes each asynchronous task sequentially and passes the current task result to the next task"
},
{
"name": "useAsyncState",
"package": "core",
"lastUpdated": 1676388144000,
"docs": "https://vueuse.org/core/useAsyncState/",
"category": "State",
"description": "reactive async state"
},
{
"name": "useAsyncValidator",
"package": "integrations",
"lastUpdated": 1676570052000,
"component": true,
"docs": "https://vueuse.org/integrations/useAsyncValidator/",
"category": "@Integrations",
"description": "wrapper for [`async-validator`](https://github.com/yiminghe/async-validator)",
"importPath": "integrations/useAsyncValidator"
},
{
"name": "useAuth",
"package": "firebase",
"lastUpdated": 1658645224000,
"docs": "https://vueuse.org/firebase/useAuth/",
"category": "@Firebase",
"description": "reactive [Firebase Auth](https://firebase.google.com/docs/auth) binding",
"importPath": "firebase/useAuth"
},
{
"name": "useAverage",
"package": "math",
"lastUpdated": 1658041190000,
"docs": "https://vueuse.org/math/useAverage/",
"category": "@Math",
"description": "get the average of an array reactively"
},
{
"name": "useAxios",
"package": "integrations",
"lastUpdated": 1676590260000,
"docs": "https://vueuse.org/integrations/useAxios/",
"category": "@Integrations",
"description": "wrapper for [`axios`](https://github.com/axios/axios)",
"importPath": "integrations/useAxios"
},
{
"name": "useBase64",
"package": "core",
"lastUpdated": 1657259100000,
"docs": "https://vueuse.org/core/useBase64/",
"category": "Utilities",
"description": "reactive base64 transforming"
},
{
"name": "useBattery",
"package": "core",
"lastUpdated": 1657430593000,
"component": true,
"docs": "https://vueuse.org/core/useBattery/",
"category": "Sensors",
"description": "reactive [Battery Status API](https://developer.mozilla.org/en-US/docs/Web/API/Battery_Status_API)"
},
{
"name": "useBluetooth",
"package": "core",
"lastUpdated": 1665965343000,
"docs": "https://vueuse.org/core/useBluetooth/",
"category": "Browser",
"description": "reactive [Web Bluetooth API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Bluetooth_API)"
},
{
"name": "useBreakpoints",
"package": "core",
"lastUpdated": 1662285732000,
"docs": "https://vueuse.org/core/useBreakpoints/",
"category": "Browser",
"description": "reactive viewport breakpoints"
},
{
"name": "useBroadcastChannel",
"package": "core",
"lastUpdated": 1658083596000,
"docs": "https://vueuse.org/core/useBroadcastChannel/",
"category": "Browser",
"description": "reactive [BroadcastChannel API](https://developer.mozilla.org/en-US/docs/Web/API/BroadcastChannel)"
},
{
"name": "useBrowserLocation",
"package": "core",
"lastUpdated": 1639442454000,
"component": true,
"docs": "https://vueuse.org/core/useBrowserLocation/",
"category": "Browser",
"description": "reactive browser location"
},
{
"name": "useCached",
"package": "core",
"lastUpdated": 1644284136000,
"docs": "https://vueuse.org/core/useCached/",
"category": "Utilities",
"description": "cache a ref with a custom comparator"
},
{
"name": "useCeil",
"package": "math",
"lastUpdated": 1657638060000,
"docs": "https://vueuse.org/math/useCeil/",
"category": "@Math",
"description": "reactive `Math.ceil`"
},
{
"name": "useChangeCase",
"package": "integrations",
"lastUpdated": 1657259100000,
"docs": "https://vueuse.org/integrations/useChangeCase/",
"category": "@Integrations",
"description": "reactive wrapper for [`change-case`](https://github.com/blakeembrey/change-case)",
"importPath": "integrations/useChangeCase"
},
{
"name": "useClamp",
"package": "math",
"lastUpdated": 1676714120000,
"docs": "https://vueuse.org/math/useClamp/",
"category": "@Math",
"description": "reactively clamp a value between two other values"
},
{
"name": "useClipboard",
"package": "core",
"lastUpdated": 1666676330000,
"docs": "https://vueuse.org/core/useClipboard/",
"category": "Browser",
"description": "reactive [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API)"
},
{
"name": "useCloned",
"package": "core",
"lastUpdated": 1662386652000,
"docs": "https://vueuse.org/core/useCloned/",
"category": "Utilities",
"description": "reactive clone of a ref"
},
{
"name": "useColorMode",
"package": "core",
"lastUpdated": 1674955241000,
"component": true,
"docs": "https://vueuse.org/core/useColorMode/",
"category": "Browser",
"description": "reactive color mode (dark / light / customs) with auto data persistence",
"related": [
"useDark",
"usePreferredDark",
"useStorage"
]
},
{
"name": "useConfirmDialog",
"package": "core",
"lastUpdated": 1642756441000,
"docs": "https://vueuse.org/core/useConfirmDialog/",
"category": "Utilities",
"description": "creates event hooks to support modals and confirmation dialog chains"
},
{
"name": "useCookies",
"package": "integrations",
"lastUpdated": 1642756753000,
"docs": "https://vueuse.org/integrations/useCookies/",
"category": "@Integrations",
"description": "wrapper for [`universal-cookie`](https://www.npmjs.com/package/universal-cookie)",
"importPath": "integrations/useCookies"
},
{
"name": "useCounter",
"package": "shared",
"lastUpdated": 1666677599000,
"docs": "https://vueuse.org/shared/useCounter/",
"category": "Utilities",
"description": "basic counter with utility functions"
},
{
"name": "useCssVar",
"package": "core",
"lastUpdated": 1657259100000,
"docs": "https://vueuse.org/core/useCssVar/",
"category": "Browser",
"description": "manipulate CSS variables"
},
{
"name": "useCurrentElement",
"package": "core",
"lastUpdated": 1661239180000,
"docs": "https://vueuse.org/core/useCurrentElement/",
"category": "Component",
"description": "get the DOM element of current component as a ref"
},
{
"name": "useCycleList",
"package": "core",
"lastUpdated": 1659556886000,
"docs": "https://vueuse.org/core/useCycleList/",
"category": "Utilities",
"description": "cycle through a list of items"
},
{
"name": "useDark",
"package": "core",
"lastUpdated": 1662892188000,
"component": true,
"docs": "https://vueuse.org/core/useDark/",
"category": "Browser",
"description": "reactive dark mode with auto data persistence",
"related": [
"useColorMode",
"usePreferredDark",
"useStorage"
]
},
{
"name": "useDateFormat",
"package": "shared",
"lastUpdated": 1664216752000,
"docs": "https://vueuse.org/shared/useDateFormat/",
"category": "Time",
"description": "get the formatted date according to the string of tokens passed in"
},
{
"name": "useDebouncedRefHistory",
"package": "core",
"lastUpdated": 1657259100000,
"docs": "https://vueuse.org/core/useDebouncedRefHistory/",
"category": "State",
"description": "shorthand for `useRefHistory` with debounced filter",
"related": [
"useRefHistory",
"useThrottledRefHistory"
]
},
{
"name": "useDebounceFn",
"package": "shared",
"lastUpdated": 1672753228000,
"docs": "https://vueuse.org/shared/useDebounceFn/",
"category": "Utilities",
"description": "debounce execution of a function",
"related": [
"useThrottleFn"
]
},
{
"name": "useDeviceMotion",
"package": "core",
"lastUpdated": 1639442454000,
"component": true,
"docs": "https://vueuse.org/core/useDeviceMotion/",
"category": "Sensors",
"description": "reactive [DeviceMotionEvent](https://developer.mozilla.org/en-US/docs/Web/API/DeviceMotionEvent)"
},
{
"name": "useDeviceOrientation",
"package": "core",
"lastUpdated": 1657430593000,
"component": true,
"docs": "https://vueuse.org/core/useDeviceOrientation/",
"category": "Sensors",
"description": "reactive [DeviceOrientationEvent](https://developer.mozilla.org/en-US/docs/Web/API/DeviceOrientationEvent)"
},
{
"name": "useDevicePixelRatio",
"package": "core",
"lastUpdated": 1676712461000,
"component": true,
"docs": "https://vueuse.org/core/useDevicePixelRatio/",
"category": "Sensors",
"description": "reactively track [`window.devicePixelRatio`](https://developer.mozilla.org/ru/docs/Web/API/Window/devicePixelRatio)"
},
{
"name": "useDevicesList",
"package": "core",
"lastUpdated": 1662892188000,
"component": true,
"docs": "https://vueuse.org/core/useDevicesList/",
"category": "Sensors",
"description": "reactive [enumerateDevices](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices) listing available input/output devices",
"related": [
"useUserMedia"
]
},
{
"name": "useDisplayMedia",
"package": "core",
"lastUpdated": 1672752994000,
"docs": "https://vueuse.org/core/useDisplayMedia/",
"category": "Sensors",
"description": "reactive [`mediaDevices.getDisplayMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia) streaming",
"related": [
"useUserMedia"
]
},
{
"name": "useDocumentVisibility",
"package": "core",
"lastUpdated": 1658083596000,
"component": true,
"docs": "https://vueuse.org/core/useDocumentVisibility/",
"category": "Elements",
"description": "reactively track [`document.visibilityState`](https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilityState)"
},
{
"name": "useDraggable",
"package": "core",
"lastUpdated": 1671204368000,
"component": true,
"docs": "https://vueuse.org/core/useDraggable/",
"category": "Elements",
"description": "make elements draggable"
},
{
"name": "useDrauu",
"package": "integrations",
"lastUpdated": 1657259100000,
"docs": "https://vueuse.org/integrations/useDrauu/",
"category": "@Integrations",
"description": "reactive instance for [drauu](https://github.com/antfu/drauu)",
"importPath": "integrations/useDrauu"
},
{
"name": "useDropZone",
"package": "core",
"lastUpdated": 1658043158000,
"docs": "https://vueuse.org/core/useDropZone/",
"category": "Elements",
"description": "create a zone where files can be dropped"
},
{
"name": "useElementBounding",
"package": "core",
"lastUpdated": 1672422913000,
"component": true,
"docs": "https://vueuse.org/core/useElementBounding/",
"category": "Elements",
"description": "reactive [bounding box](https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect) of an HTML element"
},
{
"name": "useElementByPoint",
"package": "core",
"lastUpdated": 1672852514000,
"docs": "https://vueuse.org/core/useElementByPoint/",
"category": "Sensors",
"description": "reactive element by point"
},
{
"name": "useElementHover",
"package": "core",
"lastUpdated": 1676712131000,
"directive": true,
"docs": "https://vueuse.org/core/useElementHover/",
"category": "Sensors",
"description": "reactive element's hover state"
},
{
"name": "useElementSize",
"package": "core",
"lastUpdated": 1674954789000,
"component": true,
"directive": true,
"docs": "https://vueuse.org/core/useElementSize/",
"category": "Elements",
"description": "reactive size of an HTML element"
},
{
"package": "motion",
"category": "@Motion",
"name": "useElementStyle",
"description": "sync a reactive object to a target element CSS styling",
"external": "https://motion.vueuse.org/api/use-element-style.html"
},
{
"package": "motion",
"category": "@Motion",
"name": "useElementTransform",
"description": "sync a reactive object to a target element CSS transform.",
"external": "https://motion.vueuse.org/api/use-element-transform.html"
},
{
"name": "useElementVisibility",
"package": "core",
"lastUpdated": 1662384256000,
"component": true,
"directive": true,
"docs": "https://vueuse.org/core/useElementVisibility/",
"category": "Elements",
"description": "tracks the visibility of an element within the viewport"
},
{
"name": "useEventBus",
"package": "core",
"lastUpdated": 1676389922000,
"docs": "https://vueuse.org/core/useEventBus/",
"category": "Utilities",
"description": "a basic event bus"
},
{
"name": "useEventListener",
"package": "core",
"lastUpdated": 1676715818000,
"docs": "https://vueuse.org/core/useEventListener/",
"category": "Browser",
"description": "use EventListener with ease"
},
{
"name": "useEventSource",
"package": "core",
"lastUpdated": 1657634387000,
"docs": "https://vueuse.org/core/useEventSource/",
"category": "Network",
"description": "an [EventSource](https://developer.mozilla.org/en-US/docs/Web/API/EventSource) or [Server-Sent-Events](https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events) instance opens a persistent connection to an HTTP server"
},
{
"name": "useEyeDropper",
"package": "core",
"lastUpdated": 1658083596000,
"component": true,
"docs": "https://vueuse.org/core/useEyeDropper/",
"category": "Browser",
"description": "reactive [EyeDropper API](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper_API)"
},
{
"name": "useFavicon",
"package": "core",
"lastUpdated": 1661409315000,
"docs": "https://vueuse.org/core/useFavicon/",
"category": "Browser",
"description": "reactive favicon"
},
{
"name": "useFetch",
"package": "core",
"lastUpdated": 1676093591000,
"docs": "https://vueuse.org/core/useFetch/",
"category": "Network",
"description": "reactive [Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) provides the ability to abort requests"
},
{
"name": "useFileDialog",
"package": "core",
"lastUpdated": 1662385329000,
"docs": "https://vueuse.org/core/useFileDialog/",
"category": "Browser",
"description": "open file dialog with ease"
},
{
"name": "useFileSystemAccess",
"package": "core",
"lastUpdated": 1657430593000,
"docs": "https://vueuse.org/core/useFileSystemAccess/",
"category": "Browser",
"description": "create and read and write local files with [FileSystemAccessAPI](https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API)"
},
{
"name": "useFirestore",
"package": "firebase",
"lastUpdated": 1668298845000,
"docs": "https://vueuse.org/firebase/useFirestore/",
"category": "@Firebase",
"description": "reactive [Firestore](https://firebase.google.com/docs/firestore) binding",
"importPath": "firebase/useFirestore"
},
{
"name": "useFloor",
"package": "math",
"lastUpdated": 1657638060000,
"docs": "https://vueuse.org/math/useFloor/",
"category": "@Math",
"description": "reactive `Math.floor`"
},
{
"name": "useFocus",
"package": "core",
"lastUpdated": 1674992405000,
"docs": "https://vueuse.org/core/useFocus/",
"category": "Sensors",
"description": "reactive utility to track or set the focus state of a DOM element"
},
{
"name": "useFocusTrap",
"package": "integrations",
"lastUpdated": 1639818708000,
"component": true,
"docs": "https://vueuse.org/integrations/useFocusTrap/",
"category": "@Integrations",
"description": "reactive wrapper for [`focus-trap`](https://github.com/focus-trap/focus-trap)",
"importPath": "integrations/useFocusTrap"
},
{
"name": "useFocusWithin",
"package": "core",
"lastUpdated": 1674955241000,
"docs": "https://vueuse.org/core/useFocusWithin/",
"category": "Sensors",
"description": "reactive utility to track if an element or one of its decendants has focus"
},
{
"name": "useFps",
"package": "core",
"lastUpdated": 1644734082000,
"docs": "https://vueuse.org/core/useFps/",
"category": "Sensors",
"description": "reactive FPS (frames per second)"
},
{
"name": "useFullscreen",
"package": "core",
"lastUpdated": 1657430593000,
"component": true,
"docs": "https://vueuse.org/core/useFullscreen/",
"category": "Browser",
"description": "reactive [Fullscreen API](https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API)"
},
{
"name": "useFuse",
"package": "integrations",
"lastUpdated": 1657259100000,
"docs": "https://vueuse.org/integrations/useFuse/",
"category": "@Integrations",
"description": "easily implement fuzzy search using a composable with [Fuse.js](https://github.com/krisk/fuse)",
"importPath": "integrations/useFuse"
},
{
"name": "useGamepad",
"package": "core",
"lastUpdated": 1658083596000,
"docs": "https://vueuse.org/core/useGamepad/",
"category": "Browser",
"description": "provides reactive bindings for the [Gamepad API](https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API)"
},
{
"name": "useGeolocation",
"package": "core",
"lastUpdated": 1671204138000,
"component": true,
"docs": "https://vueuse.org/core/useGeolocation/",
"category": "Sensors",
"description": "reactive [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API)"
},
{
"name": "useHead",
"package": "head",
"description": "update head meta tags reactively.",
"category": "@Head",
"external": "https://github.com/vueuse/head#api"
},
{
"name": "useIDBKeyval",
"package": "integrations",
"lastUpdated": 1668302379000,
"docs": "https://vueuse.org/integrations/useIDBKeyval/",
"category": "@Integrations",
"description": "wrapper for [`idb-keyval`](https://www.npmjs.com/package/idb-keyval)",
"importPath": "integrations/useIDBKeyval"
},
{
"name": "useIdle",
"package": "core",
"lastUpdated": 1657638023000,
"component": true,
"docs": "https://vueuse.org/core/useIdle/",
"category": "Sensors",
"description": "tracks whether the user is being inactive"
},
{
"name": "useImage",
"package": "core",
"lastUpdated": 1658083596000,
"component": true,
"docs": "https://vueuse.org/core/useImage/",
"category": "Browser",
"description": "reactive load an image in the browser"
},
{
"name": "useInfiniteScroll",
"package": "core",
"lastUpdated": 1658043158000,
"directive": true,
"docs": "https://vueuse.org/core/useInfiniteScroll/",
"category": "Sensors",
"description": "infinite scrolling of the element"
},
{
"name": "useIntersectionObserver",
"package": "core",
"lastUpdated": 1657637968000,
"directive": true,
"docs": "https://vueuse.org/core/useIntersectionObserver/",
"category": "Elements",
"description": "detects that a target element's visibility"
},
{
"name": "useInterval",
"package": "shared",
"lastUpdated": 1676713336000,
"docs": "https://vueuse.org/shared/useInterval/",
"category": "Animation",
"description": "reactive counter increases on every interval"
},
{
"name": "useIntervalFn",
"package": "shared",
"lastUpdated": 1674954620000,
"docs": "https://vueuse.org/shared/useIntervalFn/",
"category": "Animation",
"description": "wrapper for `setInterval` with controls"
},
{
"name": "useIpcRenderer",
"package": "electron",
"lastUpdated": 1658645224000,
"docs": "https://vueuse.org/electron/useIpcRenderer/",
"category": "@Electron",
"description": "provides [ipcRenderer](https://www.electronjs.org/docs/api/ipc-renderer) and all of its APIs"
},
{
"name": "useIpcRendererInvoke",
"package": "electron",
"lastUpdated": 1658645224000,
"docs": "https://vueuse.org/electron/useIpcRendererInvoke/",
"category": "@Electron",
"description": "reactive [ipcRenderer.invoke API](https://www.electronjs.org/docs/api/ipc-renderer#ipcrendererinvokechannel-args) result"
},
{
"name": "useIpcRendererOn",
"package": "electron",
"lastUpdated": 1658645224000,
"docs": "https://vueuse.org/electron/useIpcRendererOn/",
"category": "@Electron",
"description": "use [ipcRenderer.on](https://www.electronjs.org/docs/api/ipc-renderer#ipcrendereronchannel-listener) with ease and [ipcRenderer.removeListener](https://www.electronjs.org/docs/api/ipc-renderer#ipcrendererremovelistenerchannel-listener) automatically on unmounted"
},
{
"name": "useJwt",
"package": "integrations",
"lastUpdated": 1657730911000,
"docs": "https://vueuse.org/integrations/useJwt/",
"category": "@Integrations",
"description": "wrapper for [`jwt-decode`](https://github.com/auth0/jwt-decode)",
"importPath": "integrations/useJwt"
},
{
"name": "useKeyModifier",
"package": "core",
"lastUpdated": 1657638042000,
"docs": "https://vueuse.org/core/useKeyModifier/",
"category": "Sensors",
"description": "reactive [Modifier State](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/getModifierState)"
},
{
"name": "useLastChanged",
"package": "shared",
"lastUpdated": 1642756441000,
"docs": "https://vueuse.org/shared/useLastChanged/",
"category": "State",
"description": "records the timestamp of the last change"
},
{
"name": "useLocalStorage",
"package": "core",
"lastUpdated": 1657634978000,
"docs": "https://vueuse.org/core/useLocalStorage/",
"category": "State",
"description": "reactive [LocalStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)",
"related": [
"useStorage"
]
},
{
"name": "useMagicKeys",
"package": "core",
"lastUpdated": 1672752994000,
"docs": "https://vueuse.org/core/useMagicKeys/",
"category": "Sensors",
"description": "reactive keys pressed state"
},
{
"name": "useManualRefHistory",
"package": "core",
"lastUpdated": 1662386652000,
"docs": "https://vueuse.org/core/useManualRefHistory/",
"category": "State",
"description": "manually track the change history of a ref when the using calls `commit()`",
"related": [
"useRefHistory"
]
},
{
"name": "useMath",
"package": "math",
"lastUpdated": 1658042869000,
"docs": "https://vueuse.org/math/useMath/",
"category": "@Math",
"description": "reactive `Math` methods"
},
{
"name": "useMax",
"package": "math",
"lastUpdated": 1658041190000,
"docs": "https://vueuse.org/math/useMax/",
"category": "@Math",
"description": "reactive `Math.max`"
},
{
"name": "useMediaControls",
"package": "core",
"lastUpdated": 1674853020000,
"docs": "https://vueuse.org/core/useMediaControls/",
"category": "Browser",
"description": "reactive media controls for both `audio` and `video` elements"
},
{
"name": "useMediaQuery",
"package": "core",
"lastUpdated": 1662574748000,
"docs": "https://vueuse.org/core/useMediaQuery/",
"category": "Browser",
"description": "reactive [Media Query](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Testing_media_queries)"
},
{
"name": "useMemoize",
"package": "core",
"lastUpdated": 1667952962000,
"docs": "https://vueuse.org/core/useMemoize/",
"category": "Utilities",
"description": "cache results of functions depending on arguments and keep it reactive"
},
{
"name": "useMemory",
"package": "core",
"lastUpdated": 1658083607000,
"docs": "https://vueuse.org/core/useMemory/",
"category": "Browser",
"description": "reactive Memory Info"
},
{
"name": "useMin",
"package": "math",
"lastUpdated": 1658041610000,
"docs": "https://vueuse.org/math/useMin/",
"category": "@Math",
"description": "reactive `Math.min`"
},
{
"package": "motion",
"category": "@Motion",
"name": "useMotion",
"description": "putting your components in motion.",
"external": "https://motion.vueuse.org/api/use-motion.html"
},
{
"package": "motion",
"category": "@Motion",
"name": "useMotionProperties",
"description": "access Motion Properties for a target element.",
"external": "https://motion.vueuse.org/api/use-motion-properties.html"
},
{
"package": "motion",
"category": "@Motion",
"name": "useMotionVariants",
"description": "handle the Variants state and selection.",
"external": "https://motion.vueuse.org/api/use-motion-variants.html"
},
{
"name": "useMounted",
"package": "core",
"lastUpdated": 1640933217000,
"docs": "https://vueuse.org/core/useMounted/",
"category": "Component",
"description": "mounted state in ref"
},
{
"name": "useMouse",
"package": "core",
"lastUpdated": 1672753737000,
"component": true,
"docs": "https://vueuse.org/core/useMouse/",
"category": "Sensors",
"description": "reactive mouse position"
},
{
"name": "useMouseInElement",
"package": "core",
"lastUpdated": 1674954670000,
"component": true,
"docs": "https://vueuse.org/core/useMouseInElement/",
"category": "Elements",
"description": "reactive mouse position related to an element"
},
{
"name": "useMousePressed",
"package": "core",
"lastUpdated": 1639818708000,
"component": true,
"docs": "https://vueuse.org/core/useMousePressed/",
"category": "Sensors",
"description": "reactive mouse pressing state"
},
{
"name": "useMutationObserver",
"package": "core",
"lastUpdated": 1657718877000,
"docs": "https://vueuse.org/core/useMutationObserver/",
"category": "Elements",
"description": "watch for changes being made to the DOM tree"
},
{
"name": "useNavigatorLanguage",
"package": "core",
"lastUpdated": 1662892188000,
"docs": "https://vueuse.org/core/useNavigatorLanguage/",
"category": "Sensors",
"description": "reactive [navigator.language](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language)"
},
{
"name": "useNetwork",
"package": "core",
"lastUpdated": 1658083596000,
"component": true,
"docs": "https://vueuse.org/core/useNetwork/",
"category": "Sensors",
"description": "reactive [Network status](https://developer.mozilla.org/en-US/docs/Web/API/Network_Information_API)"
},
{
"name": "useNow",
"package": "core",
"lastUpdated": 1639442454000,
"component": true,
"docs": "https://vueuse.org/core/useNow/",
"category": "Animation",
"description": "reactive current Date instance"
},
{
"name": "useNProgress",
"package": "integrations",
"lastUpdated": 1658758826000,
"docs": "https://vueuse.org/integrations/useNProgress/",
"category": "@Integrations",
"description": "reactive wrapper for [`nprogress`](https://github.com/rstacruz/nprogress)",
"importPath": "integrations/useNProgress"
},
{
"name": "useObjectUrl",
"package": "core",
"lastUpdated": 1657132677000,
"component": true,
"docs": "https://vueuse.org/core/useObjectUrl/",
"category": "Browser",
"description": "reactive URL representing an object"
},
{
"name": "useObservable",
"package": "rxjs",
"lastUpdated": 1651595539000,
"docs": "https://vueuse.org/rxjs/useObservable/",
"category": "@RxJS",
"description": "use an RxJS [`Observable`](https://rxjs.dev/guide/observable)"
},
{
"name": "useOffsetPagination",
"package": "core",
"lastUpdated": 1659592690000,
"component": true,
"docs": "https://vueuse.org/core/useOffsetPagination/",
"category": "Utilities",
"description": "reactive offset pagination"
},
{
"name": "useOnline",
"package": "core",
"lastUpdated": 1639442454000,
"component": true,
"docs": "https://vueuse.org/core/useOnline/",
"category": "Sensors",
"description": "reactive online state"
},
{
"name": "usePageLeave",
"package": "core",
"lastUpdated": 1642756441000,
"component": true,
"docs": "https://vueuse.org/core/usePageLeave/",
"category": "Sensors",
"description": "reactive state to show whether the mouse leaves the page"
},
{
"name": "useParallax",
"package": "core",
"lastUpdated": 1657718913000,
"docs": "https://vueuse.org/core/useParallax/",
"category": "Sensors",
"description": "create parallax effect easily"
},
{
"name": "usePermission",
"package": "core",
"lastUpdated": 1657430593000,
"docs": "https://vueuse.org/core/usePermission/",
"category": "Browser",
"description": "reactive [Permissions API](https://developer.mozilla.org/en-US/docs/Web/API/Permissions_API)",
"related": [
"useUserMedia"
]
},
{
"name": "usePointer",
"package": "core",
"lastUpdated": 1658083596000,
"component": true,
"docs": "https://vueuse.org/core/usePointer/",
"category": "Sensors",
"description": "reactive [pointer state](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events)"
},
{
"name": "usePointerLock",
"package": "core",
"lastUpdated": 1673941699000,
"component": true,
"docs": "https://vueuse.org/core/usePointerLock/",
"category": "Sensors",
"description": "reactive [pointer lock](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API)"
},
{
"name": "usePointerSwipe",
"package": "core",
"lastUpdated": 1667953110000,
"docs": "https://vueuse.org/core/usePointerSwipe/",
"category": "Sensors",
"description": "reactive swipe detection based on [PointerEvents](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent)"
},
{
"name": "usePrecision",
"package": "math",
"lastUpdated": 1674662786000,
"docs": "https://vueuse.org/math/usePrecision/",
"category": "@Math",
"description": "reactively set the precision of a number"
},
{
"name": "usePreferredColorScheme",
"package": "core",
"lastUpdated": 1639442454000,
"component": true,
"docs": "https://vueuse.org/core/usePreferredColorScheme/",
"category": "Browser",
"description": "reactive [prefers-color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) media query"
},
{
"name": "usePreferredContrast",
"package": "core",
"lastUpdated": 1661240113000,
"component": true,
"docs": "https://vueuse.org/core/usePreferredContrast/",
"category": "Browser",
"description": "reactive [prefers-contrast](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast) media query"
},
{
"name": "usePreferredDark",
"package": "core",
"lastUpdated": 1639442454000,
"component": true,
"docs": "https://vueuse.org/core/usePreferredDark/",
"category": "Browser",
"description": "reactive dark theme preference",
"related": [
"useColorMode",
"useDark"
]
},
{
"name": "usePreferredLanguages",
"package": "core",
"lastUpdated": 1639442454000,
"component": true,
"docs": "https://vueuse.org/core/usePreferredLanguages/",
"category": "Browser",
"description": "reactive [Navigator Languages](https://developer.mozilla.org/en-US/docs/Web/API/NavigatorLanguage/languages)"
},
{
"name": "usePreferredReducedMotion",
"package": "core",
"lastUpdated": 1659593252000,
"component": true,
"docs": "https://vueuse.org/core/usePreferredReducedMotion/",
"category": "Browser",
"description": "reactive [prefers-reduced-motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) media query"
},
{
"name": "usePrevious",
"package": "core",
"lastUpdated": 1674951743000,
"docs": "https://vueuse.org/core/usePrevious/",
"category": "Utilities",
"description": "holds the previous value of a ref"
},
{
"name": "useProjection",
"package": "math",
"lastUpdated": 1657638060000,
"docs": "https://vueuse.org/math/useProjection/",
"category": "@Math",
"description": "reactive numeric projection from one domain to another",
"related": [
"createGenericProjection",
"createProjection"
]
},
{
"name": "useQRCode",
"package": "integrations",
"lastUpdated": 1657259100000,
"docs": "https://vueuse.org/integrations/useQRCode/",
"category": "@Integrations",
"description": "wrapper for [`qrcode`](https://github.com/soldair/node-qrcode)",
"importPath": "integrations/useQRCode"
},
{
"name": "useRafFn",
"package": "core",
"lastUpdated": 1674954620000,
"docs": "https://vueuse.org/core/useRafFn/",
"category": "Animation",
"description": "call function on every `requestAnimationFrame`"
},
{
"name": "useRefHistory",
"package": "core",
"lastUpdated": 1662386652000,
"docs": "https://vueuse.org/core/useRefHistory/",
"category": "State",
"description": "track the change history of a ref",
"related": [
"useDebouncedRefHistory",
"useManualRefHistory",
"useThrottledRefHistory"
]
},
{
"name": "useResizeObserver",
"package": "core",
"lastUpdated": 1662384935000,
"docs": "https://vueuse.org/core/useResizeObserver/",
"category": "Elements",
"description": "reports changes to the dimensions of an Element's content or the border-box"
},
{
"name": "useRound",
"package": "math",
"lastUpdated": 1657638060000,
"docs": "https://vueuse.org/math/useRound/",
"category": "@Math",
"description": "reactive `Math.round`"
},
{
"name": "useRouteHash",
"package": "router",
"lastUpdated": 1666676087000,
"docs": "https://vueuse.org/router/useRouteHash/",
"category": "@Router",
"description": "shorthand for a reactive `route.hash`"
},
{
"name": "useRouteParams",
"package": "router",
"lastUpdated": 1666676087000,
"docs": "https://vueuse.org/router/useRouteParams/",
"category": "@Router",
"description": "shorthand for a reactive `route.params`"
},
{
"name": "useRouteQuery",
"package": "router",
"lastUpdated": 1674955241000,
"docs": "https://vueuse.org/router/useRouteQuery/",
"category": "@Router",
"description": "shorthand for a reactive `route.query`"
},
{
"name": "useRTDB",
"package": "firebase",
"lastUpdated": 1658645224000,
"docs": "https://vueuse.org/firebase/useRTDB/",
"category": "@Firebase",
"description": "reactive [Firebase Realtime Database](https://firebase.google.com/docs/database) binding",
"importPath": "firebase/useRTDB"
},
{
"name": "useSchemaOrg",
"package": "schema-org",
"description": "update schema.org reactively.",
"category": "@SchemaOrg",
"external": "https://vue-schema-org.netlify.app/api/core/use-schema-org.html"
},
{
"name": "useScreenOrientation",
"package": "core",
"lastUpdated": 1657430593000,
"docs": "https://vueuse.org/core/useScreenOrientation/",
"category": "Browser",
"description": "reactive [Screen Orientation API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Orientation_API)"
},
{
"name": "useScreenSafeArea",
"package": "core",
"lastUpdated": 1640682127000,
"component": true,
"docs": "https://vueuse.org/core/useScreenSafeArea/",
"category": "Browser",
"description": "reactive `env(safe-area-inset-*)`"
},
{
"name": "useScriptTag",
"package": "core",
"lastUpdated": 1659556839000,
"docs": "https://vueuse.org/core/useScriptTag/",
"category": "Browser",
"description": "script tag injecting"
},
{
"name": "useScroll",
"package": "core",
"lastUpdated": 1676711938000,
"directive": true,
"docs": "https://vueuse.org/core/useScroll/",
"category": "Sensors",
"description": "reactive scroll position and state"
},
{
"name": "useScrollLock",
"package": "core",
"lastUpdated": 1676713396000,
"directive": true,
"docs": "https://vueuse.org/core/useScrollLock/",
"category": "Sensors",
"description": "lock scrolling of the element"
},
{
"name": "useSessionStorage",
"package": "core",
"lastUpdated": 1657634978000,
"docs": "https://vueuse.org/core/useSessionStorage/",
"category": "State",
"description": "reactive [SessionStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage)",
"related": [
"useStorage"
]
},
{
"name": "useShare",
"package": "core",
"lastUpdated": 1657718983000,
"docs": "https://vueuse.org/core/useShare/",
"category": "Browser",
"description": "reactive [Web Share API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share)"
},
{
"name": "useSorted",
"package": "core",
"lastUpdated": 1665961123000,
"docs": "https://vueuse.org/core/useSorted/",
"category": "Array",
"description": "reactive sort array"
},
{
"name": "useSound",
"package": "sound",
"description": "play sound effects reactively.",
"category": "@Sound",
"external": "https://github.com/vueuse/sound#examples"
},
{
"name": "useSpeechRecognition",
"package": "core",
"lastUpdated": 1662892188000,
"docs": "https://vueuse.org/core/useSpeechRecognition/",
"category": "Sensors",
"description": "reactive [SpeechRecognition](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition)"
},
{
"name": "useSpeechSynthesis",
"package": "core",
"lastUpdated": 1676650547000,
"docs": "https://vueuse.org/core/useSpeechSynthesis/",
"category": "Sensors",
"description": "reactive [SpeechSynthesis](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis)"
},
{
"package": "motion",
"category": "@Motion",
"name": "useSpring",
"description": "spring animations.",
"external": "https://motion.vueuse.org/api/use-spring.html"
},
{
"name": "useStepper",
"package": "core",
"lastUpdated": 1657132687000,
"docs": "https://vueuse.org/core/useStepper/",
"category": "Utilities",
"description": "provides helpers for building a multi-step wizard interface"
},
{
"name": "useStorage",
"package": "core",
"lastUpdated": 1676387907000,
"docs": "https://vueuse.org/core/useStorage/",
"category": "State",
"description": "reactive [LocalStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)/[SessionStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage)",
"related": [
"useColorMode",
"useDark",
"useLocalStorage",
"useSessionStorage",
"useStorageAsync"
]
},
{
"name": "useStorageAsync",
"package": "core",
"lastUpdated": 1676546331000,
"docs": "https://vueuse.org/core/useStorageAsync/",
"category": "State",
"description": "reactive Storage in with async support",
"related": [
"useStorage"
]
},
{
"name": "useStyleTag",
"package": "core",
"lastUpdated": 1669416726000,
"docs": "https://vueuse.org/core/useStyleTag/",
"category": "Browser",
"description": "inject reactive `style` element in head"
},
{
"name": "useSubject",
"package": "rxjs",
"lastUpdated": 1672752994000,
"docs": "https://vueuse.org/rxjs/useSubject/",
"category": "@RxJS",
"description": "bind an RxJS [`Subject`](https://rxjs.dev/guide/subject) to a `ref` and propagate value changes both ways"
},
{
"name": "useSubscription",
"package": "rxjs",
"lastUpdated": 1628521945000,
"docs": "https://vueuse.org/rxjs/useSubscription/",
"category": "@RxJS",
"description": "use an RxJS [`Subscription`](https://rxjs.dev/guide/subscription) without worrying about unsubscribing from it or creating memory leaks"
},
{
"name": "useSum",
"package": "math",
"lastUpdated": 1658041190000,
"docs": "https://vueuse.org/math/useSum/",
"category": "@Math",
"description": "get the sum of an array reactively"
},
{
"name": "useSupported",
"package": "core",
"lastUpdated": 1657430593000,
"docs": "https://vueuse.org/core/useSupported/",
"category": "Utilities",
"description": "sSR compatibility `isSupported`"
},
{
"name": "useSwipe",
"package": "core",
"lastUpdated": 1657721393000,
"docs": "https://vueuse.org/core/useSwipe/",
"category": "Sensors",
"description": "reactive swipe detection based on [`TouchEvents`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent)"
},
{
"name": "useTemplateRefsList",
"package": "core",
"lastUpdated": 1639442454000,
"docs": "https://vueuse.org/core/useTemplateRefsList/",
"category": "Component",
"description": "shorthand for binding refs to template elements and components inside `v-for`"
},
{
"name": "useTextareaAutosize",
"package": "core",
"lastUpdated": 1671205095000,
"docs": "https://vueuse.org/core/useTextareaAutosize/",
"category": "Browser",
"description": "automatically update the height of a textarea depending on the content"
},
{
"name": "useTextDirection",
"package": "core",
"lastUpdated": 1658657118000,
"docs": "https://vueuse.org/core/useTextDirection/",
"category": "Browser",
"description": "reactive [dir](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir) of the element's text"
},
{
"name": "useTextSelection",
"package": "core",
"lastUpdated": 1646469737000,
"docs": "https://vueuse.org/core/useTextSelection/",
"category": "Sensors",
"description": "reactively track user text selection based on [`Window.getSelection`](https://developer.mozilla.org/en-US/docs/Web/API/Window/getSelection)"
},
{
"name": "useThrottledRefHistory",
"package": "core",
"lastUpdated": 1658083596000,
"docs": "https://vueuse.org/core/useThrottledRefHistory/",
"category": "State",
"description": "shorthand for `useRefHistory` with throttled filter",
"related": [
"useDebouncedRefHistory",
"useRefHistory"
]
},
{
"name": "useThrottleFn",
"package": "shared",
"lastUpdated": 1672753228000,
"docs": "https://vueuse.org/shared/useThrottleFn/",
"category": "Utilities",
"description": "throttle execution of a function",
"related": [
"refDebounced",
"refThrottled",
"useDebounceFn"
]
},
{
"name": "useTimeAgo",
"package": "core",
"lastUpdated": 1671824301000,
"component": true,
"docs": "https://vueuse.org/core/useTimeAgo/",
"category": "Time",
"description": "reactive time ago"
},
{
"name": "useTimeout",
"package": "shared",
"lastUpdated": 1664157082000,
"docs": "https://vueuse.org/shared/useTimeout/",
"category": "Animation",
"description": "update value after a given time with controls"
},
{
"name": "useTimeoutFn",
"package": "shared",
"lastUpdated": 1674954620000,
"docs": "https://vueuse.org/shared/useTimeoutFn/",
"category": "Animation",
"description": "wrapper for `setTimeout` with controls"
},
{
"name": "useTimeoutPoll",
"package": "core",
"lastUpdated": 1658083632000,
"docs": "https://vueuse.org/core/useTimeoutPoll/",
"category": "Utilities",
"description": "use timeout to poll something"
},
{
"name": "useTimestamp",
"package": "core",
"lastUpdated": 1664157082000,
"component": true,
"docs": "https://vueuse.org/core/useTimestamp/",
"category": "Animation",
"description": "reactive current timestamp"
},
{
"name": "useTitle",
"package": "core",
"lastUpdated": 1665963788000,
"docs": "https://vueuse.org/core/useTitle/",
"category": "Browser",
"description": "reactive document title"
},
{
"name": "useToFixed",
"package": "math",
"lastUpdated": 1659586610000,
"docs": "https://vueuse.org/math/useToFixed/",
"category": "@Math",
"description": "reactive `toFixed`",
"deprecated": true
},
{
"name": "useToggle",
"package": "shared",
"lastUpdated": 1657259100000,
"docs": "https://vueuse.org/shared/useToggle/",
"category": "Utilities",
"description": "a boolean switcher with utility functions"
},
{
"name": "useToNumber",
"package": "shared",
"lastUpdated": 1659592336000,
"docs": "https://vueuse.org/shared/useToNumber/",
"category": "Utilities",
"description": "reactively convert a string ref to number"
},
{
"name": "useToString",
"package": "shared",
"lastUpdated": 1659592531000,
"docs": "https://vueuse.org/shared/useToString/",
"category": "Utilities",
"description": "reactively convert a ref to string"
},
{
"name": "useTransition",
"package": "core",
"lastUpdated": 1674955241000,
"docs": "https://vueuse.org/core/useTransition/",
"category": "Animation",
"description": "transition between values"
},
{
"name": "useTrunc",
"package": "math",
"lastUpdated": 1658043525000,
"docs": "https://vueuse.org/math/useTrunc/",
"category": "@Math",
"description": "reactive `Math.trunc`"
},
{
"name": "useUrlSearchParams",
"package": "core",
"lastUpdated": 1662286506000,
"docs": "https://vueuse.org/core/useUrlSearchParams/",
"category": "Browser",
"description": "reactive [URLSearchParams](https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams)"
},
{
"name": "useUserMedia",
"package": "core",
"lastUpdated": 1657430593000,
"docs": "https://vueuse.org/core/useUserMedia/",
"category": "Sensors",
"description": "reactive [`mediaDevices.getUserMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia) streaming",
"related": [
"useDevicesList",
"useDisplayMedia",
"usePermission"
]
},
{
"name": "useVibrate",
"package": "core",
"lastUpdated": 1657430593000,
"docs": "https://vueuse.org/core/useVibrate/",
"category": "Browser",
"description": "reactive [Vibration API](https://developer.mozilla.org/en-US/docs/Web/API/Vibration_API)"
},
{
"name": "useVirtualList",
"package": "core",
"lastUpdated": 1676174012000,
"component": true,
"docs": "https://vueuse.org/core/useVirtualList/",
"category": "Component",
"description": "create virtual lists with ease"
},
{
"name": "useVModel",
"package": "core",
"lastUpdated": 1662386652000,
"docs": "https://vueuse.org/core/useVModel/",
"category": "Component",
"description": "shorthand for v-model binding",
"related": [
"useVModels"
]
},
{
"name": "useVModels",
"package": "core",
"lastUpdated": 1657730657000,
"docs": "https://vueuse.org/core/useVModels/",
"category": "Component",
"description": "shorthand for props v-model binding",
"related": [
"useVModel"
]
},
{
"name": "useWakeLock",
"package": "core",
"lastUpdated": 1658083596000,
"docs": "https://vueuse.org/core/useWakeLock/",
"category": "Browser",
"description": "reactive [Screen Wake Lock API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Wake_Lock_API)"
},
{
"name": "useWebNotification",
"package": "core",
"lastUpdated": 1658083596000,
"docs": "https://vueuse.org/core/useWebNotification/",
"category": "Browser",
"description": "reactive [Notification](https://developer.mozilla.org/en-US/docs/Web/API/notification)"
},
{
"name": "useWebSocket",
"package": "core",
"lastUpdated": 1674954839000,
"docs": "https://vueuse.org/core/useWebSocket/",
"category": "Network",
"description": "reactive [WebSocket](https://developer.mozilla.org/en-US/docs/Web/API/WebSocket/WebSocket) client"
},
{
"name": "useWebWorker",
"package": "core",
"lastUpdated": 1666677873000,
"docs": "https://vueuse.org/core/useWebWorker/",
"category": "Browser",
"description": "simple [Web Workers](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers) registration and communication",
"related": [
"useWebWorkerFn"
]
},
{
"name": "useWebWorkerFn",
"package": "core",
"lastUpdated": 1657730737000,
"docs": "https://vueuse.org/core/useWebWorkerFn/",
"category": "Browser",
"description": "run expensive functions without blocking the UI",
"related": [
"useWebWorker"
]
},
{
"name": "useWindowFocus",
"package": "core",
"lastUpdated": 1639442454000,
"component": true,
"docs": "https://vueuse.org/core/useWindowFocus/",
"category": "Elements",
"description": "reactively track window focus with `window.onfocus` and `window.onblur` events"
},
{
"name": "useWindowScroll",
"package": "core",
"lastUpdated": 1676590806000,
"docs": "https://vueuse.org/core/useWindowScroll/",
"category": "Elements",
"description": "reactive window scroll"
},
{
"name": "useWindowSize",
"package": "core",
"lastUpdated": 1662285565000,
"component": true,
"docs": "https://vueuse.org/core/useWindowSize/",
"category": "Elements",
"description": "reactive window size"
},
{
"name": "useZoomFactor",
"package": "electron",
"lastUpdated": 1658645224000,
"docs": "https://vueuse.org/electron/useZoomFactor/",
"category": "@Electron",
"description": "reactive [WebFrame](https://www.electronjs.org/docs/api/web-frame#webframe) zoom factor"
},
{
"name": "useZoomLevel",
"package": "electron",
"lastUpdated": 1658645224000,
"docs": "https://vueuse.org/electron/useZoomLevel/",
"category": "@Electron",
"description": "reactive [WebFrame](https://www.electronjs.org/docs/api/web-frame#webframe) zoom level"
},
{
"name": "utils",
"package": "shared",
"lastUpdated": 1672752994000,
"internal": true
},
{
"name": "watchArray",
"package": "shared",
"lastUpdated": 1657133473000,
"docs": "https://vueuse.org/shared/watchArray/",
"category": "Watch",
"description": "watch for an array with additions and removals"
},
{
"name": "watchAtMost",
"package": "shared",
"lastUpdated": 1662892188000,
"docs": "https://vueuse.org/shared/watchAtMost/",
"category": "Watch",
"description": "`watch` with the number of times triggered"
},
{
"name": "watchDebounced",
"package": "shared",
"lastUpdated": 1662892188000,
"docs": "https://vueuse.org/shared/watchDebounced/",
"category": "Watch",
"description": "debounced watch",
"alias": [
"debouncedWatch"
]
},
{
"name": "watchIgnorable",
"package": "shared",
"lastUpdated": 1655390134000,
"docs": "https://vueuse.org/shared/watchIgnorable/",
"category": "Watch",
"description": "ignorable watch",
"alias": [
"ignorableWatch"
]
},
{
"name": "watchOnce",
"package": "shared",
"lastUpdated": 1662892188000,
"docs": "https://vueuse.org/shared/watchOnce/",
"category": "Watch",
"description": "`watch` that only triggers once"
},
{
"name": "watchPausable",
"package": "shared",
"lastUpdated": 1662892188000,
"docs": "https://vueuse.org/shared/watchPausable/",
"category": "Watch",
"description": "pausable watch",
"alias": [
"pausableWatch"
]
},
{
"name": "watchThrottled",
"package": "shared",
"lastUpdated": 1657259100000,
"docs": "https://vueuse.org/shared/watchThrottled/",
"category": "Watch",
"description": "throttled watch",
"alias": [
"throttledWatch"
]
},
{
"name": "watchTriggerable",
"package": "shared",
"lastUpdated": 1657077213000,
"docs": "https://vueuse.org/shared/watchTriggerable/",
"category": "Watch",
"description": "watch that can be triggered manually"
},
{
"name": "watchWithFilter",
"package": "shared",
"lastUpdated": 1662892188000,
"docs": "https://vueuse.org/shared/watchWithFilter/",
"category": "Watch",
"description": "`watch` with additional EventFilter control"
},
{
"name": "whenever",
"package": "shared",
"lastUpdated": 1658645224000,
"docs": "https://vueuse.org/shared/whenever/",
"category": "Watch",
"description": "shorthand for watching value to be truthy"
}
]
}