68 lines
1.1 KiB
TypeScript
68 lines
1.1 KiB
TypeScript
import { WritableComputedRef } from '@vue/reactivity'
|
|
import {
|
|
expectType,
|
|
$ref,
|
|
$shallowRef,
|
|
$computed,
|
|
$fromRefs,
|
|
$raw,
|
|
ref,
|
|
Ref,
|
|
ComputedRef
|
|
} from './index'
|
|
|
|
// $ref
|
|
expectType<number>($ref(1))
|
|
expectType<number>($ref(ref(1)))
|
|
expectType<{ foo: number }>($ref({ foo: ref(1) }))
|
|
|
|
// $shallowRef
|
|
expectType<number>($shallowRef(1))
|
|
expectType<{ foo: Ref<number> }>($shallowRef({ foo: ref(1) }))
|
|
|
|
// $computed
|
|
expectType<number>($computed(() => 1))
|
|
let b = $ref(1)
|
|
expectType<number>(
|
|
$computed(() => b, {
|
|
onTrack() {}
|
|
})
|
|
)
|
|
|
|
// writable computed
|
|
expectType<number>(
|
|
$computed({
|
|
get: () => 1,
|
|
set: () => {}
|
|
})
|
|
)
|
|
|
|
function useFoo() {
|
|
return {
|
|
x: ref(1),
|
|
y: ref('hi'),
|
|
z: 123
|
|
}
|
|
}
|
|
|
|
// $fromRefs
|
|
const { x, y, z } = $fromRefs(useFoo())
|
|
expectType<number>(x)
|
|
expectType<string>(y)
|
|
expectType<number>(z)
|
|
|
|
// $raw
|
|
expectType<Ref<number>>($raw(x))
|
|
expectType<Ref<string>>($raw(y))
|
|
|
|
const c = $computed(() => 1)
|
|
const cRef = $raw(c)
|
|
expectType<ComputedRef<number>>(cRef)
|
|
|
|
const c2 = $computed({
|
|
get: () => 1,
|
|
set: () => {}
|
|
})
|
|
const c2Ref = $raw(c2)
|
|
expectType<WritableComputedRef<number>>(c2Ref)
|