motion
motion copied to clipboard
Wrong writing leads to loss of 'MayRef' responsiveness
unref
should be placed in computed
like:
export function useMotionVariants<T extends MotionVariants>(variants: MaybeRef<T> = {} as MaybeRef<T>) {
// Unref variants
//โโโโโโโ
// const _variants = unref(variants) as T
// Current variant string
const variant = ref() as Ref<keyof T>
// Current variant state
const state = computed<Variant | undefined>(() => {
if (!variant.value) return
//โโโโโโโ
const _variants = unref(variants) as T
return _variants[variant.value]
})
return {
state,
variant,
}
}