Nuxt PDF Kit
Modul viewer PDF lengkap untuk Nuxt yang dibangun dengan Nuxt UI dan Tailwind CSS v4. Lihat, cari, zoom, rotasi, cetak, dan unduh PDF dengan mudah.
Masalah & Kebutuhan Developer
Menampilkan dokumen PDF secara interaktif di aplikasi web Vue dan Nuxt sering kali merepotkan. Pustaka pembaca PDF yang ada di ekosistem biasanya memiliki ukuran bundel yang besar, sulit dikustomisasi secara visual, atau tidak mendukung fitur SSR dan Dark Mode bawaan Nuxt 3/4.
Nuxt PDF Kit dikembangkan untuk mengatasi masalah tersebut: menyediakan komponen penampil PDF yang siap pakai, ringan, dan menyatu sempurna dengan sistem desain Nuxt UI.
Desain & Fitur Teknis
Modul ini dirancang dengan prinsip modularitas tinggi:
- Arsitektur Composable: Menyediakan composable
usePdfVieweruntuk mengontrol status halaman, zoom, dan pencarian dokumen secara terprogram. - Dukungan Dark Mode Otomatis: Menyesuaikan latar belakang kanvas dokumen dan bilah alat dengan tema warna sistem pengguna.
- Integrasi Nuxt UI & Tailwind v4: Seluruh tombol kontrol menggunakan primitif Nuxt UI untuk konsistensi aksesibilitas dan kemudahan kustomisasi.
Modul ini memanfaatkan perenderan berbasis canvas modern yang hanya memproses halaman PDF yang sedang aktif di layar, menjaga penggunaan memori browser tetap hemat.
Fitur Utama
- Bilah Alat Lengkap: Navigasi halaman, kontrol rasio zoom, rotasi dokumen 90°, cetak langsung (native print), dan unduh file.
- Pencarian Teks dalam Dokumen: Pencarian kata kunci dengan penanda sorot (text highlighting) antar halaman.
- Mode Tampilan Ganda: Pilihan mode tampilan halaman tunggal (single page) atau gulir bersambung (continuous scroll).