Memulai
Siklus Hidup
Peramban
Pengembangan
Paket Luar
useBoolean
Membalik nilai boolean, dengan nama aksi yang menyebut maksudnya.
Nilai: false
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.
Pemasangan
npx 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)