[{"data":1,"prerenderedAt":905},["ShallowReactive",2],{"navigation_docs":3,"-use-cases-vue-to-pdf":278,"-use-cases-vue-to-pdf-surround":900},[4,63,109,171],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":62},"API","i-lucide-braces","\u002Fapi","api",[10,14,18,22,26,30,34,38,42,46,50,54,58],{"title":11,"path":12,"stem":13},"Html2Pdf Component","\u002Fapi\u002Fcomponent","api\u002F01.component",{"title":15,"path":16,"stem":17},"Core Props","\u002Fapi\u002Fprops","api\u002F02.props",{"title":19,"path":20,"stem":21},"PDF Headers in Vue","\u002Fapi\u002Fheaders","api\u002F03.headers",{"title":23,"path":24,"stem":25},"PDF Footers in Vue","\u002Fapi\u002Ffooters","api\u002F04.footers",{"title":27,"path":28,"stem":29},"Security","\u002Fapi\u002Fsecurity","api\u002F05.security",{"title":31,"path":32,"stem":33},"Watermarks","\u002Fapi\u002Fwatermarks","api\u002F06.watermarks",{"title":35,"path":36,"stem":37},"Metadata & Compression","\u002Fapi\u002Fmetadata-compression","api\u002F07.metadata-compression",{"title":39,"path":40,"stem":41},"Programmatic API","\u002Fapi\u002Fprogrammatic-api","api\u002F08.programmatic-api",{"title":43,"path":44,"stem":45},"Loader, Progress, Metrics, Events & Slots","\u002Fapi\u002Fevents-slots","api\u002F09.events-slots",{"title":47,"path":48,"stem":49},"TypeScript","\u002Fapi\u002Ftypescript","api\u002F10.typescript",{"title":51,"path":52,"stem":53},"PDF Styling & data-pdf-ignore","\u002Fapi\u002Fpdf-styling","api\u002F11.pdf-styling",{"title":55,"path":56,"stem":57},"API Reference","\u002Fapi\u002Ffull-reference","api\u002F12.full-reference",{"title":59,"path":60,"stem":61},"Compose Existing PDF Pages","\u002Fapi\u002Fcomposition","api\u002F13.composition",false,{"title":64,"icon":65,"path":66,"stem":67,"children":68,"page":62},"Get Started","i-lucide-book-open","\u002Fget-started","get-started",[69,73,77,81,85,89,93,97,101,105],{"title":70,"path":71,"stem":72},"Introduction","\u002Fget-started\u002Fintroduction","get-started\u002F01.introduction",{"title":74,"path":75,"stem":76},"Installation","\u002Fget-started\u002Finstallation","get-started\u002F02.installation",{"title":78,"path":79,"stem":80},"Quick Start","\u002Fget-started\u002Fquick-start","get-started\u002F03.quick-start",{"title":82,"path":83,"stem":84},"Rendering Modes","\u002Fget-started\u002Frendering-modes","get-started\u002F04.rendering-modes",{"title":86,"path":87,"stem":88},"Component Registration","\u002Fget-started\u002Fregistration","get-started\u002F05.registration",{"title":90,"path":91,"stem":92},"Preview & Download","\u002Fget-started\u002Fpreview-download","get-started\u002F06.preview-download",{"title":94,"path":95,"stem":96},"Smart PDF Pagination","\u002Fget-started\u002Fpagination","get-started\u002F07.pagination",{"title":98,"path":99,"stem":100},"Nuxt 3 & Nuxt 4 SSR","\u002Fget-started\u002Fnuxt-ssr","get-started\u002F08.nuxt-ssr",{"title":102,"path":103,"stem":104},"Migration Guide","\u002Fget-started\u002Fmigration","get-started\u002F09.migration",{"title":106,"path":107,"stem":108},"PDF Paper Formats and Orientation","\u002Fget-started\u002Fpaper-formats","get-started\u002F10.paper-formats",{"title":110,"icon":111,"path":112,"stem":113,"children":114,"page":62},"Use Cases","i-lucide-flask-conical","\u002Fuse-cases","use-cases",[115,119,123,127,131,135,139,143,147,151,155,159,163,167],{"title":116,"path":117,"stem":118},"Playground","\u002Fuse-cases\u002Fplayground","use-cases\u002F01.playground",{"title":120,"path":121,"stem":122},"Selectable Text Mode","\u002Fuse-cases\u002Fselectable-text","use-cases\u002F02.selectable-text",{"title":124,"path":125,"stem":126},"Clickable PDF Links","\u002Fuse-cases\u002Fclickable-links","use-cases\u002F03.clickable-links",{"title":128,"path":129,"stem":130},"Images & CORS","\u002Fuse-cases\u002Fimages-cors","use-cases\u002F04.images-cors",{"title":132,"path":133,"stem":134},"Production Guide","\u002Fuse-cases\u002Fproduction-guide","use-cases\u002F05.production-guide",{"title":136,"path":137,"stem":138},"Troubleshooting","\u002Fuse-cases\u002Ftroubleshooting","use-cases\u002F06.troubleshooting",{"title":140,"path":141,"stem":142},"Testing & Browser Support","\u002Fuse-cases\u002Ftesting-browser-support","use-cases\u002F07.testing-browser-support",{"title":144,"path":145,"stem":146},"Performance Engineering","\u002Fuse-cases\u002Fperformance-engineering","use-cases\u002F08.performance-engineering",{"title":148,"path":149,"stem":150},"Full Performance Engineering Report","\u002Fuse-cases\u002Fperformance-report","use-cases\u002F09.performance-report",{"title":152,"path":153,"stem":154},"Community & Feedback","\u002Fuse-cases\u002Fcommunity","use-cases\u002F10.community",{"title":156,"path":157,"stem":158},"Acknowledgements","\u002Fuse-cases\u002Facknowledgements","use-cases\u002F11.acknowledgements",{"title":160,"path":161,"stem":162},"Fonts, Charts, SVG and Image Optimization","\u002Fuse-cases\u002Fmedia-typography","use-cases\u002F12.media-typography",{"title":164,"path":165,"stem":166},"PDF Generation Flow","\u002Fuse-cases\u002Fproject-flow","use-cases\u002F13.project-flow",{"title":168,"path":169,"stem":170},"Vue to PDF in Vue 3 and Nuxt","\u002Fuse-cases\u002Fvue-to-pdf","use-cases\u002F14.vue-to-pdf",{"title":172,"path":173,"stem":174,"children":175,"page":62},"Versions","\u002Fversions","versions",[176,248],{"title":177,"path":178,"stem":179,"children":180},"v1 Documentation","\u002Fversions\u002F1.1.1","versions\u002F1.1.1\u002Findex",[181,182,214,228],{"title":177,"path":178,"stem":179},{"title":183,"path":184,"stem":185,"children":186,"page":62},"Api","\u002Fversions\u002F1.1.1\u002Fapi","versions\u002F1.1.1\u002Fapi",[187,190,193,197,201,204,207,210],{"title":11,"path":188,"stem":189},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fcomponent","versions\u002F1.1.1\u002Fapi\u002F01.component",{"title":15,"path":191,"stem":192},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fprops","versions\u002F1.1.1\u002Fapi\u002F02.props",{"title":194,"path":195,"stem":196},"Headers","\u002Fversions\u002F1.1.1\u002Fapi\u002Fheaders","versions\u002F1.1.1\u002Fapi\u002F03.headers",{"title":198,"path":199,"stem":200},"Footers","\u002Fversions\u002F1.1.1\u002Fapi\u002Ffooters","versions\u002F1.1.1\u002Fapi\u002F04.footers",{"title":39,"path":202,"stem":203},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fprogrammatic-api","versions\u002F1.1.1\u002Fapi\u002F08.programmatic-api",{"title":43,"path":205,"stem":206},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fevents-slots","versions\u002F1.1.1\u002Fapi\u002F09.events-slots",{"title":47,"path":208,"stem":209},"\u002Fversions\u002F1.1.1\u002Fapi\u002Ftypescript","versions\u002F1.1.1\u002Fapi\u002F10.typescript",{"title":211,"path":212,"stem":213},"Full README Reference","\u002Fversions\u002F1.1.1\u002Fapi\u002Ffull-reference","versions\u002F1.1.1\u002Fapi\u002F12.full-reference",{"title":64,"path":215,"stem":216,"children":217,"page":62},"\u002Fversions\u002F1.1.1\u002Fget-started","versions\u002F1.1.1\u002Fget-started",[218,221,224],{"title":70,"path":219,"stem":220},"\u002Fversions\u002F1.1.1\u002Fget-started\u002Fintroduction","versions\u002F1.1.1\u002Fget-started\u002F01.introduction",{"title":82,"path":222,"stem":223},"\u002Fversions\u002F1.1.1\u002Fget-started\u002Frendering-modes","versions\u002F1.1.1\u002Fget-started\u002F04.rendering-modes",{"title":225,"path":226,"stem":227},"Pagination","\u002Fversions\u002F1.1.1\u002Fget-started\u002Fpagination","versions\u002F1.1.1\u002Fget-started\u002F07.pagination",{"title":110,"path":229,"stem":230,"children":231,"page":62},"\u002Fversions\u002F1.1.1\u002Fuse-cases","versions\u002F1.1.1\u002Fuse-cases",[232,235,238,241,244],{"title":116,"path":233,"stem":234},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Fplayground","versions\u002F1.1.1\u002Fuse-cases\u002F01.playground",{"title":136,"path":236,"stem":237},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Ftroubleshooting","versions\u002F1.1.1\u002Fuse-cases\u002F06.troubleshooting",{"title":140,"path":239,"stem":240},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Ftesting-browser-support","versions\u002F1.1.1\u002Fuse-cases\u002F07.testing-browser-support",{"title":144,"path":242,"stem":243},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Fperformance-engineering","versions\u002F1.1.1\u002Fuse-cases\u002F08.performance-engineering",{"title":245,"path":246,"stem":247},"Vue HTML to PDF Examples","\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Fvue-html-to-pdf","versions\u002F1.1.1\u002Fuse-cases\u002F12.vue-html-to-pdf",{"title":249,"path":250,"stem":251,"children":252},"Full References by Package Version","\u002Fversions\u002Ffull-references","versions\u002Ffull-references\u002Findex",[253,254,260,266,272],{"title":249,"path":250,"stem":251},{"title":255,"path":256,"stem":257,"children":258},"vue-pdf-export 1.1.1 Full Reference","\u002Fversions\u002Ffull-references\u002F1.1.1","versions\u002Ffull-references\u002F1.1.1\u002Findex",[259],{"title":255,"path":256,"stem":257},{"title":261,"path":262,"stem":263,"children":264},"vue-pdf-export 1.2.0 Full Reference","\u002Fversions\u002Ffull-references\u002F1.2.0","versions\u002Ffull-references\u002F1.2.0\u002Findex",[265],{"title":261,"path":262,"stem":263},{"title":267,"path":268,"stem":269,"children":270},"vue-pdf-export 1.2.1 Full Reference","\u002Fversions\u002Ffull-references\u002F1.2.1","versions\u002Ffull-references\u002F1.2.1\u002Findex",[271],{"title":267,"path":268,"stem":269},{"title":273,"path":274,"stem":275,"children":276},"vue-pdf-export 1.3.0 Full Reference","\u002Fversions\u002Ffull-references\u002F1.3.0","versions\u002Ffull-references\u002F1.3.0\u002Findex",[277],{"title":273,"path":274,"stem":275},{"id":279,"title":168,"body":280,"description":893,"extension":894,"links":895,"meta":896,"navigation":414,"path":169,"seo":897,"stem":170,"__hash__":899},"docs\u002Fuse-cases\u002F14.vue-to-pdf.md",{"type":281,"value":282,"toc":886},"minimark",[283,300,305,716,731,735,821,841,845,856,860,867,871,882],[284,285,286,287,291,292,295,296,299],"p",{},"To turn a Vue component into a PDF in the browser, install ",[288,289,290],"code",{},"vue-pdf-export",", put the document inside its ",[288,293,294],{},"#pdf-content"," slot, and call ",[288,297,298],{},"generatePdf()"," from a component ref. Choose Canvas rendering when visual CSS fidelity matters most, or selectable-text rendering when people must search and copy body text.",[301,302,304],"h2",{"id":303},"generate-a-pdf-from-a-vue-component","Generate a PDF from a Vue component",[306,307,312],"pre",{"className":308,"code":309,"language":310,"meta":311,"style":311},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { Html2Pdf } from 'vue-pdf-export'\nimport 'vue-pdf-export\u002Fstyle.css'\n\nconst pdf = ref\u003CInstanceType\u003Ctypeof Html2Pdf> | null>(null)\n\nasync function downloadReport() {\n  await pdf.value?.generatePdf()\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton type=\"button\" @click=\"downloadReport\">Download report\u003C\u002Fbutton>\n  \u003CHtml2Pdf ref=\"pdf\" filename=\"report.pdf\" render-mode=\"canvas\">\n    \u003Ctemplate #pdf-content>\n      \u003Carticle>\u003Ch1>Report\u003C\u002Fh1>\u003Cp>Rendered from a Vue component.\u003C\u002Fp>\u003C\u002Farticle>\n    \u003C\u002Ftemplate>\n  \u003C\u002FHtml2Pdf>\n\u003C\u002Ftemplate>\n","vue","",[288,313,314,349,377,397,409,416,461,466,484,508,514,524,529,539,582,627,643,687,697,707],{"__ignoreMap":311},[315,316,319,323,327,331,334,337,340,344,346],"span",{"class":317,"line":318},"line",1,[315,320,322],{"class":321},"sMK4o","\u003C",[315,324,326],{"class":325},"swJcz","script",[315,328,330],{"class":329},"spNyl"," setup",[315,332,333],{"class":329}," lang",[315,335,336],{"class":321},"=",[315,338,339],{"class":321},"\"",[315,341,343],{"class":342},"sfazB","ts",[315,345,339],{"class":321},[315,347,348],{"class":321},">\n",[315,350,352,356,359,363,366,369,372,374],{"class":317,"line":351},2,[315,353,355],{"class":354},"s7zQu","import",[315,357,358],{"class":321}," {",[315,360,362],{"class":361},"sTEyZ"," ref",[315,364,365],{"class":321}," }",[315,367,368],{"class":354}," from",[315,370,371],{"class":321}," '",[315,373,310],{"class":342},[315,375,376],{"class":321},"'\n",[315,378,380,382,384,387,389,391,393,395],{"class":317,"line":379},3,[315,381,355],{"class":354},[315,383,358],{"class":321},[315,385,386],{"class":361}," Html2Pdf",[315,388,365],{"class":321},[315,390,368],{"class":354},[315,392,371],{"class":321},[315,394,290],{"class":342},[315,396,376],{"class":321},[315,398,400,402,404,407],{"class":317,"line":399},4,[315,401,355],{"class":354},[315,403,371],{"class":321},[315,405,406],{"class":342},"vue-pdf-export\u002Fstyle.css",[315,408,376],{"class":321},[315,410,412],{"class":317,"line":411},5,[315,413,415],{"emptyLinePlaceholder":414},true,"\n",[315,417,419,422,425,427,430,432,436,439,441,444,447,450,452,455,458],{"class":317,"line":418},6,[315,420,421],{"class":329},"const",[315,423,424],{"class":361}," pdf ",[315,426,336],{"class":321},[315,428,362],{"class":429},"s2Zo4",[315,431,322],{"class":321},[315,433,435],{"class":434},"sBMFI","InstanceType",[315,437,438],{"class":321},"\u003Ctypeof",[315,440,386],{"class":361},[315,442,443],{"class":321},">",[315,445,446],{"class":321}," |",[315,448,449],{"class":434}," null",[315,451,443],{"class":321},[315,453,454],{"class":361},"(",[315,456,457],{"class":321},"null",[315,459,460],{"class":361},")\n",[315,462,464],{"class":317,"line":463},7,[315,465,415],{"emptyLinePlaceholder":414},[315,467,469,472,475,478,481],{"class":317,"line":468},8,[315,470,471],{"class":329},"async",[315,473,474],{"class":329}," function",[315,476,477],{"class":429}," downloadReport",[315,479,480],{"class":321},"()",[315,482,483],{"class":321}," {\n",[315,485,487,490,493,496,499,502,505],{"class":317,"line":486},9,[315,488,489],{"class":354},"  await",[315,491,492],{"class":361}," pdf",[315,494,495],{"class":321},".",[315,497,498],{"class":361},"value",[315,500,501],{"class":321},"?.",[315,503,504],{"class":429},"generatePdf",[315,506,507],{"class":325},"()\n",[315,509,511],{"class":317,"line":510},10,[315,512,513],{"class":321},"}\n",[315,515,517,520,522],{"class":317,"line":516},11,[315,518,519],{"class":321},"\u003C\u002F",[315,521,326],{"class":325},[315,523,348],{"class":321},[315,525,527],{"class":317,"line":526},12,[315,528,415],{"emptyLinePlaceholder":414},[315,530,532,534,537],{"class":317,"line":531},13,[315,533,322],{"class":321},[315,535,536],{"class":325},"template",[315,538,348],{"class":321},[315,540,542,545,548,551,553,555,557,559,562,564,566,569,571,573,576,578,580],{"class":317,"line":541},14,[315,543,544],{"class":321},"  \u003C",[315,546,547],{"class":325},"button",[315,549,550],{"class":329}," type",[315,552,336],{"class":321},[315,554,339],{"class":321},[315,556,547],{"class":342},[315,558,339],{"class":321},[315,560,561],{"class":329}," @click",[315,563,336],{"class":321},[315,565,339],{"class":321},[315,567,568],{"class":342},"downloadReport",[315,570,339],{"class":321},[315,572,443],{"class":321},[315,574,575],{"class":361},"Download report",[315,577,519],{"class":321},[315,579,547],{"class":325},[315,581,348],{"class":321},[315,583,585,587,590,592,594,596,599,601,604,606,608,611,613,616,618,620,623,625],{"class":317,"line":584},15,[315,586,544],{"class":321},[315,588,589],{"class":325},"Html2Pdf",[315,591,362],{"class":329},[315,593,336],{"class":321},[315,595,339],{"class":321},[315,597,598],{"class":342},"pdf",[315,600,339],{"class":321},[315,602,603],{"class":329}," filename",[315,605,336],{"class":321},[315,607,339],{"class":321},[315,609,610],{"class":342},"report.pdf",[315,612,339],{"class":321},[315,614,615],{"class":329}," render-mode",[315,617,336],{"class":321},[315,619,339],{"class":321},[315,621,622],{"class":342},"canvas",[315,624,339],{"class":321},[315,626,348],{"class":321},[315,628,630,633,635,638,641],{"class":317,"line":629},16,[315,631,632],{"class":321},"    \u003C",[315,634,536],{"class":325},[315,636,637],{"class":321}," #",[315,639,640],{"class":329},"pdf-content",[315,642,348],{"class":321},[315,644,646,649,652,655,658,660,663,665,667,669,671,673,676,678,680,683,685],{"class":317,"line":645},17,[315,647,648],{"class":321},"      \u003C",[315,650,651],{"class":325},"article",[315,653,654],{"class":321},">\u003C",[315,656,657],{"class":325},"h1",[315,659,443],{"class":321},[315,661,662],{"class":361},"Report",[315,664,519],{"class":321},[315,666,657],{"class":325},[315,668,654],{"class":321},[315,670,284],{"class":325},[315,672,443],{"class":321},[315,674,675],{"class":361},"Rendered from a Vue component.",[315,677,519],{"class":321},[315,679,284],{"class":325},[315,681,682],{"class":321},">\u003C\u002F",[315,684,651],{"class":325},[315,686,348],{"class":321},[315,688,690,693,695],{"class":317,"line":689},18,[315,691,692],{"class":321},"    \u003C\u002F",[315,694,536],{"class":325},[315,696,348],{"class":321},[315,698,700,703,705],{"class":317,"line":699},19,[315,701,702],{"class":321},"  \u003C\u002F",[315,704,589],{"class":325},[315,706,348],{"class":321},[315,708,710,712,714],{"class":317,"line":709},20,[315,711,519],{"class":321},[315,713,536],{"class":325},[315,715,348],{"class":321},[284,717,718,719,722,723,727,728,495],{},"The package's default is Canvas. The explicit ",[288,720,721],{},"render-mode"," above makes the choice visible. For a JavaScript Options API example and download settings, use the ",[724,725,726],"a",{"href":79},"quick start",". For Nuxt 3 and Nuxt 4, import the component safely during SSR and generate only after the browser mounts; see the ",[724,729,730],{"href":99},"Nuxt guide",[301,732,734],{"id":733},"which-vue-pdf-approach-fits-the-document","Which Vue PDF approach fits the document?",[736,737,738,754],"table",{},[739,740,741],"thead",{},[742,743,744,748,751],"tr",{},[745,746,747],"th",{},"Requirement",[745,749,750],{},"Start with",[745,752,753],{},"Tradeoff",[755,756,757,771,784,810],"tbody",{},[742,758,759,763,768],{},[760,761,762],"td",{},"Match browser CSS, charts and visual reports",[760,764,765],{},[724,766,767],{"href":83},"Canvas mode",[760,769,770],{},"The page body becomes an image; readers cannot select its text.",[742,772,773,776,781],{},[760,774,775],{},"Search, select or copy report text",[760,777,778],{},[724,779,780],{"href":121},"Selectable-text mode",[760,782,783],{},"Some CSS, glyph and SVG behavior differs from the browser; test the actual document.",[742,785,786,789,807],{},[760,787,788],{},"Print an entire server-rendered route without a browser user action",[760,790,791,792,801,802],{},"A server browser such as ",[724,793,797,798],{"href":794,"rel":795},"https:\u002F\u002Fplaywright.dev\u002Fdocs\u002Fapi\u002Fclass-page#page-pdf",[796],"nofollow","Playwright ",[288,799,800],{},"page.pdf()"," in an appropriate ",[724,803,806],{"href":804,"rel":805},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002F4.x\u002Fdirectory-structure\u002Fserver",[796],"Nuxt server route",[760,808,809],{},"You operate a browser service and handle its server resources and access controls.",[742,811,812,815,818],{},[760,813,814],{},"Display an existing PDF rather than create one",[760,816,817],{},"A PDF viewer",[760,819,820],{},"Viewing and generating are separate tasks.",[284,822,823,824,829,830,832,833,836,837,840],{},"The ",[724,825,828],{"href":826,"rel":827},"https:\u002F\u002Fgithub.com\u002FeKoopmans\u002Fhtml2pdf.js",[796],"html2pdf.js project"," documents that its Canvas path renders content as an image, so text is not searchable or selectable. ",[288,831,290],{}," exposes that style of capture as its Canvas mode and also provides a selectable-text renderer. These modes share the ",[724,834,835],{"href":12},"component API",", ",[724,838,839],{"href":95},"pagination controls",", preview, download and print flow.",[301,842,844],{"id":843},"can-vue-generated-pdfs-be-searched","Can Vue-generated PDFs be searched?",[284,846,847,848,851,852,855],{},"Yes, when you use ",[288,849,850],{},"render-mode=\"text\""," for the document body. PDF viewers can then select and search the emitted text. Canvas mode keeps the body as page images. Custom TTF or TrueType-outline OTF files can be registered for selectable text; CFF-outline OTF and WOFF\u002FWOFF2 are not supported for embedding. See ",[724,853,854],{"href":161},"fonts, charts, SVG and images"," for the renderer-specific limits.",[301,857,859],{"id":858},"can-i-combine-pdfs-in-vue","Can I combine PDFs in Vue?",[284,861,862,863,866],{},"You can ",[724,864,865],{"href":60},"prepend or append existing PDF pages"," to a generated document using the published composition options. This combines whole pages; it does not provide arbitrary editing of their internal content.",[301,868,870],{"id":869},"what-should-i-test-before-shipping","What should I test before shipping?",[284,872,873,874,877,878,881],{},"Export a representative document in each target browser. Check page breaks, font loading, remote-image CORS, output size, links and text selection as applicable. For long reports, use ",[724,875,876],{"href":44},"page-aware progress, cancellation and generation metrics"," and test a realistic page count. The ",[724,879,880],{"href":133},"production guide"," covers release checks.",[883,884,885],"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 pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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":311,"searchDepth":351,"depth":351,"links":887},[888,889,890,891,892],{"id":303,"depth":351,"text":304},{"id":733,"depth":351,"text":734},{"id":843,"depth":351,"text":844},{"id":858,"depth":351,"text":859},{"id":869,"depth":351,"text":870},"Choose a Vue 3 PDF generation approach for HTML fidelity, selectable text, Nuxt SSR, large documents and browser or server execution.","md",null,{},{"title":168,"description":898},"Compare Canvas, selectable-text and server PDF generation for Vue 3 and Nuxt. See a working component example and choose by document requirements.","bgdR7ZTNSyn8DrLK8KbZ97vbkMFtybN1_itY0rULFfk",[901,903],{"title":164,"path":165,"stem":166,"description":902,"children":-1},"Trace how vue-pdf-export moves from Vue content through pagination, export staging, Canvas or selectable-text rendering, PDF layers and cleanup.",{"title":177,"path":178,"stem":179,"description":904,"children":-1},"Vue PDF export documentation for releases up to 1.1.1, including direct header and footer props and the earlier component API.",1791560055465]