[{"data":1,"prerenderedAt":573},["ShallowReactive",2],{"navigation_docs_en":3,"-en-getting-started-introduction":160,"-en-getting-started-introduction-surround":570},[4,21,47,93,119],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fen\u002Fgetting-started","en\u002F1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fen\u002Fgetting-started\u002Fintroduction","en\u002F1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fen\u002Fgetting-started\u002Finstallation","en\u002F1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Components","i-lucide-component","\u002Fen\u002Fcomponents","en\u002F2.components",[27,32,37,42],{"title":28,"path":29,"stem":30,"icon":31},"NuxtPdfKit","\u002Fen\u002Fcomponents\u002Fnuxt-pdf-kit","en\u002F2.components\u002F1.nuxt-pdf-kit","i-lucide-file-text",{"title":33,"path":34,"stem":35,"icon":36},"Props","\u002Fen\u002Fcomponents\u002Fprops","en\u002F2.components\u002F2.props","i-lucide-list",{"title":38,"path":39,"stem":40,"icon":41},"Slots","\u002Fen\u002Fcomponents\u002Fslots","en\u002F2.components\u002F3.slots","i-lucide-layout",{"title":43,"path":44,"stem":45,"icon":46},"Methods","\u002Fen\u002Fcomponents\u002Fmethods","en\u002F2.components\u002F4.methods","i-lucide-play",{"title":48,"icon":49,"path":50,"stem":51,"children":52,"page":20},"Composables","i-lucide-code","\u002Fen\u002Fcomposables","en\u002F3.composables",[53,58,63,68,73,78,83,88],{"title":54,"path":55,"stem":56,"icon":57},"Overview","\u002Fen\u002Fcomposables\u002Foverview","en\u002F3.composables\u002F1.overview","i-lucide-info",{"title":59,"path":60,"stem":61,"icon":62},"usePdfKitDocument","\u002Fen\u002Fcomposables\u002Fuse-pdf-kit-document","en\u002F3.composables\u002F2.use-pdf-kit-document","i-lucide-file",{"title":64,"path":65,"stem":66,"icon":67},"usePdfKitZoom","\u002Fen\u002Fcomposables\u002Fuse-pdf-kit-zoom","en\u002F3.composables\u002F3.use-pdf-kit-zoom","i-lucide-zoom-in",{"title":69,"path":70,"stem":71,"icon":72},"usePdfKitSearch","\u002Fen\u002Fcomposables\u002Fuse-pdf-kit-search","en\u002F3.composables\u002F4.use-pdf-kit-search","i-lucide-search",{"title":74,"path":75,"stem":76,"icon":77},"usePdfKitPageNavigation","\u002Fen\u002Fcomposables\u002Fuse-pdf-kit-page-navigation","en\u002F3.composables\u002F5.use-pdf-kit-page-navigation","i-lucide-navigation",{"title":79,"path":80,"stem":81,"icon":82},"usePdfKitViewMode","\u002Fen\u002Fcomposables\u002Fuse-pdf-kit-view-mode","en\u002F3.composables\u002F6.use-pdf-kit-view-mode","i-lucide-layout-grid",{"title":84,"path":85,"stem":86,"icon":87},"usePdfKitRotation","\u002Fen\u002Fcomposables\u002Fuse-pdf-kit-rotation","en\u002F3.composables\u002F7.use-pdf-kit-rotation","i-lucide-rotate-cw",{"title":89,"path":90,"stem":91,"icon":92},"usePdfKitVirtualScroll","\u002Fen\u002Fcomposables\u002Fuse-pdf-kit-virtual-scroll","en\u002F3.composables\u002F8.use-pdf-kit-virtual-scroll","i-lucide-layers",{"title":94,"icon":95,"path":96,"stem":97,"children":98,"page":20},"Configuration","i-lucide-settings","\u002Fen\u002Fconfiguration","en\u002F4.configuration",[99,104,109,114],{"title":100,"path":101,"stem":102,"icon":103},"Module Options","\u002Fen\u002Fconfiguration\u002Fmodule-options","en\u002F4.configuration\u002F1.module-options","i-lucide-sliders",{"title":105,"path":106,"stem":107,"icon":108},"Toolbar Options","\u002Fen\u002Fconfiguration\u002Ftoolbar-options","en\u002F4.configuration\u002F2.toolbar-options","i-lucide-panel-top",{"title":110,"path":111,"stem":112,"icon":113},"Per-Instance Config","\u002Fen\u002Fconfiguration\u002Fper-instance-config","en\u002F4.configuration\u002F3.per-instance-config","i-lucide-copy",{"title":115,"path":116,"stem":117,"icon":118},"TypeScript","\u002Fen\u002Fconfiguration\u002Ftypescript","en\u002F4.configuration\u002F4.typescript","i-simple-icons-typescript",{"title":120,"icon":121,"path":122,"stem":123,"children":124,"page":20},"Advanced","i-lucide-sparkles","\u002Fen\u002Fadvanced","en\u002F5.advanced",[125,130,135,140,145,150,155],{"title":126,"path":127,"stem":128,"icon":129},"Examples","\u002Fen\u002Fadvanced\u002Fexamples","en\u002F5.advanced\u002F1.examples","i-lucide-book-open",{"title":131,"path":132,"stem":133,"icon":134},"Providers","\u002Fen\u002Fadvanced\u002Fproviders","en\u002F5.advanced\u002F2.providers","i-heroicons-cloud",{"title":136,"path":137,"stem":138,"icon":139},"Contributing","\u002Fen\u002Fadvanced\u002Fcontributing-providers","en\u002F5.advanced\u002F3.contributing-providers","i-heroicons-code-bracket",{"title":141,"path":142,"stem":143,"icon":144},"Custom Styling","\u002Fen\u002Fadvanced\u002Fcustom-styling","en\u002F5.advanced\u002F4.custom-styling","i-lucide-palette",{"title":146,"path":147,"stem":148,"icon":149},"Keyboard Shortcuts","\u002Fen\u002Fadvanced\u002Fkeyboard-shortcuts","en\u002F5.advanced\u002F5.keyboard-shortcuts","i-lucide-keyboard",{"title":151,"path":152,"stem":153,"icon":154},"Troubleshooting","\u002Fen\u002Fadvanced\u002Ftroubleshooting","en\u002F5.advanced\u002F6.troubleshooting","i-lucide-wrench",{"title":156,"path":157,"stem":158,"icon":159},"Demo","\u002Fen\u002Fadvanced\u002Fdemo","en\u002F5.advanced\u002F7.demo","i-lucide-square-dashed-bottom-code",{"id":161,"title":11,"body":162,"description":562,"extension":563,"links":564,"meta":565,"navigation":566,"path":12,"seo":567,"stem":13,"__hash__":569},"docs_en\u002Fen\u002F1.getting-started\u002F1.introduction.md",{"type":163,"value":164,"toc":555},"minimark",[165,188,193,202,222,226,229,257,262,286,290,293,430,434,437,451,470,474,477,539,542,545,551],[166,167,168,169,173,174,181,182,187],"p",{},"Welcome to ",[170,171,172],"strong",{},"Nuxt PDF Kit",", a complete PDF viewer module for Nuxt, built with ",[175,176,180],"a",{"href":177,"rel":178},"https:\u002F\u002Fui.nuxt.com",[179],"nofollow","Nuxt UI"," and ",[175,183,186],{"href":184,"rel":185},"https:\u002F\u002Ftailwindcss.com",[179],"Tailwind CSS v4",".",[189,190,192],"h2",{"id":191},"what-is-nuxt-pdf-kit","What is Nuxt PDF Kit?",[166,194,195,196,201],{},"Nuxt PDF Kit is a comprehensive solution for displaying, navigating, and interacting with PDF documents in your Nuxt applications. Powered by ",[175,197,200],{"href":198,"rel":199},"https:\u002F\u002Fmozilla.github.io\u002Fpdf.js\u002F",[179],"PDF.js",", it offers a beautiful and responsive interface right out of the box.",[203,204,205,210,214,217],"card-group",{},[206,207,209],"card",{"icon":31,"title":208},"PDF Rendering","High-quality PDF rendering powered by Mozilla's PDF.js library.",[206,211,213],{"icon":72,"title":212},"Full-Text Search","Easily search through your PDF documents with highlighting and navigation.",[206,215,216],{"icon":144,"title":180},"A beautiful interface built with Nuxt UI.",[206,218,221],{"icon":219,"title":220},"i-lucide-moon","Dark Mode","Built-in light\u002Fdark theme toggle with session persistence.",[189,223,225],{"id":224},"why-choose-nuxt-pdf-kit","Why Choose Nuxt PDF Kit?",[166,227,228],{},"Building a PDF viewer in Nuxt requires addressing the following challenges:",[230,231,232,239,245,251],"ul",{},[233,234,235,238],"li",{},[170,236,237],{},"PDF.js complexity"," - Understanding and configuring the PDF.js library",[233,240,241,244],{},[170,242,243],{},"SSR issues"," - Handling client-only components and hydration",[233,246,247,250],{},[170,248,249],{},"UI development"," - Creating a responsive, accessible interface from scratch",[233,252,253,256],{},[170,254,255],{},"Feature implementation"," - Adding features like search, zoom, print, download, and more",[166,258,259,261],{},[170,260,172],{}," solves all these challenges by providing:",[263,264,265,270,274,278,282],"field-group",{},[266,267,269],"field",{"name":180,"type":268},"feature","A beautiful, responsive interface with dark\u002Flight mode support right out of the box.",[266,271,273],{"name":272,"type":268},"SSR Compatible","Works seamlessly with Nuxt's server-side rendering, no configuration needed.",[266,275,277],{"name":276,"type":268},"Zero Configuration","Automatically installs dependencies (@nuxt\u002Fui, @vueuse\u002Fnuxt) - simply add and use.",[266,279,281],{"name":280,"type":268},"Responsive","Mobile-friendly, with an adaptive toolbar that works across all devices.",[266,283,285],{"name":284,"type":268},"Feature Complete","Full features, including search, zoom, rotation, print, download, thumbnails, keyboard shortcuts, and more.",[189,287,289],{"id":288},"key-features","Key Features",[166,291,292],{},"Nuxt PDF Kit includes everything you need for a complete PDF viewing experience:",[294,295,296,309],"table",{},[297,298,299],"thead",{},[300,301,302,306],"tr",{},[303,304,305],"th",{},"Feature",[303,307,308],{},"Description",[310,311,312,322,332,342,352,362,372,382,391,400,410,420],"tbody",{},[300,313,314,319],{},[315,316,317],"td",{},[170,318,208],{},[315,320,321],{},"High-quality rendering with PDF.js",[300,323,324,329],{},[315,325,326],{},[170,327,328],{},"Text Search",[315,330,331],{},"Full-text search with highlighting and navigation",[300,333,334,339],{},[315,335,336],{},[170,337,338],{},"Zoom Controls",[315,340,341],{},"Zoom in\u002Fout, fit page, fit width, custom percentage",[300,343,344,349],{},[315,345,346],{},[170,347,348],{},"Rotation",[315,350,351],{},"Rotate documents clockwise",[300,353,354,359],{},[315,355,356],{},[170,357,358],{},"View Modes",[315,360,361],{},"Single page, dual page, dual with cover",[300,363,364,369],{},[315,365,366],{},[170,367,368],{},"Scroll Modes",[315,370,371],{},"Vertical, horizontal, wrapped, page-by-page",[300,373,374,379],{},[315,375,376],{},[170,377,378],{},"Thumbnails",[315,380,381],{},"Sidebar with page thumbnails",[300,383,384,388],{},[315,385,386],{},[170,387,146],{},[315,389,390],{},"Navigate with arrow keys, zoom with +\u002F-",[300,392,393,397],{},[315,394,395],{},[170,396,220],{},[315,398,399],{},"Built-in theme toggle with session persistence",[300,401,402,407],{},[315,403,404],{},[170,405,406],{},"Print & Download",[315,408,409],{},"Native print and download support",[300,411,412,417],{},[315,413,414],{},[170,415,416],{},"Virtual Scrolling",[315,418,419],{},"Efficient rendering for large documents",[300,421,422,427],{},[315,423,424],{},[170,425,426],{},"Responsive Mode",[315,428,429],{},"Auto-fit pages to the container width",[189,431,433],{"id":432},"requirements","Requirements",[166,435,436],{},"Before getting started, ensure your project meets the following requirements:",[230,438,439,445],{},[233,440,441,444],{},[170,442,443],{},"Nuxt"," >= 3.0.0",[233,446,447,450],{},[170,448,449],{},"Node.js"," >= 18",[452,453,454,455,181,462,469],"tip",{},"Nuxt PDF Kit automatically installs required dependencies, such as ",[175,456,458],{"href":177,"rel":457},[179],[459,460,461],"code",{},"@nuxt\u002Fui",[175,463,466],{"href":464,"rel":465},"https:\u002F\u002Fvueuse.org",[179],[459,467,468],{},"@vueuse\u002Fnuxt",", if they are not already present in your project.",[189,471,473],{"id":472},"quick-example","Quick Example",[166,475,476],{},"Here’s a simple example to help you get started:",[478,479,484],"pre",{"className":480,"code":481,"language":482,"meta":483,"style":483},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n \u003CNuxtPdfKit src=\"\u002Fsample.pdf\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[459,485,486,502,529],{"__ignoreMap":483},[487,488,491,495,499],"span",{"class":489,"line":490},"line",1,[487,492,494],{"class":493},"sMK4o","\u003C",[487,496,498],{"class":497},"swJcz","template",[487,500,501],{"class":493},">\n",[487,503,505,508,510,514,517,520,524,526],{"class":489,"line":504},2,[487,506,507],{"class":493}," \u003C",[487,509,28],{"class":497},[487,511,513],{"class":512},"spNyl"," src",[487,515,516],{"class":493},"=",[487,518,519],{"class":493},"\"",[487,521,523],{"class":522},"sfazB","\u002Fsample.pdf",[487,525,519],{"class":493},[487,527,528],{"class":493}," \u002F>\n",[487,530,532,535,537],{"class":489,"line":531},3,[487,533,534],{"class":493},"\u003C\u002F",[487,536,498],{"class":497},[487,538,501],{"class":493},[540,541],"hr",{},[166,543,544],{},"That's it! You now have a fully-featured PDF viewer in your Nuxt application.",[166,546,547,548,550],{},"Ready to get started? Head over to the ",[175,549,16],{"href":17}," guide.",[552,553,554],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":483,"searchDepth":504,"depth":504,"links":556},[557,558,559,560,561],{"id":191,"depth":504,"text":192},{"id":224,"depth":504,"text":225},{"id":288,"depth":504,"text":289},{"id":432,"depth":504,"text":433},{"id":472,"depth":504,"text":473},"Welcome to Nuxt PDF Kit - A full-featured PDF viewer module for Nuxt.","md",null,{},{"icon":14},{"title":11,"description":568},"Discover Nuxt PDF Kit, a full-featured PDF viewer module for Nuxt with Nuxt UI.","RVRjTeL4IpzcaEsLexcvgh6e7zdH9oxvfxak_pds4MI",[564,571],{"title":16,"path":17,"stem":18,"description":572,"icon":19,"children":-1},"Get started with Nuxt PDF Kit.",1785862382755]