4a3ce4cc1d
Add comprehensive reference documentation for: - Vitest: environments, projects/workspaces, type testing, vi utilities - Pinia: HMR, Nuxt integration, SSR setup - Vue: built-in components (Transition, Teleport, Suspense, KeepAlive) and advanced directives
799 B
799 B
category, related
| category | related |
|---|---|
| @Math | createGenericProjection |
useProjection
Reactive numeric projection from one domain to another.
Usage
import { useProjection } from '@vueuse/math'
const input = ref(0)
const projected = useProjection(input, [0, 10], [0, 100])
input.value = 5 // projected.value === 50
input.value = 10 // projected.value === 100
Type Declarations
/**
* Reactive numeric projection from one domain to another.
*
* @see https://vueuse.org/useProjection
*
* @__NO_SIDE_EFFECTS__
*/
export declare function useProjection(
input: MaybeRefOrGetter<number>,
fromDomain: MaybeRefOrGetter<readonly [number, number]>,
toDomain: MaybeRefOrGetter<readonly [number, number]>,
projector?: ProjectorFunction<number, number>,
): ComputedRef<number>