Source from repo

VueUse Functions

Apply VueUse composables in Vue 3/Nuxt projects to replace custom implementations with battle-tested utilities.

antfuGitHub antfuSource repo Original GitHub link Publisher page

Files

268

Skill

n/a

Size

631.0 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

references/createProjection.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown32 linesFree

references/createProjection.md

1---
2category: '@Math'
3related: useProjection, createGenericProjection
4---
5 
6# createProjection
7 
8Reactive numeric projection from one domain to another.
9 
10## Usage
11 
12```ts
13import { createProjection } from '@vueuse/math'
14 
15const useProjector = createProjection([0, 10], [0, 100])
16const input = ref(0)
17const projected = useProjector(input) // projected.value === 0
18 
19input.value = 5 // projected.value === 50
20input.value = 10 // projected.value === 100
21```
22 
23## Type Declarations
24 
25```ts
26export declare function createProjection(
27  fromDomain: MaybeRefOrGetter<readonly [number, number]>,
28  toDomain: MaybeRefOrGetter<readonly [number, number]>,
29  projector?: ProjectorFunction<number, number>,
30): UseProjection<number, number>
31```
32

VueUse Functions

references/createProjection.md

Preparing the source view

VueUse Functions

references/createProjection.md