kliping.pro
  • Docs
  • Directory
  • Colors
  • Typeset
Hooks
    • Introduction
    • Installation
    • Credits
  • State7
  • Advanced6
  • Lifecycle16
  • Browser21
  • Development1
  • Third-Party4
  • Libraries4

Installation

PreviousNext

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:

pnpm dlx 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:

pnpm dlx shadcn-vue@latest add @kliping/use-boolean
pnpm dlx 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 try-on-mounted 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.

PreviousIntroductionNext Credits

On This Page

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