useClamp

値を他の2つの値の間にリアクティブにクランプします。

使用法

import { useClamp } from '@vueuse/math'

const min = shallowRef(0)
const max = shallowRef(10)
const value = useClamp(0, min, max)

ref を渡すこともでき、ソースの ref が変更されると返される computed が更新されます:

import { useClamp } from '@vueuse/math'

const number = shallowRef(0)
const clamped = useClamp(number, 0, 10)