Instalasi
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:
npx shadcn-vue@latest add https://kliping.pro/r/use-boolean.jsonCara yang lebih enak
Daftarkan namespace @kliping sekali di components.json project Anda:
{
"registries": {
"@kliping": "https://kliping.pro/r/{name}.json"
},
"aliases": {
"composables": "@/composables"
}
}Setelah itu perintahnya jadi pendek:
npx shadcn-vue@latest add @kliping/use-boolean
npx shadcn-vue@latest add @kliping/use-event-listener @kliping/use-mouseKe 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()danuseId() - TypeScript dianjurkan, tapi tidak wajib
Tidak ada syarat lain. Composable di sini tidak menyentuh router, store, maupun build tool Anda.