Komponen
NuxtPdfKit
Komponen utama PDF viewer.
Komponen NuxtPdfKit adalah komponen utama untuk menampilkan dokumen PDF dalam aplikasi Nuxt Anda.
Penggunaan Dasar
<template>
<NuxtPdfKit src="/document.pdf" />
</template>
Dari URL Eksternal
<template>
<NuxtPdfKit src="https://example.com/document.pdf" />
</template>
Dengan Opsi
<template>
<NuxtPdfKit
src="/document.pdf"
theme="dark"
:responsive="true"
initial-view-mode="single"
initial-scroll-mode="vertical"
/>
</template>
Contoh Lengkap
<template>
<div class="h-screen">
<NuxtPdfKit
ref="pdfViewer"
src="/sample.pdf"
theme="light"
:responsive="true"
initial-view-mode="single"
initial-scroll-mode="vertical"
:virtual-scroll="true"
:virtual-scroll-threshold="10"
:toolbar="{
sidebar: true,
pageNavigation: true,
zoom: true,
search: true,
rotate: true,
print: true,
download: true,
fullscreen: true,
themeToggle: true,
}"
/>
</div>
</template>
<script setup>
const pdfViewer = ref(null)
</script>