Tipis di atas useToggle. Gunanya bukan menambah kemampuan, melainkan membuat pemanggilnya terbaca: setFalse() di tempat pemakaian lebih jelas daripada setLeft(), dan lebih jelas daripada set(false) yang tidak memberi tahu apa pun soal niatnya.
Installation
pnpm dlx shadcn-vue@latest add @kliping/use-boolean Perlu @kliping terdaftar di components.json project Anda. Lihat cara menyiapkannya.
Ikut terpasang sendiri: use-toggle.
Salin dulu use-toggle — masing-masing memuat sumbernya di halamannya sendiri — lalu tempel berkas ini.
ts
import { useToggle } from '@/composables/use-toggle'
export function useBoolean(defaultValue = false) {
const { value, set, toggle } = useToggle<boolean, boolean>(defaultValue, !defaultValue)
return {
value,
set,
setTrue: () => set(true),
setFalse: () => set(false),
toggle,
}
}API
ts
export function useBoolean(defaultValue = false)