Upgrading @vueuse/core 2 to 3
Unknown2.0.35 → 3.0.35
Fetching 45 releases from GitHub…0 / 45
UnknownUpgrade verdict
DepDelta is still reading the notes for this range, so breaking changes can't be ruled out yet.
In plain terms
- DepDelta is still reading the release notes in this range, so it can't rule out breaking changes yet.
- This page updates as the notes come in.
Must act Still reading release notes
DepDelta is still reading the release notes in this range. This updates as they come in.
API changes
Generated by DepDelta from published .d.ts files. Not mixed with prose notes.
- changed:
const useWebWorkerFn: <T extends (...fnArgs: any[]) => any>(fn: T, options?: Options) => { workerFn: (...fnArgs: Parameters<T>) => Promise<ReturnType<T>>; workerStatus: Ref<WorkerSt… → const useWebWorkerFn: <T extends (...fnArgs: any[]) => any>(fn: T, options?: Options) => { workerFn: (...fnArgs: Parameters<T>) => Promise<ReturnType<T>>; workerStatus: Ref$1<Worker… - changed:
const version = '2.0.35' → const version = '3.0.35' - changed:
function useAsyncState<T>(promise: Promise<T>, defaultState: T, delay?: number, catchFn?: (e: Error) => void): { state: Ref<import('@vue/composition-api').UnwrapRef<T>>; ready: Ref<boolean> } → function useAsyncState<T>(promise: Promise<T>, defaultState: T, delay?: number, catchFn?: (e: Error) => void): { state: Ref<import('@vue/reactivity').UnwrapRef<T>>; ready: Ref<boolean> } - changed:
function useBrowserLocation(target?: Ref<HTMLElement>): Ref<{ trigger: string; state: any; length: number; hash: string; host: string; hostname: string; href: string; origin: string; pathname: string; port: string; protocol: string; search: string }> → function useBrowserLocation(target?: Ref$1<HTMLElement>): Ref$1<{ trigger: string; state: any; length: number; hash: string; host: string; hostname: string; href: string; origin: string; pathname: string; port: string; protocol: string; search: string }> - changed:
function useCssVar(prop: string, refEl?: Ref<Element | null>): Ref<string> → function useCssVar(prop: string, refEl?: Ref$1<Element | null>): Ref$1<string> - changed:
function useDebounce<T>(value: Ref<T>, delay?: number): Ref<T> → function useDebounce<T>(value: Ref$1<T>, delay?: number): Ref$1<T> - changed:
function useDeviceLight(): Ref<number | null> → function useDeviceLight(): Ref$1<number | null> - changed:
function useDeviceMotion(options?: DeviceMotionOptions): { acceleration: Ref<DeviceMotionEventAcceleration | null>; accelerationIncludingGravity: Ref<DeviceMotionEventAcceleration | null>; rotationRate: Ref<DeviceMotionEventRotationRate | null>; interval: Ref<number> } → function useDeviceMotion(options?: DeviceMotionOptions): { acceleration: Ref$1<DeviceMotionEventAcceleration | null>; accelerationIncludingGravity: Ref$1<DeviceMotionEventAcceleration | null>; rotationRate: Ref$1<DeviceMotionEventRotationRate | null>; interval: Ref$1<number> } - changed:
function useDeviceOrientation(): { isAbsolute: Ref<boolean>; alpha: Ref<number | null>; beta: Ref<number | null>; gamma: Ref<number | null> } → function useDeviceOrientation(): { isAbsolute: Ref$1<boolean>; alpha: Ref$1<number | null>; beta: Ref$1<number | null>; gamma: Ref$1<number | null> } - changed:
function useElementVisibility(element: Ref<Element | null | undefined>): Ref<boolean> → function useElementVisibility(element: Ref$1<Element | null | undefined>): Ref$1<boolean> - changed:
function useFullscreen(target?: Ref<HTMLElement | null>): { isFullscreen: Ref<boolean>; enterFullscreen: () => void; exitFullscreen: () => void } → function useFullscreen(target?: Ref$1<HTMLElement | null>): { isFullscreen: Ref$1<boolean>; enterFullscreen: () => void; exitFullscreen: () => void } - changed:
function useGeolocation(options?: PositionOptions): { coords: Ref<Coordinates>; locatedAt: Ref<number | null>; error: Ref<{ readonly code: number; readonly message: string; readonly PERMISSION_DENIED: number; readonly POSITION_UNAVAILABLE: number; readonly TIMEOUT: number } | null> } → function useGeolocation(options?: PositionOptions): { coords: Ref$1<Coordinates>; locatedAt: Ref$1<number | null>; error: Ref$1<{ readonly code: number; readonly message: string; readonly PERMISSION_DENIED: number; readonly POSITION_UNAVAILABLE: number; readonly TIMEOUT: number } | null> } - changed:
function useLocalStorage(key: string, defaultValue: boolean, storage?: Storage): Ref<boolean> → function useLocalStorage(key: string, defaultValue: boolean, storage?: Storage): Ref$1<boolean> - changed:
function useLocalStorage(key: string, defaultValue: number, storage?: Storage): Ref<number> → function useLocalStorage(key: string, defaultValue: number, storage?: Storage): Ref$1<number> - changed:
function useLocalStorage(key: string, defaultValue: string, storage?: Storage): Ref<string> → function useLocalStorage(key: string, defaultValue: string, storage?: Storage): Ref$1<string> - changed:
function useLocalStorage<T extends null>(key: string, defaultValue: null, storage?: Storage): Ref<any> → function useLocalStorage<T extends null>(key: string, defaultValue: null, storage?: Storage): Ref$1<any> - changed:
function useLocalStorage<T extends object>(key: string, defaultValue: T, storage?: Storage): Ref<T> → function useLocalStorage<T extends object>(key: string, defaultValue: T, storage?: Storage): Ref$1<T> - changed:
function useMouseInElement(target?: Ref<HTMLElement | null>, options?: { handleOutside?: boolean; touch?: boolean; resetOnTouchEnds?: boolean; initial?: { x: number; y: number } }): { x: Ref<number>; y: Ref<number>; elementX: Ref<number>; elementY: Ref<number>; elementPositionX: Ref<number>; elementPositionY: Ref<number>; elementHeight: Ref<number>; elementWidth: Ref<number>; isOutside: Ref<boole… → function useMouseInElement(target?: Ref$1<HTMLElement | null>, options?: { handleOutside?: boolean; touch?: boolean; resetOnTouchEnds?: boolean; initial?: { x: number; y: number } }): { x: Ref$1<number>; y: Ref$1<number>; elementX: Ref$1<number>; elementY: Ref$1<number>; elementPositionX: Ref$1<number>; elementPositionY: Ref$1<number>; elementHeight: Ref$1<number>; elementWidth: Ref$1<number>; is… - changed:
function useNetwork(): { isOnline: Ref<boolean>; saveData: Ref<boolean>; offlineAt: Ref<number | undefined>; downlink: Ref<number | undefined>; downlinkMax: Ref<number | undefined>; effectiveType: Ref<NetworkEffectiveType>; type: Ref<NetworkType> } → function useNetwork(): { isOnline: Ref$1<boolean>; saveData: Ref$1<boolean>; offlineAt: Ref$1<number | undefined>; downlink: Ref$1<number | undefined>; downlinkMax: Ref$1<number | undefined>; effectiveType: Ref$1<NetworkEffectiveType>; type: Ref$1<NetworkType> } - changed:
function useSessionStorage(key: string, defaultValue: boolean, storage?: Storage): Ref<boolean> → function useSessionStorage(key: string, defaultValue: boolean, storage?: Storage): Ref$1<boolean> - changed:
function useSessionStorage(key: string, defaultValue: number, storage?: Storage): Ref<number> → function useSessionStorage(key: string, defaultValue: number, storage?: Storage): Ref$1<number> - changed:
function useSessionStorage(key: string, defaultValue: string, storage?: Storage): Ref<string> → function useSessionStorage(key: string, defaultValue: string, storage?: Storage): Ref$1<string> - changed:
function useSessionStorage<T extends null>(key: string, defaultValue: null, storage?: Storage): Ref<any> → function useSessionStorage<T extends null>(key: string, defaultValue: null, storage?: Storage): Ref$1<any> - changed:
function useSessionStorage<T extends object>(key: string, defaultValue: T, storage?: Storage): Ref<T> → function useSessionStorage<T extends object>(key: string, defaultValue: T, storage?: Storage): Ref$1<T> - changed:
function useStorage(key: string, defaultValue: boolean, storage?: Storage): Ref<boolean> → function useStorage(key: string, defaultValue: boolean, storage?: Storage): Ref$1<boolean> - changed:
function useStorage(key: string, defaultValue: number, storage?: Storage): Ref<number> → function useStorage(key: string, defaultValue: number, storage?: Storage): Ref$1<number> - changed:
function useStorage(key: string, defaultValue: string, storage?: Storage): Ref<string> → function useStorage(key: string, defaultValue: string, storage?: Storage): Ref$1<string> - changed:
function useStorage<T extends null>(key: string, defaultValue: null, storage?: Storage): Ref<any> → function useStorage<T extends null>(key: string, defaultValue: null, storage?: Storage): Ref$1<any> - changed:
function useStorage<T extends object>(key: string, defaultValue: T, storage?: Storage): Ref<T> → function useStorage<T extends object>(key: string, defaultValue: T, storage?: Storage): Ref$1<T> - changed:
function useThrottle<T>(value: Ref<T>, delay?: number): Ref<T> → function useThrottle<T>(value: Ref$1<T>, delay?: number): Ref$1<T> - changed:
function useTransition(baseNumber: Ref<number>, options?: StateEasingOptions): Ref<number> → function useTransition(baseNumber: Ref$1<number>, options?: StateEasingOptions): Ref$1<number> - changed:
function useWebSocket(url: string): { data: Ref<any>; state: Ref<'OPEN' | 'CONNECTING' | 'CLOSING' | 'CLOSED'>; close: (code?: number | undefined, reason?: string | undefined) => void; send: (data: string | ArrayBuffer | SharedArrayBuffer | Blob | ArrayBufferView) => void } → function useWebSocket(url: string): { data: Ref$1<any>; state: Ref$1<'OPEN' | 'CONNECTING' | 'CLOSING' | 'CLOSED'>; close: (code?: number | undefined, reason?: string | undefined) => void; send: (data: string | ArrayBuffer | SharedArrayBuffer | Blob | ArrayBufferView) => void } - changed:
function useWebWorker(url: string): { data: Ref<any>; post: { (message: any, transfer: Transferable[]): void; (message: any, options?: PostMessageOptions | undefined): void }; terminate: () => void } → function useWebWorker(url: string): { data: Ref$1<any>; post: { (message: any, transfer: Transferable[]): void; (message: any, options?: PostMessageOptions | undefined): void }; terminate: () => void } - changed:
property ParallaxOptions.targetElement?: Ref<HTMLElement> → property ParallaxOptions.targetElement?: Ref$1<HTMLElement>