Skip to content

Upgrading @vueuse/nuxt 7 to 8

Breaking7.7.1 → 8.9.4Breaking6Platform1Deprecated12New55Changed5Fixed91Other2

BreakingUpgrade verdict

6 breaking changes and a platform requirement change.

  • The aborted flag returned by useAxios is now called isAborted, so code using the old name must be updated.
  • The old way of importing the Nuxt module from the core package no longer works. Install and import the separate Nuxt package instead.
  • The function that syncs several refs at once has a new name.
  • The two-way ref sync function is now called `syncRef` and lets you choose which direction values flow.
Top 5 of 19 that need code or config changes

Adds @nuxt/kit ^3.0.0-rc.4, @vueuse/metadata 8.9.4.

Drops @nuxt/kit-edge.

Installs 51 packages in all (was 158).

Breaking6
Renames useAxios aborted to isAborted.
useAxiosabortedisAborted
Removes the deprecated @vueuse/core/nuxt entry point; use @vueuse/nuxt instead.
@vueuse/core/nuxt@vueuse/nuxt
Renames syncRef to syncRefs.
syncRefsyncRefs
Renames biSyncRef to syncRef and adds a configurable syncing direction.
biSyncRefsyncRef
Changes useTextSelection to listen to the selectionchange event.
useTextSelectionselectionchange
Makes the target a required argument of useFocus instead of an option.
useFocus
Platform1
Marks change-case as an optional peer dependency in integrations.
change-case
Deprecated12
Deprecates eagerComputed in favor of computedEager.
eagerComputedcomputedEager
Deprecates asyncComputed in favor of computedAsync.
asyncComputedcomputedAsync
Deprecates controlledComputed in favor of computedWithControl.
controlledComputedcomputedWithControl
Deprecates useThrottle and throttledRef in favor of refThrottled.
useThrottlethrottledRefrefThrottled
Deprecates useDebounce and debouncedRef in favor of refDebounced.
useDebouncedebouncedRefrefDebounced
Deprecates controlledRef in favor of refWithControl.
controlledRefrefWithControl
Deprecates pasuableWatch in favor of watchPasuable.
pasuableWatchwatchPasuable
Deprecates ignorableWatch in favor of watchIgnorable.
ignorableWatchwatchIgnorable
Deprecates debouncedWatch in favor of watchDebounced.
debouncedWatchwatchDebounced
Deprecates throttledWatch in favor of watchThrottled.
throttledWatchwatchThrottled
Deprecates and, or and not in favor of logicAnd, logicOr and logicNot.
andornotlogicAndlogicOrlogicNot
Deprecates autoResetRef in favor of refAutoReset.
autoResetRefrefAutoReset