[{"data":1,"prerenderedAt":1057},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:swEzdB-E1hwEIdk0Fo_RYeIDiU-rlvxqAVTbSIlEOxY":197,"content-page-surround:docs:swEzdB-E1hwEIdk0Fo_RYeIDiU-rlvxqAVTbSIlEOxY":1042,"i-lucide:terminal":1045,"i-logos:vue":1049,"i-logos:typescript-icon":1053,"i-lucide:clipboard":1055},[4,25,55,119,184],{"title":5,"id":6,"canonicalKey":7,"locale":8,"draft":9,"icon":10,"sidebar":11,"path":12,"children":13},"Start","content:docs:1.getting-started:.navigation.yml","1","en",false,"lucide:rocket","group","\u002Fdocs\u002Fgetting-started",[14,20],{"title":15,"id":16,"canonicalKey":17,"locale":8,"draft":9,"icon":18,"path":19},"Install Nuxt PDF","content:docs:1.getting-started:2.installation.md","1\u002F2","lucide:download","\u002Fdocs\u002Fgetting-started\u002Finstallation",{"title":21,"id":22,"canonicalKey":23,"locale":8,"draft":9,"icon":10,"path":24},"Render your first PDF","content:docs:1.getting-started:3.quickstart.md","1\u002F3","\u002Fdocs\u002Fgetting-started\u002Fquickstart",{"title":26,"page":9,"canonicalKey":27,"locale":8,"id":28,"draft":9,"icon":29,"sidebar":11,"children":30},"Learn","2","content:docs:2.learn:.navigation.yml","lucide:graduation-cap",[31,37,43,49],{"title":32,"id":33,"canonicalKey":34,"locale":8,"draft":9,"icon":35,"path":36},"Templates and the registry","content:docs:2.learn:1.templates-and-registry.md","2\u002F1","lucide:files","\u002Fdocs\u002Flearn\u002Ftemplates-and-registry",{"title":38,"id":39,"canonicalKey":40,"locale":8,"draft":9,"icon":41,"path":42},"The document tree","content:docs:2.learn:2.document-tree.md","2\u002F2","lucide:component","\u002Fdocs\u002Flearn\u002Fdocument-tree",{"title":44,"id":45,"canonicalKey":46,"locale":8,"draft":9,"icon":47,"path":48},"Styling and layout","content:docs:2.learn:3.styling-and-layout.md","2\u002F3","lucide:ruler","\u002Fdocs\u002Flearn\u002Fstyling-and-layout",{"title":50,"id":51,"canonicalKey":52,"locale":8,"draft":9,"icon":53,"path":54},"Runtime and data loading","content:docs:2.learn:4.runtime-and-data.md","2\u002F4","lucide:server","\u002Fdocs\u002Flearn\u002Fruntime-and-data",{"title":56,"page":9,"canonicalKey":57,"locale":8,"id":58,"draft":9,"icon":59,"sidebar":11,"children":60},"Guides","3","content:docs:3.guides:.navigation.yml","lucide:compass",[61,67,73,79,85,91,97,103,108,114],{"title":62,"id":63,"canonicalKey":64,"locale":8,"draft":9,"icon":65,"path":66},"Build reusable document components","content:docs:3.guides:1.reusable-components.md","3\u002F1","lucide:blocks","\u002Fdocs\u002Fguides\u002Freusable-components",{"title":68,"id":69,"canonicalKey":70,"locale":8,"draft":9,"icon":71,"path":72},"Add images and fonts","content:docs:3.guides:2.images-and-fonts.md","3\u002F2","lucide:image","\u002Fdocs\u002Fguides\u002Fimages-and-fonts",{"title":74,"id":75,"canonicalKey":76,"locale":8,"draft":9,"icon":77,"path":78},"Configure remote images","content:docs:3.guides:3.remote-images.md","3\u002F3","lucide:cloud-download","\u002Fdocs\u002Fguides\u002Fremote-images",{"title":80,"id":81,"canonicalKey":82,"locale":8,"draft":9,"icon":83,"path":84},"Add links, bookmarks, and a table of contents","content:docs:3.guides:4.contents-links-bookmarks.md","3\u002F4","lucide:list-tree","\u002Fdocs\u002Fguides\u002Fcontents-links-bookmarks",{"title":86,"id":87,"canonicalKey":88,"locale":8,"draft":9,"icon":89,"path":90},"Draw SVG graphics","content:docs:3.guides:5.svg-graphics.md","3\u002F5","lucide:shapes","\u002Fdocs\u002Fguides\u002Fsvg-graphics",{"title":92,"id":93,"canonicalKey":94,"locale":8,"draft":9,"icon":95,"path":96},"Test a PDF","content:docs:3.guides:6.testing.md","3\u002F6","lucide:flask-conical","\u002Fdocs\u002Fguides\u002Ftesting",{"title":98,"id":99,"canonicalKey":100,"locale":8,"draft":9,"icon":101,"path":102},"Diagnose render failures","content:docs:3.guides:7.errors-and-debugging.md","3\u002F7","lucide:bug","\u002Fdocs\u002Fguides\u002Ferrors-and-debugging",{"title":104,"id":105,"canonicalKey":106,"locale":8,"draft":9,"icon":53,"path":107},"Deploy and operate","content:docs:3.guides:8.deployment.md","3\u002F8","\u002Fdocs\u002Fguides\u002Fdeployment",{"title":109,"id":110,"canonicalKey":111,"locale":8,"draft":9,"icon":112,"path":113},"Production recipes","content:docs:3.guides:9.recipes.md","3\u002F9","lucide:notebook-tabs","\u002Fdocs\u002Fguides\u002Frecipes",{"title":115,"id":116,"canonicalKey":117,"locale":8,"draft":9,"icon":53,"path":118},"Render outside Nitro","content:docs:3.guides:10.standalone-node.md","3\u002F10","\u002Fdocs\u002Fguides\u002Fstandalone-node",{"title":120,"page":9,"canonicalKey":121,"locale":8,"id":122,"draft":9,"icon":123,"sidebar":11,"children":124},"Reference","4","content:docs:4.reference:.navigation.yml","lucide:book-marked",[125,131,137,143,149,155,161,167,173,179],{"title":126,"id":127,"canonicalKey":128,"locale":8,"draft":9,"icon":129,"path":130},"Module options","content:docs:4.reference:1.module-options.md","4\u002F1","lucide:sliders","\u002Fdocs\u002Freference\u002Fmodule-options",{"title":132,"id":133,"canonicalKey":134,"locale":8,"draft":9,"icon":135,"path":136},"definePdf","content:docs:4.reference:2.define-pdf.md","4\u002F2","lucide:settings-2","\u002Fdocs\u002Freference\u002Fdefine-pdf",{"title":138,"id":139,"canonicalKey":140,"locale":8,"draft":9,"icon":141,"path":142},"Registry and render result","content:docs:4.reference:3.registry.md","4\u002F3","lucide:braces","\u002Fdocs\u002Freference\u002Fregistry",{"title":144,"id":145,"canonicalKey":146,"locale":8,"draft":9,"icon":147,"path":148},"Primitives","content:docs:4.reference:4.primitives.md","4\u002F4","lucide:box","\u002Fdocs\u002Freference\u002Fprimitives",{"title":150,"id":151,"canonicalKey":152,"locale":8,"draft":9,"icon":153,"path":154},"Styles","content:docs:4.reference:5.styles.md","4\u002F5","lucide:palette","\u002Fdocs\u002Freference\u002Fstyles",{"title":156,"id":157,"canonicalKey":158,"locale":8,"draft":9,"icon":159,"path":160},"Page sizes","content:docs:4.reference:6.page-sizes.md","4\u002F6","lucide:file","\u002Fdocs\u002Freference\u002Fpage-sizes",{"title":162,"id":163,"canonicalKey":164,"locale":8,"draft":9,"icon":165,"path":166},"Composables","content:docs:4.reference:7.composables.md","4\u002F7","lucide:function-square","\u002Fdocs\u002Freference\u002Fcomposables",{"title":168,"id":169,"canonicalKey":170,"locale":8,"draft":9,"icon":171,"path":172},"Errors and limits","content:docs:4.reference:8.errors-and-limits.md","4\u002F8","lucide:triangle-alert","\u002Fdocs\u002Freference\u002Ferrors-and-limits",{"title":174,"id":175,"canonicalKey":176,"locale":8,"draft":9,"icon":177,"path":178},"Test utilities","content:docs:4.reference:9.test-utilities.md","4\u002F9","lucide:test-tube","\u002Fdocs\u002Freference\u002Ftest-utilities",{"title":180,"id":181,"canonicalKey":182,"locale":8,"draft":9,"icon":141,"path":183},"Standalone build and runtime","content:docs:4.reference:10.standalone.md","4\u002F10","\u002Fdocs\u002Freference\u002Fstandalone",{"title":185,"id":186,"canonicalKey":187,"locale":8,"draft":9,"icon":188,"sidebar":11,"path":189,"children":190},"Examples and support","content:docs:5.examples:.navigation.yml","5","lucide:layout-grid","\u002Fdocs\u002Fexamples",[191],{"title":192,"id":193,"canonicalKey":194,"locale":8,"draft":9,"icon":195,"path":196},"Supported behavior and limitations","content:docs:5.examples:2.supported-behavior.md","5\u002F2","lucide:scale","\u002Fdocs\u002Fexamples\u002Fsupported-behavior",{"title":62,"description":198,"icon":65,"body":199,"type":1028,"id":63,"canonicalKey":64,"draft":9,"partial":9,"locale":8,"collection":1029,"navigationFile":9,"file":1030,"resolvedRefs":1036,"route":1037,"resolution":1039},"Organize repeated PDF sections without creating a second component system.",{"type":200,"children":201,"toc":1020},"root",[202,210,217,222,331,343,349,776,809,815,820,994,1006],{"type":203,"tag":204,"props":205,"children":206},"element","p",{},[207],{"type":208,"value":209},"text","PDF components are ordinary local Vue components whose rendered roots are Nuxt\nPDF primitives. Extract a component when it owns a meaningful document section\nor repeats in more than one place.",{"type":203,"tag":211,"props":212,"children":214},"h2",{"id":213},"keep-ownership-visible",[215],{"type":208,"value":216},"Keep ownership visible",{"type":203,"tag":204,"props":218,"children":219},{},[220],{"type":208,"value":221},"Put document-specific components next to their document family:",{"type":203,"tag":223,"props":224,"children":228},"pre",{"language":225,"filename":226,"class":227},"bash","Application files","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[229],{"type":203,"tag":230,"props":231,"children":233},"code",{"class":232},"language-bash",[234,246,248,262,263,276,277,290,291,304,305,317,318],{"type":203,"tag":235,"props":236,"children":239},"span",{"class":237,"style":238},"line","display: inline",[240],{"type":203,"tag":235,"props":241,"children":243},{"style":242},"color:#E2931D;--shiki-dark:#FFCB6B",[244],{"type":208,"value":245},"pdfs\u002F",{"type":208,"value":247},"\n",{"type":203,"tag":235,"props":249,"children":250},{"class":237,"style":238},[251,256],{"type":203,"tag":235,"props":252,"children":253},{"style":242},[254],{"type":208,"value":255},"├──",{"type":203,"tag":235,"props":257,"children":259},{"style":258},"color:#91B859;--shiki-dark:#C3E88D",[260],{"type":208,"value":261}," invoice.vue",{"type":208,"value":247},{"type":203,"tag":235,"props":264,"children":265},{"class":237,"style":238},[266,271],{"type":203,"tag":235,"props":267,"children":268},{"style":242},[269],{"type":208,"value":270},"└──",{"type":203,"tag":235,"props":272,"children":273},{"style":258},[274],{"type":208,"value":275}," components\u002F",{"type":208,"value":247},{"type":203,"tag":235,"props":278,"children":279},{"class":237,"style":238},[280,285],{"type":203,"tag":235,"props":281,"children":282},{"style":242},[283],{"type":208,"value":284},"    └──",{"type":203,"tag":235,"props":286,"children":287},{"style":258},[288],{"type":208,"value":289}," invoice\u002F",{"type":208,"value":247},{"type":203,"tag":235,"props":292,"children":293},{"class":237,"style":238},[294,299],{"type":203,"tag":235,"props":295,"children":296},{"style":242},[297],{"type":208,"value":298},"        ├──",{"type":203,"tag":235,"props":300,"children":301},{"style":258},[302],{"type":208,"value":303}," InvoiceAddress.vue",{"type":208,"value":247},{"type":203,"tag":235,"props":306,"children":307},{"class":237,"style":238},[308,312],{"type":203,"tag":235,"props":309,"children":310},{"style":242},[311],{"type":208,"value":298},{"type":203,"tag":235,"props":313,"children":314},{"style":258},[315],{"type":208,"value":316}," InvoiceLine.vue",{"type":208,"value":247},{"type":203,"tag":235,"props":319,"children":320},{"class":237,"style":238},[321,326],{"type":203,"tag":235,"props":322,"children":323},{"style":242},[324],{"type":208,"value":325},"        └──",{"type":203,"tag":235,"props":327,"children":328},{"style":258},[329],{"type":208,"value":330}," columns.ts",{"type":203,"tag":204,"props":332,"children":333},{},[334,336,341],{"type":208,"value":335},"Move a component to ",{"type":203,"tag":230,"props":337,"children":338},{},[339],{"type":208,"value":340},"pdfs\u002Fcomponents\u002F",{"type":208,"value":342}," only when several templates use it. This\nkeeps invoice-specific decisions out of a generic component API.",{"type":203,"tag":211,"props":344,"children":346},{"id":345},"pass-typed-document-data",[347],{"type":208,"value":348},"Pass typed document data",{"type":203,"tag":223,"props":350,"children":353},{"language":351,"filename":352,"class":227},"vue","pdfs\u002Fcomponents\u002Finvoice\u002FInvoiceAddress.vue",[354],{"type":203,"tag":230,"props":355,"children":357},{"class":356},"language-vue",[358,408,409,423,424,442,443,465,466,479,480,496,497,500,501,517,518,535,536,619,620,628,629,645,646,718,719,727,728,743,744,760,761],{"type":203,"tag":235,"props":359,"children":360},{"class":237,"style":238},[361,367,373,379,384,389,394,399,403],{"type":203,"tag":235,"props":362,"children":364},{"style":363},"color:#39ADB5;--shiki-dark:#89DDFF",[365],{"type":208,"value":366},"\u003C",{"type":203,"tag":235,"props":368,"children":370},{"style":369},"color:#E53935;--shiki-dark:#F07178",[371],{"type":208,"value":372},"script",{"type":203,"tag":235,"props":374,"children":376},{"style":375},"color:#9C3EDA;--shiki-dark:#C792EA",[377],{"type":208,"value":378}," setup",{"type":203,"tag":235,"props":380,"children":381},{"style":375},[382],{"type":208,"value":383}," lang",{"type":203,"tag":235,"props":385,"children":386},{"style":363},[387],{"type":208,"value":388},"=",{"type":203,"tag":235,"props":390,"children":391},{"style":363},[392],{"type":208,"value":393},"\"",{"type":203,"tag":235,"props":395,"children":396},{"style":258},[397],{"type":208,"value":398},"ts",{"type":203,"tag":235,"props":400,"children":401},{"style":363},[402],{"type":208,"value":393},{"type":203,"tag":235,"props":404,"children":405},{"style":363},[406],{"type":208,"value":407},">",{"type":208,"value":247},{"type":203,"tag":235,"props":410,"children":411},{"class":237,"style":238},[412,418],{"type":203,"tag":235,"props":413,"children":415},{"style":414},"color:#6182B8;--shiki-dark:#82AAFF",[416],{"type":208,"value":417},"defineProps",{"type":203,"tag":235,"props":419,"children":420},{"style":363},[421],{"type":208,"value":422},"\u003C{",{"type":208,"value":247},{"type":203,"tag":235,"props":425,"children":426},{"class":237,"style":238},[427,432,437],{"type":203,"tag":235,"props":428,"children":429},{"style":369},[430],{"type":208,"value":431},"  label",{"type":203,"tag":235,"props":433,"children":434},{"style":363},[435],{"type":208,"value":436},":",{"type":203,"tag":235,"props":438,"children":439},{"style":242},[440],{"type":208,"value":441}," string",{"type":208,"value":247},{"type":203,"tag":235,"props":444,"children":445},{"class":237,"style":238},[446,451,455,459],{"type":203,"tag":235,"props":447,"children":448},{"style":369},[449],{"type":208,"value":450},"  lines",{"type":203,"tag":235,"props":452,"children":453},{"style":363},[454],{"type":208,"value":436},{"type":203,"tag":235,"props":456,"children":457},{"style":242},[458],{"type":208,"value":441},{"type":203,"tag":235,"props":460,"children":462},{"style":461},"color:#90A4AE;--shiki-dark:#BABED8",[463],{"type":208,"value":464},"[]",{"type":208,"value":247},{"type":203,"tag":235,"props":467,"children":468},{"class":237,"style":238},[469,474],{"type":203,"tag":235,"props":470,"children":471},{"style":363},[472],{"type":208,"value":473},"}>",{"type":203,"tag":235,"props":475,"children":476},{"style":461},[477],{"type":208,"value":478},"()",{"type":208,"value":247},{"type":203,"tag":235,"props":481,"children":482},{"class":237,"style":238},[483,488,492],{"type":203,"tag":235,"props":484,"children":485},{"style":363},[486],{"type":208,"value":487},"\u003C\u002F",{"type":203,"tag":235,"props":489,"children":490},{"style":369},[491],{"type":208,"value":372},{"type":203,"tag":235,"props":493,"children":494},{"style":363},[495],{"type":208,"value":407},{"type":208,"value":247},{"type":203,"tag":235,"props":498,"children":499},{"class":237,"style":238},[],{"type":208,"value":247},{"type":203,"tag":235,"props":502,"children":503},{"class":237,"style":238},[504,508,513],{"type":203,"tag":235,"props":505,"children":506},{"style":363},[507],{"type":208,"value":366},{"type":203,"tag":235,"props":509,"children":510},{"style":369},[511],{"type":208,"value":512},"template",{"type":203,"tag":235,"props":514,"children":515},{"style":363},[516],{"type":208,"value":407},{"type":208,"value":247},{"type":203,"tag":235,"props":519,"children":520},{"class":237,"style":238},[521,526,531],{"type":203,"tag":235,"props":522,"children":523},{"style":363},[524],{"type":208,"value":525},"  \u003C",{"type":203,"tag":235,"props":527,"children":528},{"style":369},[529],{"type":208,"value":530},"PdfView",{"type":203,"tag":235,"props":532,"children":533},{"style":363},[534],{"type":208,"value":407},{"type":208,"value":247},{"type":203,"tag":235,"props":537,"children":538},{"class":237,"style":238},[539,544,549,554,559,563,567,572,577,582,588,593,598,602,606,611,615],{"type":203,"tag":235,"props":540,"children":541},{"style":363},[542],{"type":208,"value":543},"    \u003C",{"type":203,"tag":235,"props":545,"children":546},{"style":369},[547],{"type":208,"value":548},"PdfText",{"type":203,"tag":235,"props":550,"children":551},{"style":363},[552],{"type":208,"value":553}," :",{"type":203,"tag":235,"props":555,"children":556},{"style":375},[557],{"type":208,"value":558},"style",{"type":203,"tag":235,"props":560,"children":561},{"style":363},[562],{"type":208,"value":388},{"type":203,"tag":235,"props":564,"children":565},{"style":363},[566],{"type":208,"value":393},{"type":203,"tag":235,"props":568,"children":569},{"style":363},[570],{"type":208,"value":571},"{ ",{"type":203,"tag":235,"props":573,"children":574},{"style":369},[575],{"type":208,"value":576},"fontSize",{"type":203,"tag":235,"props":578,"children":579},{"style":363},[580],{"type":208,"value":581},": ",{"type":203,"tag":235,"props":583,"children":585},{"style":584},"color:#F76D47;--shiki-dark:#F78C6C",[586],{"type":208,"value":587},"8",{"type":203,"tag":235,"props":589,"children":590},{"style":363},[591],{"type":208,"value":592},", ",{"type":203,"tag":235,"props":594,"children":595},{"style":369},[596],{"type":208,"value":597},"marginBottom",{"type":203,"tag":235,"props":599,"children":600},{"style":363},[601],{"type":208,"value":581},{"type":203,"tag":235,"props":603,"children":604},{"style":584},[605],{"type":208,"value":121},{"type":203,"tag":235,"props":607,"children":608},{"style":363},[609],{"type":208,"value":610}," }",{"type":203,"tag":235,"props":612,"children":613},{"style":363},[614],{"type":208,"value":393},{"type":203,"tag":235,"props":616,"children":617},{"style":363},[618],{"type":208,"value":407},{"type":208,"value":247},{"type":203,"tag":235,"props":621,"children":622},{"class":237,"style":238},[623],{"type":203,"tag":235,"props":624,"children":625},{"style":461},[626],{"type":208,"value":627},"      {{ label }}",{"type":208,"value":247},{"type":203,"tag":235,"props":630,"children":631},{"class":237,"style":238},[632,637,641],{"type":203,"tag":235,"props":633,"children":634},{"style":363},[635],{"type":208,"value":636},"    \u003C\u002F",{"type":203,"tag":235,"props":638,"children":639},{"style":369},[640],{"type":208,"value":548},{"type":203,"tag":235,"props":642,"children":643},{"style":363},[644],{"type":208,"value":407},{"type":208,"value":247},{"type":203,"tag":235,"props":647,"children":648},{"class":237,"style":238},[649,653,657,663,667,671,675,680,685,689,693,698,702,706,710,714],{"type":203,"tag":235,"props":650,"children":651},{"style":363},[652],{"type":208,"value":543},{"type":203,"tag":235,"props":654,"children":655},{"style":369},[656],{"type":208,"value":548},{"type":203,"tag":235,"props":658,"children":660},{"style":659},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[661],{"type":208,"value":662}," v-for",{"type":203,"tag":235,"props":664,"children":665},{"style":363},[666],{"type":208,"value":388},{"type":203,"tag":235,"props":668,"children":669},{"style":363},[670],{"type":208,"value":393},{"type":203,"tag":235,"props":672,"children":673},{"style":461},[674],{"type":208,"value":237},{"type":203,"tag":235,"props":676,"children":677},{"style":363},[678],{"type":208,"value":679}," in ",{"type":203,"tag":235,"props":681,"children":682},{"style":461},[683],{"type":208,"value":684},"lines",{"type":203,"tag":235,"props":686,"children":687},{"style":363},[688],{"type":208,"value":393},{"type":203,"tag":235,"props":690,"children":691},{"style":363},[692],{"type":208,"value":553},{"type":203,"tag":235,"props":694,"children":695},{"style":375},[696],{"type":208,"value":697},"key",{"type":203,"tag":235,"props":699,"children":700},{"style":363},[701],{"type":208,"value":388},{"type":203,"tag":235,"props":703,"children":704},{"style":363},[705],{"type":208,"value":393},{"type":203,"tag":235,"props":707,"children":708},{"style":461},[709],{"type":208,"value":237},{"type":203,"tag":235,"props":711,"children":712},{"style":363},[713],{"type":208,"value":393},{"type":203,"tag":235,"props":715,"children":716},{"style":363},[717],{"type":208,"value":407},{"type":208,"value":247},{"type":203,"tag":235,"props":720,"children":721},{"class":237,"style":238},[722],{"type":203,"tag":235,"props":723,"children":724},{"style":461},[725],{"type":208,"value":726},"      {{ line }}",{"type":208,"value":247},{"type":203,"tag":235,"props":729,"children":730},{"class":237,"style":238},[731,735,739],{"type":203,"tag":235,"props":732,"children":733},{"style":363},[734],{"type":208,"value":636},{"type":203,"tag":235,"props":736,"children":737},{"style":369},[738],{"type":208,"value":548},{"type":203,"tag":235,"props":740,"children":741},{"style":363},[742],{"type":208,"value":407},{"type":208,"value":247},{"type":203,"tag":235,"props":745,"children":746},{"class":237,"style":238},[747,752,756],{"type":203,"tag":235,"props":748,"children":749},{"style":363},[750],{"type":208,"value":751},"  \u003C\u002F",{"type":203,"tag":235,"props":753,"children":754},{"style":369},[755],{"type":208,"value":530},{"type":203,"tag":235,"props":757,"children":758},{"style":363},[759],{"type":208,"value":407},{"type":208,"value":247},{"type":203,"tag":235,"props":762,"children":763},{"class":237,"style":238},[764,768,772],{"type":203,"tag":235,"props":765,"children":766},{"style":363},[767],{"type":208,"value":487},{"type":203,"tag":235,"props":769,"children":770},{"style":369},[771],{"type":208,"value":512},{"type":203,"tag":235,"props":773,"children":774},{"style":363},[775],{"type":208,"value":407},{"type":203,"tag":204,"props":777,"children":778},{},[779,781,786,788,793,795,800,802,807],{"type":208,"value":780},"Import it directly in the template. Use keyed ",{"type":203,"tag":230,"props":782,"children":783},{},[784],{"type":208,"value":785},"v-for",{"type":208,"value":787},", slots, and ",{"type":203,"tag":230,"props":789,"children":790},{},[791],{"type":208,"value":792},"v-if",{"type":208,"value":794}," as you\nwould in another Vue component. Do not pass DOM attributes such as ",{"type":203,"tag":230,"props":796,"children":797},{},[798],{"type":208,"value":799},"class",{"type":208,"value":801}," or\n",{"type":203,"tag":230,"props":803,"children":804},{},[805],{"type":208,"value":806},"aria-*",{"type":208,"value":808},"; the PDF tree has no DOM.",{"type":203,"tag":211,"props":810,"children":812},{"id":811},"share-table-geometry",[813],{"type":208,"value":814},"Share table geometry",{"type":203,"tag":204,"props":816,"children":817},{},[818],{"type":208,"value":819},"Put widths used by both a header and row in one TypeScript module:",{"type":203,"tag":223,"props":821,"children":823},{"language":398,"filename":822,"class":227},"pdfs\u002Fcomponents\u002Finvoice\u002Fcolumns.ts",[824],{"type":203,"tag":230,"props":825,"children":827},{"class":826},"language-ts",[828,855,856,888,889,918,919,947,948,976,977],{"type":203,"tag":235,"props":829,"children":830},{"class":237,"style":238},[831,836,841,846,850],{"type":203,"tag":235,"props":832,"children":833},{"style":659},[834],{"type":208,"value":835},"export",{"type":203,"tag":235,"props":837,"children":838},{"style":375},[839],{"type":208,"value":840}," const",{"type":203,"tag":235,"props":842,"children":843},{"style":461},[844],{"type":208,"value":845}," invoiceColumns ",{"type":203,"tag":235,"props":847,"children":848},{"style":363},[849],{"type":208,"value":388},{"type":203,"tag":235,"props":851,"children":852},{"style":363},[853],{"type":208,"value":854}," {",{"type":208,"value":247},{"type":203,"tag":235,"props":857,"children":858},{"class":237,"style":238},[859,864,868,873,878,883],{"type":203,"tag":235,"props":860,"children":861},{"style":369},[862],{"type":208,"value":863},"  description",{"type":203,"tag":235,"props":865,"children":866},{"style":363},[867],{"type":208,"value":436},{"type":203,"tag":235,"props":869,"children":870},{"style":363},[871],{"type":208,"value":872}," '",{"type":203,"tag":235,"props":874,"children":875},{"style":258},[876],{"type":208,"value":877},"58%",{"type":203,"tag":235,"props":879,"children":880},{"style":363},[881],{"type":208,"value":882},"'",{"type":203,"tag":235,"props":884,"children":885},{"style":363},[886],{"type":208,"value":887},",",{"type":208,"value":247},{"type":203,"tag":235,"props":890,"children":891},{"class":237,"style":238},[892,897,901,905,910,914],{"type":203,"tag":235,"props":893,"children":894},{"style":369},[895],{"type":208,"value":896},"  quantity",{"type":203,"tag":235,"props":898,"children":899},{"style":363},[900],{"type":208,"value":436},{"type":203,"tag":235,"props":902,"children":903},{"style":363},[904],{"type":208,"value":872},{"type":203,"tag":235,"props":906,"children":907},{"style":258},[908],{"type":208,"value":909},"14%",{"type":203,"tag":235,"props":911,"children":912},{"style":363},[913],{"type":208,"value":882},{"type":203,"tag":235,"props":915,"children":916},{"style":363},[917],{"type":208,"value":887},{"type":208,"value":247},{"type":203,"tag":235,"props":920,"children":921},{"class":237,"style":238},[922,927,931,935,939,943],{"type":203,"tag":235,"props":923,"children":924},{"style":369},[925],{"type":208,"value":926},"  price",{"type":203,"tag":235,"props":928,"children":929},{"style":363},[930],{"type":208,"value":436},{"type":203,"tag":235,"props":932,"children":933},{"style":363},[934],{"type":208,"value":872},{"type":203,"tag":235,"props":936,"children":937},{"style":258},[938],{"type":208,"value":909},{"type":203,"tag":235,"props":940,"children":941},{"style":363},[942],{"type":208,"value":882},{"type":203,"tag":235,"props":944,"children":945},{"style":363},[946],{"type":208,"value":887},{"type":208,"value":247},{"type":203,"tag":235,"props":949,"children":950},{"class":237,"style":238},[951,956,960,964,968,972],{"type":203,"tag":235,"props":952,"children":953},{"style":369},[954],{"type":208,"value":955},"  total",{"type":203,"tag":235,"props":957,"children":958},{"style":363},[959],{"type":208,"value":436},{"type":203,"tag":235,"props":961,"children":962},{"style":363},[963],{"type":208,"value":872},{"type":203,"tag":235,"props":965,"children":966},{"style":258},[967],{"type":208,"value":909},{"type":203,"tag":235,"props":969,"children":970},{"style":363},[971],{"type":208,"value":882},{"type":203,"tag":235,"props":973,"children":974},{"style":363},[975],{"type":208,"value":887},{"type":208,"value":247},{"type":203,"tag":235,"props":978,"children":979},{"class":237,"style":238},[980,985,990],{"type":203,"tag":235,"props":981,"children":982},{"style":363},[983],{"type":208,"value":984},"}",{"type":203,"tag":235,"props":986,"children":987},{"style":659},[988],{"type":208,"value":989}," as",{"type":203,"tag":235,"props":991,"children":992},{"style":375},[993],{"type":208,"value":840},{"type":203,"tag":204,"props":995,"children":996},{},[997,999,1004],{"type":208,"value":998},"A table is a column of rows. Give the header and every row the same\n",{"type":203,"tag":230,"props":1000,"children":1001},{},[1002],{"type":208,"value":1003},"flexDirection: 'row'",{"type":208,"value":1005}," and column widths. The header and body then cannot drift\napart.",{"type":203,"tag":204,"props":1007,"children":1008},{},[1009,1011,1018],{"type":208,"value":1010},"The ",{"type":203,"tag":1012,"props":1013,"children":1015},"a",{"href":1014},"$docs\u002Fguides\u002Frecipes",[1016],{"type":208,"value":1017},"production recipes",{"type":208,"value":1019}," show address blocks, shared\ncolumns, totals, continuation headers, and table-of-contents patterns.",{"title":1021,"searchDepth":1022,"depth":1022,"links":1023},"",4,[1024,1026,1027],{"id":213,"depth":1025,"text":216},2,{"id":345,"depth":1025,"text":348},{"id":811,"depth":1025,"text":814},"markdown","docs",{"source":1031,"path":1032,"stem":1033,"dir":1034,"extension":1035},"content","docs\u002F3.guides\u002F1.reusable-components.md","docs\u002F3.guides\u002F1.reusable-components","guides","md",{"$docs\u002Fguides\u002Frecipes":113},{"requestedPath":66,"resolvedPath":66,"alternates":1038},[],{"requested":1040,"resolved":1041,"usedFallback":9},{},{"locale":8},{"previous":1043,"next":1044},{"title":50,"id":51,"canonicalKey":52,"locale":8,"draft":9,"path":54},{"title":68,"id":69,"canonicalKey":70,"locale":8,"draft":9,"path":72},{"left":1046,"top":1046,"width":1047,"height":1047,"rotate":1046,"vFlip":9,"hFlip":9,"body":1048},0,24,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19h8M4 17l6-6l-6-6\"\u002F>",{"left":1046,"top":1046,"width":1050,"height":1051,"rotate":1046,"vFlip":9,"hFlip":9,"body":1052},256,221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",{"left":1046,"top":1046,"width":1050,"height":1050,"rotate":1046,"vFlip":9,"hFlip":9,"body":1054},"\u003Cpath fill=\"#3178c6\" d=\"M20 0h216c11.046 0 20 8.954 20 20v216c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20V20C0 8.954 8.954 0 20 0\"\u002F>\u003Cpath fill=\"#fff\" d=\"M150.518 200.475v27.62q6.738 3.453 15.938 5.179T185.849 235q9.934 0 18.874-1.899t15.678-6.257q6.738-4.359 10.669-11.394q3.93-7.033 3.93-17.391q0-7.51-2.246-13.163a30.8 30.8 0 0 0-6.479-10.055q-4.232-4.402-10.149-7.898t-13.347-6.602q-5.442-2.245-9.761-4.359t-7.342-4.316q-3.024-2.2-4.665-4.661t-1.641-5.567q0-2.848 1.468-5.135q1.469-2.288 4.147-3.927t6.565-2.547q3.887-.906 8.638-.906q3.456 0 7.299.518q3.844.517 7.732 1.597a54 54 0 0 1 7.558 2.719a41.7 41.7 0 0 1 6.781 3.797v-25.807q-6.306-2.417-13.778-3.582T198.633 107q-9.847 0-18.658 2.115q-8.811 2.114-15.506 6.602q-6.694 4.49-10.582 11.437Q150 134.102 150 143.769q0 12.342 7.127 21.06t21.638 14.759a292 292 0 0 1 10.625 4.575q4.924 2.244 8.509 4.66t5.658 5.265t2.073 6.474a9.9 9.9 0 0 1-1.296 4.963q-1.295 2.287-3.93 3.97t-6.565 2.632t-9.2.95q-8.983 0-17.794-3.151t-16.327-9.451m-46.036-68.733H140V109H41v22.742h35.345V233h28.137z\"\u002F>",{"left":1046,"top":1046,"width":1047,"height":1047,"rotate":1046,"vFlip":9,"hFlip":9,"body":1056},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\u002F>\u003Cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u002F>\u003C\u002Fg>",1789319012951]