vue3-yuanma/test-dts/refSugar.test-d.ts
2021-08-11 10:19:58 -04:00

48 lines
834 B
TypeScript

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))
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)