Mulai

Pendahuluan

Selamat datang di Nuxt PDF Kit - Modul penampil PDF kaya fitur untuk Nuxt.

Selamat datang di Nuxt PDF Kit, modul penampil PDF lengkap untuk Nuxt yang dibangun dengan Nuxt UI dan Tailwind CSS v4.

Apa itu Nuxt PDF Kit?

Nuxt PDF Kit adalah solusi komprehensif untuk menampilkan, menavigasi, dan berinteraksi dengan dokumen PDF dalam aplikasi Nuxt Anda. Ditenagai oleh PDF.js, modul ini menawarkan antarmuka yang indah dan responsif yang siap pakai (right out of the box).

Rendering PDF

Rendering PDF berkualitas tinggi yang ditenagai oleh pustaka Mozilla PDF.js.

Pencarian Teks Lengkap

Cari dokumen PDF Anda dengan mudah, lengkap dengan fitur penyorotan (highlighting) dan navigasi.

Nuxt UI

Antarmuka indah yang dibangun menggunakan Nuxt UI.

Mode Gelap

Tombol tema terang/gelap bawaan dengan fitur persistensi sesi.

Mengapa Memilih Nuxt PDF Kit?

Membangun penampil PDF di Nuxt mengharuskan Anda mengatasi tantangan berikut:

Kompleksitas PDF.js - Memahami dan mengonfigurasi pustaka PDF.js
Masalah SSR - Menangani komponen client-only dan proses hydration
Pengembangan UI - Membuat antarmuka yang responsif dan aksesibel dari nol
Implementasi Fitur - Menambahkan fitur seperti pencarian, zoom, cetak, unduh, dan lainnya

Nuxt PDF Kit mengatasi semua tantangan ini dengan menyediakan:

Nuxt UI

feature

Antarmuka yang indah dan responsif dengan dukungan mode gelap/terang yang siap pakai.

Kompatibel dengan SSR

feature

Bekerja mulus dengan server-side rendering Nuxt, tanpa perlu konfigurasi apa pun.

Tanpa Konfigurasi

feature

Secara otomatis menginstal dependensi (@nuxt/ui, @vueuse/nuxt) - cukup tambahkan dan gunakan.

Responsif

feature

Ramah seluler (mobile-friendly), dengan toolbar adaptif yang berfungsi di semua perangkat.

Fitur Lengkap

feature

Fitur lengkap, termasuk pencarian, zoom, rotasi, cetak, unduh, thumbnails, pintasan keyboard, dan banyak lagi.

Fitur Utama

Nuxt PDF Kit mencakup semua yang Anda butuhkan untuk pengalaman melihat PDF yang lengkap:

Fitur	Deskripsi
Rendering PDF	Rendering berkualitas tinggi dengan PDF.js
Pencarian Teks	Pencarian teks lengkap dengan penyorotan dan navigasi
Kontrol Zoom	Zoom in/out, sesuaikan halaman, sesuaikan lebar, persentase kustom
Rotasi	Putar dokumen searah jarum jam
Mode Tampilan	Satu halaman, dua halaman, dua halaman dengan sampul
Mode Gulir	Vertikal, horizontal, wrapped, halaman-per-halaman
Thumbnail	Sidebar dengan thumbnail halaman
Pintasan Keyboard	Navigasi dengan tombol panah, zoom dengan +/-
Mode Gelap	Tombol tema bawaan dengan persistensi sesi
Cetak & Unduh	Dukungan cetak dan unduh bawaan (native)
Virtual Scrolling	Rendering efisien untuk dokumen besar
Mode Responsif	Penyesuaian halaman otomatis mengikuti lebar kontainer

Persyaratan

Sebelum memulai, pastikan proyek Anda memenuhi persyaratan berikut:

Nuxt >= 3.0.0
Node.js >= 18

Nuxt PDF Kit secara otomatis menginstal dependensi yang diperlukan, seperti @nuxt/ui dan @vueuse/nuxt, jika belum tersedia di proyek Anda.

Contoh Cepat

Berikut adalah contoh sederhana untuk membantu Anda memulai:

<template>
 <NuxtPdfKit src="/sample.pdf" />
</template>

Ubah halaman iniatauLaporkan masalah

Instalasi

Mulai menggunakan Nuxt PDF Kit.