[{"data":1,"prerenderedAt":835},["ShallowReactive",2],{"navigation_docs":3,"-get-started-migration":236,"-get-started-migration-surround":830},[4,63,109,159],{"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],{"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,"children":163,"page":62},"Versions","\u002Fversions","versions",[164],{"title":165,"path":166,"stem":167,"children":168},"v1 Documentation","\u002Fversions\u002F1.1.1","versions\u002F1.1.1\u002Findex",[169,170,202,216],{"title":165,"path":166,"stem":167},{"title":171,"path":172,"stem":173,"children":174,"page":62},"Api","\u002Fversions\u002F1.1.1\u002Fapi","versions\u002F1.1.1\u002Fapi",[175,178,181,185,189,192,195,198],{"title":11,"path":176,"stem":177},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fcomponent","versions\u002F1.1.1\u002Fapi\u002F01.component",{"title":15,"path":179,"stem":180},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fprops","versions\u002F1.1.1\u002Fapi\u002F02.props",{"title":182,"path":183,"stem":184},"Headers","\u002Fversions\u002F1.1.1\u002Fapi\u002Fheaders","versions\u002F1.1.1\u002Fapi\u002F03.headers",{"title":186,"path":187,"stem":188},"Footers","\u002Fversions\u002F1.1.1\u002Fapi\u002Ffooters","versions\u002F1.1.1\u002Fapi\u002F04.footers",{"title":39,"path":190,"stem":191},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fprogrammatic-api","versions\u002F1.1.1\u002Fapi\u002F08.programmatic-api",{"title":43,"path":193,"stem":194},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fevents-slots","versions\u002F1.1.1\u002Fapi\u002F09.events-slots",{"title":47,"path":196,"stem":197},"\u002Fversions\u002F1.1.1\u002Fapi\u002Ftypescript","versions\u002F1.1.1\u002Fapi\u002F10.typescript",{"title":199,"path":200,"stem":201},"Full README Reference","\u002Fversions\u002F1.1.1\u002Fapi\u002Ffull-reference","versions\u002F1.1.1\u002Fapi\u002F12.full-reference",{"title":64,"path":203,"stem":204,"children":205,"page":62},"\u002Fversions\u002F1.1.1\u002Fget-started","versions\u002F1.1.1\u002Fget-started",[206,209,212],{"title":70,"path":207,"stem":208},"\u002Fversions\u002F1.1.1\u002Fget-started\u002Fintroduction","versions\u002F1.1.1\u002Fget-started\u002F01.introduction",{"title":82,"path":210,"stem":211},"\u002Fversions\u002F1.1.1\u002Fget-started\u002Frendering-modes","versions\u002F1.1.1\u002Fget-started\u002F04.rendering-modes",{"title":213,"path":214,"stem":215},"Pagination","\u002Fversions\u002F1.1.1\u002Fget-started\u002Fpagination","versions\u002F1.1.1\u002Fget-started\u002F07.pagination",{"title":110,"path":217,"stem":218,"children":219,"page":62},"\u002Fversions\u002F1.1.1\u002Fuse-cases","versions\u002F1.1.1\u002Fuse-cases",[220,223,226,229,232],{"title":116,"path":221,"stem":222},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Fplayground","versions\u002F1.1.1\u002Fuse-cases\u002F01.playground",{"title":136,"path":224,"stem":225},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Ftroubleshooting","versions\u002F1.1.1\u002Fuse-cases\u002F06.troubleshooting",{"title":140,"path":227,"stem":228},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Ftesting-browser-support","versions\u002F1.1.1\u002Fuse-cases\u002F07.testing-browser-support",{"title":144,"path":230,"stem":231},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Fperformance-engineering","versions\u002F1.1.1\u002Fuse-cases\u002F08.performance-engineering",{"title":233,"path":234,"stem":235},"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",{"id":237,"title":102,"body":238,"description":821,"extension":822,"links":823,"meta":824,"navigation":825,"path":103,"seo":826,"stem":104,"__hash__":829},"docs\u002Fget-started\u002F09.migration.md",{"type":239,"value":240,"toc":818},"minimark",[241,245,250,267,390,522,752,784,791,814],[242,243,244],"p",{},"This page collects changes between documentation versions. The version selector opens the guide for the API you have installed.",[246,247,249],"h2",{"id":248},"from-v1-up-to-111-to-v2-120","From v1 (up to 1.1.1) to v2 (1.2.0)",[242,251,252,253,257,258,262,263,266],{},"The ",[254,255,256],"a",{"href":166},"v1 documentation"," retains the original direct-prop header and footer examples. Those settings can remain in an older installation. For the current API, group layer options in ",[259,260,261],"code",{},"header"," and ",[259,264,265],{},"footer"," objects or provide Vue slots.",[268,269,274],"pre",{"className":270,"code":271,"language":272,"meta":273,"style":273},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- 1.1.1 and earlier -->\n\u003CHtml2Pdf :inject-header=\"true\" header-text=\"Quarterly report\"\n  :inject-footer=\"true\" footer-mode=\"text\" footer-template=\"Page {n} of {total}\">\n  \u003Ctemplate #pdf-content>\u003Carticle>Report\u003C\u002Farticle>\u003C\u002Ftemplate>\n\u003C\u002FHtml2Pdf>\n","vue","",[259,275,276,285,329,373,380],{"__ignoreMap":273},[277,278,281],"span",{"class":279,"line":280},"line",1,[277,282,284],{"class":283},"sHwdD","\u003C!-- 1.1.1 and earlier -->\n",[277,286,288,292,296,299,303,306,309,313,315,318,320,322,326],{"class":279,"line":287},2,[277,289,291],{"class":290},"sMK4o","\u003C",[277,293,295],{"class":294},"swJcz","Html2Pdf",[277,297,298],{"class":290}," :",[277,300,302],{"class":301},"spNyl","inject-header",[277,304,305],{"class":290},"=",[277,307,308],{"class":290},"\"",[277,310,312],{"class":311},"sfNiH","true",[277,314,308],{"class":290},[277,316,317],{"class":301}," header-text",[277,319,305],{"class":290},[277,321,308],{"class":290},[277,323,325],{"class":324},"sfazB","Quarterly report",[277,327,328],{"class":290},"\"\n",[277,330,332,335,338,340,342,344,346,349,351,353,356,358,361,363,365,368,370],{"class":279,"line":331},3,[277,333,334],{"class":290},"  :",[277,336,337],{"class":301},"inject-footer",[277,339,305],{"class":290},[277,341,308],{"class":290},[277,343,312],{"class":311},[277,345,308],{"class":290},[277,347,348],{"class":301}," footer-mode",[277,350,305],{"class":290},[277,352,308],{"class":290},[277,354,355],{"class":324},"text",[277,357,308],{"class":290},[277,359,360],{"class":301}," footer-template",[277,362,305],{"class":290},[277,364,308],{"class":290},[277,366,367],{"class":324},"Page {n} of {total}",[277,369,308],{"class":290},[277,371,372],{"class":290},">\n",[277,374,376],{"class":279,"line":375},4,[277,377,379],{"class":378},"sTEyZ","  \u003Ctemplate #pdf-content>\u003Carticle>Report\u003C\u002Farticle>\u003C\u002Ftemplate>\n",[277,381,383,386,388],{"class":279,"line":382},5,[277,384,385],{"class":290},"\u003C\u002F",[277,387,295],{"class":294},[277,389,372],{"class":290},[268,391,393],{"className":270,"code":392,"language":272,"meta":273,"style":273},"\u003C!-- 1.2.0 and later -->\n\u003CHtml2Pdf :header=\"{ enabled: true, text: 'Quarterly report' }\"\n  :footer=\"{ enabled: true, useHtml: false, template: 'Page {n} of {total}' }\"\n  :manual-pagination=\"true\">\n  \u003Ctemplate #pdf-content>\u003Carticle>Report\u003C\u002Farticle>\u003C\u002Ftemplate>\n\u003C\u002FHtml2Pdf>\n",[259,394,395,400,447,492,509,513],{"__ignoreMap":273},[277,396,397],{"class":279,"line":280},[277,398,399],{"class":283},"\u003C!-- 1.2.0 and later -->\n",[277,401,402,404,406,408,410,412,414,417,420,423,426,429,432,434,437,439,442,445],{"class":279,"line":287},[277,403,291],{"class":290},[277,405,295],{"class":294},[277,407,298],{"class":290},[277,409,261],{"class":301},[277,411,305],{"class":290},[277,413,308],{"class":290},[277,415,416],{"class":290},"{",[277,418,419],{"class":294}," enabled",[277,421,422],{"class":290},":",[277,424,425],{"class":311}," true",[277,427,428],{"class":290},",",[277,430,431],{"class":294}," text",[277,433,422],{"class":290},[277,435,436],{"class":290}," '",[277,438,325],{"class":324},[277,440,441],{"class":290},"'",[277,443,444],{"class":290}," }",[277,446,328],{"class":290},[277,448,449,451,453,455,457,459,461,463,465,467,470,472,475,477,480,482,484,486,488,490],{"class":279,"line":331},[277,450,334],{"class":290},[277,452,265],{"class":301},[277,454,305],{"class":290},[277,456,308],{"class":290},[277,458,416],{"class":290},[277,460,419],{"class":294},[277,462,422],{"class":290},[277,464,425],{"class":311},[277,466,428],{"class":290},[277,468,469],{"class":294}," useHtml",[277,471,422],{"class":290},[277,473,474],{"class":311}," false",[277,476,428],{"class":290},[277,478,479],{"class":294}," template",[277,481,422],{"class":290},[277,483,436],{"class":290},[277,485,367],{"class":324},[277,487,441],{"class":290},[277,489,444],{"class":290},[277,491,328],{"class":290},[277,493,494,496,499,501,503,505,507],{"class":279,"line":375},[277,495,334],{"class":290},[277,497,498],{"class":301},"manual-pagination",[277,500,305],{"class":290},[277,502,308],{"class":290},[277,504,312],{"class":311},[277,506,308],{"class":290},[277,508,372],{"class":290},[277,510,511],{"class":279,"line":382},[277,512,379],{"class":378},[277,514,516,518,520],{"class":279,"line":515},6,[277,517,385],{"class":290},[277,519,295],{"class":294},[277,521,372],{"class":290},[523,524,525,538],"table",{},[526,527,528],"thead",{},[529,530,531,535],"tr",{},[532,533,534],"th",{},"1.1.1 prop",[532,536,537],{},"1.2.0 object field",[539,540,541,567,585,609,627,645,668,679,696,718,735],"tbody",{},[529,542,543,556],{},[544,545,546,549,550,549,553],"td",{},[259,547,548],{},"injectHeader",", ",[259,551,552],{},"headerHeight",[259,554,555],{},"headerPages",[544,557,558,549,561,549,564],{},[259,559,560],{},"header.enabled",[259,562,563],{},".height",[259,565,566],{},".pages",[529,568,569,577],{},[544,570,571,549,574],{},[259,572,573],{},"headerText",[259,575,576],{},"headerHtml",[544,578,579,549,582],{},[259,580,581],{},"header.text",[259,583,584],{},".html",[529,586,587,598],{},[544,588,589,549,592,549,595],{},[259,590,591],{},"headerLogoEnabled",[259,593,594],{},"headerLogoUrl",[259,596,597],{},"headerLogoDataUrl",[544,599,600,549,603,549,606],{},[259,601,602],{},"header.showLogo",[259,604,605],{},".logoUrl",[259,607,608],{},".logoDataUrl",[529,610,611,619],{},[544,612,613,549,616],{},[259,614,615],{},"headerLogoWidth",[259,617,618],{},"headerLogoHeight",[544,620,621,549,624],{},[259,622,623],{},"header.logoWidth",[259,625,626],{},".logoHeight",[529,628,629,637],{},[544,630,631,549,634],{},[259,632,633],{},"headerBackgroundColor",[259,635,636],{},"headerTextColor",[544,638,639,549,642],{},[259,640,641],{},"header.backgroundColor",[259,643,644],{},".textColor",[529,646,647,658],{},[544,648,649,549,652,549,655],{},[259,650,651],{},"injectFooter",[259,653,654],{},"footerHeight",[259,656,657],{},"footerTemplate",[544,659,660,549,663,549,665],{},[259,661,662],{},"footer.enabled",[259,664,563],{},[259,666,667],{},".template",[529,669,670,673],{},[544,671,672],{},"`footerMode=\"html",[544,674,675,676,678],{},"text\"",[259,677,549],{},"useFooterComponent`",[529,680,681,689],{},[544,682,683,549,686],{},[259,684,685],{},"footerText",[259,687,688],{},"footerHtml",[544,690,691,549,694],{},[259,692,693],{},"footer.text",[259,695,584],{},[529,697,698,709],{},[544,699,700,549,703,549,706],{},[259,701,702],{},"footerLogoEnabled",[259,704,705],{},"footerLogoUrl",[259,707,708],{},"footerLogoDataUrl",[544,710,711,549,714,549,716],{},[259,712,713],{},"footer.showLogo",[259,715,605],{},[259,717,608],{},[529,719,720,728],{},[544,721,722,549,725],{},[259,723,724],{},"footerLogoWidth",[259,726,727],{},"footerLogoHeight",[544,729,730,549,733],{},[259,731,732],{},"footer.logoWidth",[259,734,626],{},[529,736,737,745],{},[544,738,739,549,742],{},[259,740,741],{},"footerBackgroundColor",[259,743,744],{},"footerTextColor",[544,746,747,549,750],{},[259,748,749],{},"footer.backgroundColor",[259,751,644],{},[242,753,754,755,757,758,760,761,764,765,767,768,771,772,775,776,779,780,783],{},"The current component still accepts direct header and footer props. For each corresponding field, an explicitly supplied ",[259,756,261],{}," or ",[259,759,265],{}," object value takes priority; an omitted object value falls back to the direct prop. For example, ",[259,762,763],{},"header: { text: 'New title' }"," keeps a direct ",[259,766,548],{}," setting, while ",[259,769,770],{},"header: { enabled: false }"," disables the built-in header. A Vue slot activates its layer and owns its visible markup, even when the object sets ",[259,773,774],{},"enabled: false","; object ",[259,777,778],{},"height"," and header ",[259,781,782],{},"pages"," still apply.",[242,785,786,787,790],{},"You can keep an existing direct-prop configuration while upgrading. The object API groups new work more clearly, so migrate at your own pace and inspect a generated PDF when you change a header or footer. The ",[254,788,789],{"href":166},"v1 guides"," remain available for projects using the earlier release.",[242,792,793,794,549,797,549,800,549,803,549,806,809,810,813],{},"Next: ",[254,795,796],{"href":20},"headers",[254,798,799],{"href":24},"footers",[254,801,802],{"href":95},"smart pagination",[254,804,805],{"href":60},"composition",[254,807,808],{"href":107},"paper formats",", and ",[254,811,812],{"href":56},"full API reference",".",[815,816,817],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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":273,"searchDepth":287,"depth":287,"links":819},[820],{"id":248,"depth":287,"text":249},"Move from direct header and footer props to typed objects and Vue slots while keeping access to earlier vue-pdf-export documentation.","md",null,{},true,{"title":827,"description":828},"Vue PDF Export Migration Guide","Map earlier header and footer props to typed objects, adopt Vue slots and smart pagination, and compare version-specific behavior.","YqJdsylf0PtT37JjQ-Yyb5BEXK5p4rIolFKgatsQqok",[831,833],{"title":98,"path":99,"stem":100,"description":832,"children":-1},"Generate PDFs from HTML in Nuxt 3 and Nuxt 4 with vue-pdf-export. Import safely during SSR, then run Canvas or selectable-text generation in the browser.",{"title":106,"path":107,"stem":108,"description":834,"children":-1},"Choose supported paper sizes, custom jsPDF dimensions and portrait or landscape orientation for vue-pdf-export.",1790687336954]