catche search widget
v0.1.1
Alias menu CTRL/CMD-K atau palet perintah
Catche menyediakan cara kode rendah untuk menambahkan pencarian instan ke situs web Anda dalam dua langkah!
<head> situs web AndaRepo ini berisi kode sumber terbuka untuk widget sisi klien.
Bagi mereka yang tertarik untuk bertema widget mereka atau menggunakan data yang diselenggarakan sendiri, lihat bagian tutorial di bawah ini.
Kontribusi Selamat Datang!
Widget ini dibangun dengan Vue dan TypeScript dan menggunakan Tailwind untuk gaya.
Catche menggunakan SupAbase untuk hosting database kami tetapi Anda tidak perlu melakukannya jika Anda bermaksud untuk menjadi tuan rumah sendiri data Anda - Anda hanya perlu file JSON!
Kami menggunakan MiniSearch untuk pencarian, sementara cepat-fuzzy digunakan untuk menyorot.
Catatan - File index.html di folder tutorial tidak dapat dibuka apa adanya, karena beberapa persyaratan dalam skrip. Sebaliknya, jalankan server lokal melalui node atau python.
Lihat tutorial/tema untuk file yang relevan.
Anda dapat bertema widget melalui atribut catche-css di elemen <script> , yang harus mengambil jalur ke file .css.
< script catche-css =" PATH/TO/CSS " type =" module " crossorigin src =" PATH/TO/WIDGET/index.js " > </ script >Lihat Tutorial/Tema/Dark.CSS untuk contoh atribut CSS yang relevan.
Lihat Tutorial/Self -Host untuk file yang relevan.
Anda dapat menggunakan data Anda sendiri yang disimpan dalam file .json, melalui atribut catche-data di elemen <script> , yang harus mengambil jalur ke file .json.
< script catche-data =" PATH/TO/JSON " type =" module " crossorigin src =" PATH/TO/WIDGET/index.js " > </ script >File .json harus berisi array objek, di mana setiap objek mewakili halaman web dengan atribut berikut:
id - String Unikurl - URL halaman webtitle - Judul halaman webtext - Teks halaman web Widget akan mencari melalui title dan atribut text .
Lihat tutorial/selfhost/my-data.json untuk contoh format data.
