Kliping
KlipingBerandaDokumentasiKomponenBlocksVariasiTemplateDice UIHooks
Memulai
  • Pengenalan
  • Instalasi
  • Kredit
State
  • useBoolean
  • useControllableValue
  • useCounter
  • useDebounce
  • useResetState
  • useThrottle
  • useToggle
Lanjutan
  • useCreation
  • useCustomCompareEffect
  • useLatest
  • useLockFn
  • useMemoizedFn
  • usePrevious
Siklus Hidup
  • useDebounceEffect
  • useDebounceFn
  • useDeepCompareEffect
  • useDeepCompareLayoutEffect
  • useEffectEvent
  • useEffectWithTarget
  • useInterval
  • useIsHydrated
  • useIsomorphicLayoutEffect
  • useMount
  • useThrottleEffect
  • useThrottleFn
  • useTimeout
  • useUnmount
  • useUpdate
  • useUpdateEffect
Peramban
  • useActiveElement
  • useBattery
  • useClickAnyWhere
  • useClickAway
  • useClipboard
  • useDocumentVisibility
  • useElementSize
  • useEventListener
  • useFps
  • useFullscreen
  • useHash
  • useHover
  • useInViewport
  • useIsMatchMedia
  • useIsOnline
  • useMouse
  • useNetwork
  • useOs
  • useScrollLock
  • useTextSelection
  • useTitle
Pengembangan
  • useWhyDidYouUpdate
Paket Luar
  • useMcp
  • useQuery
  • useStickToBottom
  • useSwr
Pustaka
  • isBrowser
  • createContext
  • bacaElemen
  • saatTerpasang

Instalasi

SebelumnyaBerikutnya

Menyiapkan namespace @kliping sekali, lalu memasang composable dengan satu perintah.

Tidak ada CLI baru dan tidak ada paket yang perlu di-install. Yang dipakai CLI shadcn-vue yang sama dengan yang sudah Anda pakai untuk komponen.

Cara cepat ​

Pasang langsung dari URL-nya, tanpa menyiapkan apa pun:

bash
npx shadcn-vue@latest add https://kliping.pro/r/use-boolean.json

Cara yang lebih enak ​

Daftarkan namespace @kliping sekali di components.json project Anda:

json
{
  "registries": {
    "@kliping": "https://kliping.pro/r/{name}.json"
  },
  "aliases": {
    "composables": "@/composables"
  }
}

Setelah itu perintahnya jadi pendek:

bash
npx shadcn-vue@latest add @kliping/use-boolean
npx shadcn-vue@latest add @kliping/use-event-listener @kliping/use-mouse

Ke mana berkasnya mendarat ​

aliases.composables yang menentukan. Bawaannya @/composables, jadi use-boolean mendarat di src/composables/use-boolean.ts.

Helper bersama mengikuti aliases.lib — is-browser, target, dan saat-terpasang mendarat di src/lib/. Ketiganya ikut terpasang sendiri kalau composable yang Anda pasang membutuhkannya; tidak perlu disebut satu per satu.

Pastikan alias @ sudah menunjuk src/ di tsconfig.json Anda. Kalau komponen shadcn-vue sudah bisa dipasang di project ini, alias-nya sudah benar.

Tanpa CLI ​

Tiap halaman composable punya tab Manual yang memuat sumber utuhnya — lengkap dengan seluruh rantainya, dalam urutan yang benar untuk ditempel. Salin, tempel, selesai. Tidak ada yang hilang dibanding memakai CLI.

Syarat ​

  • Vue 3.5+ — beberapa composable memakai useTemplateRef() dan useId()
  • TypeScript dianjurkan, tapi tidak wajib

Tidak ada syarat lain. Composable di sini tidak menyentuh router, store, maupun build tool Anda.

PengenalanKredit

Di halaman ini

Cara cepatCara yang lebih enakKe mana berkasnya mendaratTanpa CLISyarat
Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping