Upgrading @vueuse/nuxt 8 to 9
Breaking8.9.4 → 9.13.0Breaking48Deprecated1New93Changed10Fixed95Other5
BreakingUpgrade verdict
48 breaking changes.
In plain terms
- If you import these TypeScript types directly, update the names to the new Use-prefixed versions.
- Renames useSpeechSynthesis type Status to UseSpeechSynthesisStatus.
- Renames onKeyStroke type KeyStrokeOptions to OnKeyStrokeOptions.
- Renames useAsyncState type AsyncStateOptions to UseAsyncStateOptions.
Must act Top 4 of 49 that need code or config changes
What you must change
Breaking48
Renames function options types with a consistent Use prefix, affecting direct type imports.
Renames useSpeechSynthesis type Status to UseSpeechSynthesisStatus.
StatusUseSpeechSynthesisStatususeSpeechSynthesisRenames onKeyStroke type KeyStrokeOptions to OnKeyStrokeOptions.
KeyStrokeOptionsOnKeyStrokeOptionsonKeyStrokeRenames useAsyncState type AsyncStateOptions to UseAsyncStateOptions.
AsyncStateOptionsUseAsyncStateOptionsuseAsyncStateRenames useClipboard types ClipboardOptions to UseClipboardOptions and ClipboardReturn to UseClipboardReturn.
ClipboardOptionsUseClipboardOptionsClipboardReturnUseClipboardReturnuseClipboardRenames useElementVisibility type VisibilityScrollTargetOptions to UseElementVisibilityOptions.
VisibilityScrollTargetOptionsUseElementVisibilityOptionsuseElementVisibilityRenames useEventSource return type to UseEventSourceReturn.
UseEventSourceReturnuseEventSourceRenames useFavicon type FaviconOptions to UseFaviconOptions.
FaviconOptionsUseFaviconOptionsuseFaviconRenames useFocusWithin type FocusWithinReturn to UseFocusWithinReturn.
FocusWithinReturnUseFocusWithinReturnuseFocusWithinRenames useGeolocation type GeolocationOptions to UseGeolocationOptions.
GeolocationOptionsUseGeolocationOptionsuseGeolocationRenames useIdle type IdleOptions to UseIdleOptions.
IdleOptionsUseIdleOptionsuseIdleRenames useIntersectionObserver type IntersectionObserverOptions to UseIntersectionObserverOptions.
IntersectionObserverOptionsUseIntersectionObserverOptionsuseIntersectionObserverRenames useJwt types JwtOptions to UseJwtOptions and JwtResult to UseJwtReturn.
JwtOptionsUseJwtOptionsJwtResultUseJwtReturnuseJwtRenames useKeyModifier type ModifierOptions to UseModifierOptions.
ModifierOptionsUseModifierOptionsuseKeyModifierRenames useMagicKeys type MagicKeys to UseMagicKeysReturn.
MagicKeysUseMagicKeysReturnuseMagicKeysRenames useMemoize type UseMemoizedFn to UseMemoizeReturn and adds type UseMemoizeOptions.
UseMemoizedFnUseMemoizeReturnUseMemoizeOptionsuseMemoizeRenames useMemory type MemoryOptions to UseMemoryOptions.
MemoryOptionsUseMemoryOptionsuseMemoryRenames useMouse type MouseOptions to UseMouseOptions.
MouseOptionsUseMouseOptionsuseMouseRenames type MutationObserverOptions to UseMutationObserverOptions.
MutationObserverOptionsUseMutationObserverOptionsRenames types ParallaxOptions to UseParallaxOptions and ParallaxReturn to UseParallaxReturn.
ParallaxOptionsUseParallaxOptionsParallaxReturnUseParallaxReturnRenames types PointerSwipeOptions to UsePointerSwipeOptions and PointerSwipeReturn to UsePointerSwipeReturn.
PointerSwipeOptionsUsePointerSwipeOptionsPointerSwipeReturnUsePointerSwipeReturnRenames type RTDBOptions to UseRTDBOptions.
RTDBOptionsUseRTDBOptionsRenames type RafFnOptions to UseRafFnOptions.
RafFnOptionsUseRafFnOptionsRenames type ResizeObserverOptions to UseResizeObserverOptions.
ResizeObserverOptionsUseResizeObserverOptionsRenames type ShareOptions to UseShareOptions.
ShareOptionsUseShareOptionsRenames type SpeechRecognitionOptions to UseSpeechRecognitionOptions.
SpeechRecognitionOptionsUseSpeechRecognitionOptionsRenames type SpeechSynthesisOptions to UseSpeechSynthesisOptions.
SpeechSynthesisOptionsUseSpeechSynthesisOptionsRemoves voiceInfo and allows voice to be a ref in useSpeechSynthesis.
useSpeechSynthesisvoiceInfovoiceRenames type StorageOptions to UseStorageOptions.
StorageOptionsUseStorageOptionsRenames type StorageAsyncOptions to UseStorageAsyncOptions.
StorageAsyncOptionsUseStorageAsyncOptionsRenames types SwipeOptions to UseSwipeOptions and SwipeReturn to UseSwipeReturn.
SwipeOptionsUseSwipeOptionsSwipeReturnUseSwipeReturnRenames type TimestampOptions to UseTimestampOptions.
TimestampOptionsUseTimestampOptionsRenames type TransitionOptions to UseTransitionOptions.
TransitionOptionsUseTransitionOptionsRenames type VModelOptions to UseVModelOptions.
VModelOptionsUseVModelOptionsRenames types WebSocketOptions to UseWebSocketOptions and WebSocketResult to UseWebSocketReturn.
WebSocketOptionsUseWebSocketOptionsWebSocketResultUseWebSocketReturnRenames type WebWorkerOptions to UseWebWorkerOptions.
WebWorkerOptionsUseWebWorkerOptionsRenames type WindowSizeOptions to UseWindowSizeOptions.
WindowSizeOptionsUseWindowSizeOptionsRenames type IntervalOptions to UseIntervalOptions.
IntervalOptionsUseIntervalOptionsRenames type IntervalFnOptions to UseIntervalFnOptions.
IntervalFnOptionsUseIntervalFnOptionsRenames TimeoutOptions to UseTimeoutOptions and TimeoutFnOptions to UseTimeoutFnOptions.
useTimeoutFnuseTimeoutTimeoutOptionsUseTimeoutOptionsTimeoutFnOptionsUseTimeoutFnOptionsEnables support for reactive getter by default in reactify.
reactifyChanges useThrottleFn trailing option default to false.
useThrottleFntrailingBumps Nuxt support to RC.9 and updates the
autoImports:sources hook.autoImports:sourcesChanges isSupported from boolean to Ref<boolean> for SSR compatibility.
isSupportedRef<boolean>Supports firebase 9 modular.
firebaseMoves logicAnd, logicOr, logicNot and useClamp to @vueuse/math.
logicAndlogicOrlogicNotuseClamp@vueuse/mathStores key instead of keyCode in useMagicKeys current.
useMagicKeyskeykeyCodecurrentfirebase: Supports firebase 9, an incompatible upgrade for existing firebase integrations.
firebaseDeprecations to plan for
Deprecated1
Deprecates useToFixed in favor of usePrecision.
useToFixedusePrecision