Bug Fixes

• useFetch: make helper methods return PromiseLike<UseFetchReturn<T>> (#1402) (b9e8e8a)
• useMediaQuery: removeEventListener in guard target should be med… (#1401) (92cedd1)

Breaking Changes

• Deprecated usage of @vueuse/core/nuxt has been removed, use @vueuse/nuxt instead
• syncRef renamed to syncRefs (5ec1da1)
• biSyncRef renamed to syncRef, with configurable syncing direction (360833d)
• fix(useTextSelection)!: listen to selectionchange event by @okxiaoliang4 in #1194
• refactor(useFocus)!: made target an required argument instead of an option by @wtykirby in #1010

Bug Fixes

• useAxios: args param need limit (#1343) (42fc7a7)
• useFetch: uppercase HTTP methods in useFetch (#1336) (4ce7c72)
• useTextSelection: ssr compactible (2a87733)
• onClickOutside: should work normal w/ directive (#1366) (66cefd5)

New Features

• New @vueuse/metadata package to replace the indexes.json with proper types
• Better support of related functions in docs
• Support alias of functions
• New functions
  • useTimeoutPoll: new function (#1178) (abd59a2)
  • useDateFormat: new function (#1123) (5c445d8)
  • useGamepad: new function (#1355) (5071118)
  • useFileSystemAccess: new function (#1243) (28066cb)
  • integrations: add useChangeCase (#1371) (a98e569)
• Enhancements
  • useAxios: allow useAxios to be awaited (#1228) (8812e7e)
  • useAxios: allow not passing url in constructor (#1388) (2a582d4)
  • useDraggable: add stopPropagation option (#1391) (7445f0a)
• Directive support for functions
  • onKeyStroke: directive support (#1362) (9f8eabb)
  • useElementHover: directive support (#1359) (73b0def)
  • useInfiniteScroll: directive support (#1340) (fd8ca8e)
  • useIntersectionObserver: directive support (#1339) (53d4dfd)
  • useScroll: directive support (#1348) (0daf86f)
  • useScrollLock: directive support (#1360) (4356613)
  • useElementSize: directive support (#1365) (1346456)

Refactoring

• Normalize the function names with the backward compact alias
  • eagerComputed -> computedEager
  • asyncComputed -> computedAsync
  • controlledComputed -> computedWithControl
  • useThrottle, throttledRef -> refThrottled
  • useDebounce, debouncedRef -> refDebounced
  • controlledRef -> refWithControl
  • pasuableWatch -> watchPasuable
  • ignorableWatch -> watchIgnorable
  • debouncedWatch -> watchDebounced
  • throttledWatch -> watchThrottled
  • and, or, not -> logicAnd, logicOr, logicNot
  • autoResetRef -> refAutoReset

New Contributors

• @Glandos made their first contribution in #1336
• @WuLianN made their first contribution in #1343
• @hengshanMWC made their first contribution in #1363
• @Rolanddoda made their first contribution in #1380
• @Flamenco made their first contribution in #1384
• @dospunk made their first contribution in #1392

New Team Members

• @webfansplz
• @okxiaoliang4

Full Changelog: v7.7.1...v8.0.0

Bug Fixes

• onClickOutside: should work normal w/ directive (#1366) (66cefd5)

Features

• integrations: add useChangeCase (#1371) (a98e569)
• useElementSize: directive support (#1365) (1346456)

Full changelog at https://github.com/vueuse/vueuse/releases/tag/v8.0.0-beta.1

Breaking Changes

• Deprecated usage of @vueuse/core/nuxt has been removed, use @vueuse/nuxt instead
• syncRef renamed to syncRefs (5ec1da1)
• biSyncRef renamed to syncRef, with configurable syncing direction (360833d)
• fix(useTextSelection)!: listen to selectionchange event by @okxiaoliang4 in #1194
• refactor(useFocus)!: made target an required argument instead of an option by @wtykirby in #1010

Bug Fixes

• useAxios: args param need limit (#1343) (42fc7a7)
• useFetch: uppercase HTTP methods in useFetch (#1336) (4ce7c72)
• useTextSelection: ssr compactible (2a87733)

New Features

• New @vueuse/metadata package to replace the indexes.json with proper types
• Better support of related functions in docs
• Support alias of functions
• New functions
  • useTimeoutPoll: new function (#1178) (abd59a2)
  • useDateFormat: new function (#1123) (5c445d8)
  • useGamepad: new function (#1355) (5071118)
• Enhancements
  • useAxios: allow useAxios to be awaited (#1228) (8812e7e)
• Directive support for functions
  • onKeyStroke: directive support (#1362) (9f8eabb)
  • useElementHover: directive support (#1359) (73b0def)
  • useInfiniteScroll: directive support (#1340) (fd8ca8e)
  • useIntersectionObserver: directive support (#1339) (53d4dfd)
  • useScroll: directive support (#1348) (0daf86f)
  • useScrollLock: directive support (#1360) (4356613)

Refactoring

• Normalize the function names with the backward compact alias
  • eagerComputed -> computedEager
  • asyncComputed -> computedAsync
  • controlledComputed -> computedWithControl
  • useThrottle, throttledRef -> refThrottled
  • useDebounce, debouncedRef -> refDebounced
  • controlledRef -> refWithControl
  • pasuableWatch -> watchPasuable
  • ignorableWatch -> watchIgnorable
  • debouncedWatch -> watchDebounced
  • throttledWatch -> watchThrottled
  • and, or, not -> logicAnd, logicOr, logicNot
  • autoResetRef -> refAutoReset

Bug Fixes

• useScrollLock: should work normal with initialState (#1257) (75146b8)
• use indirect type (#1337) (54a9ac0)
• useFetch: make error shallow (#1270) (53d1983)

Bug Fixes

• useCycleList: nullish check (#1280) (aef8a2b)
• useFetch: fix run afterFetch condition (#1271) (23b12a3)

Features

• reactiveComputed: new function (fcfec1c)
• reactiveOmit: add reactiveOmit (#1292) (3b5079c)
• useEventBus: payload support (#1279) (e4ceb92)
• useFullscreen: autoExit support (#1272) (c0b1ad0)
• useMouse: support eventFilter (#1261) (3927dd3)

Bug Fixes

• useElementBouding: should reset value while element unmounted (#1253) (aba020f)
• useElementSize: should reset value while element unmounted (#1254) (7b40091)
• useFps,useMemory: ssr support (#1244) (0e1e211)
• useMagicKeys: filter undefined event key (#1235) (03929c7)
• useToggle: toggle function return value (#1256) (8d190ae)

Features

• useCssVar: support prop be ref (#1236) (f99ea0d)
• useScriptTag: custom attrs support (#1229) (ef8684c)
• whenever: add type for callback param (#1246) (322cdcb)

Bug Fixes

• onLongPress: dir case (#1227) (768af79)

Bug Fixes

• integrations: relax peerDeps version, close #1189 (94411ad)
• ssr-handlers: fix _global is undefined (#1190) (5418f3b)
• UseDraggable: add prop key[storageType] (#1191) (20df83c)
• useElementBounding: update jsdoc (e1f64dc)

Features

• onClickOutside: add ignore option (#1205) (c275a2e)
• onLongPress: new function (#1225) (eed2889)
• useCached: new function (#1169) (fb37135)
• useEagerComputed: allow specify watchOptions (#1192) (2473407)
• useFetch: support more http methods (#1149) (#1193) (01f8dfb)
• useInfiniteScroll: new function (#1219) (4f0ad36)
• useInterval: support ref as interval (#1215) (a2b2b0d)
• useOffsetPagination: new function (#1104) (b4b7e8e)