[{"data":1,"prerenderedAt":4623},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Fapi\u002Fcomposables":316},[4,9,15,19,24,28,33,37,41,45,49,53,57,60,63,67,70,74,77,81,85,89,93,97,101,105,109,113,117,121,125,129,133,137,141,145,149,153,156,159,162,165,168,171,175,178,181,184,186,189,192,195,198,201,204,207,210,213,216,219,222,225,228,231,234,237,240,244,247,250,253,257,261,264,267,270,273,276,279,282,285,287,290,293,296,299,302,305,308,311,313],{"path":5,"title":6,"section":7,"order":7,"sidebar":8},"\u002Fbrand","Brand",null,false,{"path":10,"title":11,"section":12,"order":13,"sidebar":14},"\u002Fdocs\u002Fapi\u002Fcomposables","Composables","API",2,true,{"path":16,"title":17,"section":12,"order":18,"sidebar":14},"\u002Fdocs\u002Fapi\u002Futilities","Utilities",1,{"path":20,"title":21,"section":22,"order":23,"sidebar":14},"\u002Fdocs\u002Fcli","CLI","Getting Started",9,{"path":25,"title":26,"section":22,"order":27,"sidebar":14},"\u002Fdocs\u002Fcompatibility","Compatibility",4,{"path":29,"title":30,"section":31,"order":32,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fbody","Body","Components",3,{"path":34,"title":35,"section":31,"order":36,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fbutton","Button",13,{"path":38,"title":39,"section":31,"order":40,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcodeblock","CodeBlock",18,{"path":42,"title":43,"section":31,"order":44,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcodeinline","CodeInline",19,{"path":46,"title":47,"section":31,"order":48,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcolumn","Column",8,{"path":50,"title":51,"section":31,"order":52,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcontainer","Container",5,{"path":54,"title":55,"section":31,"order":56,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ffont","Font",11,{"path":58,"title":59,"section":31,"order":13,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhead","Head",{"path":61,"title":62,"section":31,"order":23,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fheading","Heading",{"path":64,"title":65,"section":31,"order":66,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhr","Hr",16,{"path":68,"title":69,"section":31,"order":18,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhtml","Html",{"path":71,"title":72,"section":31,"order":73,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fimg","Img",14,{"path":75,"title":76,"section":31,"order":27,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Flayout","Layout",{"path":78,"title":79,"section":31,"order":80,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Flink","Link",12,{"path":82,"title":83,"section":31,"order":84,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fmarkdown","Markdown",20,{"path":86,"title":87,"section":31,"order":88,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fnotoutlook","NotOutlook",22,{"path":90,"title":91,"section":31,"order":92,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fnowidows","NoWidows",26,{"path":94,"title":95,"section":31,"order":96,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foutlook","Outlook",21,{"path":98,"title":99,"section":31,"order":100,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foutlookbg","OutlookBg",23,{"path":102,"title":103,"section":31,"order":104,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foverview","Overview",0,{"path":106,"title":107,"section":31,"order":108,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fplaintext","Plaintext",31,{"path":110,"title":111,"section":31,"order":112,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fpreheader","Preheader",17,{"path":114,"title":115,"section":31,"order":116,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fqrcode","QrCode",30,{"path":118,"title":119,"section":31,"order":120,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fraw","Raw",28,{"path":122,"title":123,"section":31,"order":124,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Frow","Row",7,{"path":126,"title":127,"section":31,"order":128,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fsection","Section",6,{"path":130,"title":131,"section":31,"order":132,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fspacer","Spacer",15,{"path":134,"title":135,"section":31,"order":136,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ftailwind","Tailwind",29,{"path":138,"title":139,"section":31,"order":140,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ftext","Text",10,{"path":142,"title":143,"section":31,"order":144,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fvml","Vml",24,{"path":146,"title":147,"section":31,"order":148,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fwithurl","WithUrl",27,{"path":150,"title":151,"section":152,"order":128,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Faws-ses","AWS SES","Deploy",{"path":154,"title":155,"section":152,"order":124,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fcloudflare","Cloudflare",{"path":157,"title":158,"section":152,"order":32,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fmailgun","Mailgun",{"path":160,"title":161,"section":152,"order":18,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fnodemailer","Nodemailer",{"path":163,"title":164,"section":152,"order":27,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fpostmark","Postmark",{"path":166,"title":167,"section":152,"order":52,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fresend","Resend",{"path":169,"title":170,"section":152,"order":13,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fsendgrid","SendGrid",{"path":172,"title":173,"section":174,"order":32,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration","Configuration","Development",{"path":176,"title":177,"section":174,"order":52,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fevents","Events",{"path":179,"title":180,"section":174,"order":128,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fi18n","i18n",{"path":182,"title":183,"section":174,"order":13,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Flocal","Dev Server",{"path":185,"title":107,"section":174,"order":27,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fplaintext",{"path":187,"title":188,"section":174,"order":18,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Ftemplates","Templates",{"path":190,"title":191,"section":22,"order":32,"sidebar":14},"\u002Fdocs\u002Feditor-setup","Editor Setup",{"path":193,"title":194,"section":22,"order":48,"sidebar":14},"\u002Fdocs\u002Fglossary","Glossary",{"path":196,"title":197,"section":22,"order":128,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fframeworks","Framework Guides",{"path":199,"title":200,"section":197,"order":52,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fadonisjs","AdonisJS",{"path":202,"title":203,"section":197,"order":32,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fastro","Astro",{"path":205,"title":206,"section":197,"order":18,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Flaravel","Laravel",{"path":208,"title":209,"section":197,"order":48,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fnextjs","Next.js",{"path":211,"title":212,"section":197,"order":13,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fnuxt","Nuxt",{"path":214,"title":215,"section":197,"order":124,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fqwik","Qwik",{"path":217,"title":218,"section":197,"order":128,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fsolid","Solid",{"path":220,"title":221,"section":197,"order":27,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fsveltekit","SvelteKit",{"path":223,"title":224,"section":197,"order":23,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Ftanstack","TanStack Start",{"path":226,"title":227,"section":22,"order":13,"sidebar":14},"\u002Fdocs\u002Finstallation","Installation",{"path":229,"title":230,"section":22,"order":32,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fmanual","Manual Installation",{"path":232,"title":233,"section":22,"order":27,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fmonorepo","Monorepo Installation",{"path":235,"title":236,"section":22,"order":52,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fvite","Vite Plugin",{"path":238,"title":239,"section":22,"order":18,"sidebar":14},"\u002Fdocs\u002Fintroduction","What is Maizzle?",{"path":241,"title":242,"section":243,"order":13,"sidebar":14},"\u002Fdocs\u002Fmigrate\u002Fmjml","MJML","Migrate to Maizzle",{"path":245,"title":246,"section":243,"order":18,"sidebar":14},"\u002Fdocs\u002Fmigrate\u002Freact-email","React Email",{"path":248,"title":249,"section":22,"order":124,"sidebar":14},"\u002Fdocs\u002Fresources","Resources",{"path":251,"title":252,"section":22,"order":128,"sidebar":14},"\u002Fdocs\u002Fskill","Agent Skill",{"path":254,"title":255,"section":256,"order":18,"sidebar":14},"\u002Fdocs\u002Ftailwindcss","Tailwind CSS","Core Concepts",{"path":258,"title":259,"section":260,"order":13,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fadd-attributes","Add Attributes","Transformers",{"path":262,"title":263,"section":260,"order":48,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fattribute-to-style","Attribute to Style",{"path":265,"title":266,"section":260,"order":36,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fbase-url","Base URL",{"path":268,"title":269,"section":260,"order":66,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fentities","Entities",{"path":271,"title":272,"section":260,"order":80,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Ffilters","Filters",{"path":274,"title":275,"section":260,"order":112,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fformat","Format",{"path":277,"title":278,"section":260,"order":32,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Finline-css","Inline CSS",{"path":280,"title":281,"section":260,"order":56,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Finline-link","Inline Link",{"path":283,"title":284,"section":260,"order":40,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fminify","Minify",{"path":286,"title":103,"section":260,"order":18,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Foverview",{"path":288,"title":289,"section":260,"order":27,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fpurge-css","Purge CSS",{"path":291,"title":292,"section":260,"order":140,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fremove-attributes","Remove Attributes",{"path":294,"title":295,"section":260,"order":132,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Freplace-strings","Replace Strings",{"path":297,"title":298,"section":260,"order":52,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fsafe-selectors","Safe Selectors",{"path":300,"title":301,"section":260,"order":128,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fshorthand-css","Shorthand CSS",{"path":303,"title":304,"section":260,"order":124,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fsix-hex","Six-digit HEX",{"path":306,"title":307,"section":260,"order":73,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Furl-parameters","URL Parameters",{"path":309,"title":310,"section":22,"order":52,"sidebar":14},"\u002Fdocs\u002Fupgrade-guide","Upgrade Guide",{"path":312,"title":236,"section":256,"order":13,"sidebar":14},"\u002Fdocs\u002Fvite-plugin",{"path":314,"title":315,"section":7,"order":7,"sidebar":8},"\u002Fprivacy","Privacy Policy",{"id":317,"title":11,"body":318,"description":4617,"extension":4618,"meta":4619,"navigation":14,"order":13,"path":10,"section":12,"seo":4620,"sidebar":14,"stem":4621,"toc":14,"__hash__":4622},"docs\u002Fdocs\u002Fapi\u002Fcomposables.md",{"type":319,"value":320,"toc":4580},"minimark",[321,325,329,334,337,502,517,526,531,534,769,772,1008,1012,1042,1105,1108,1243,1276,1280,1283,1398,1412,1416,1419,1440,1529,1533,1565,1593,1597,1604,1733,1736,1796,1806,1810,1817,1884,1898,1902,1908,2092,2096,2213,2237,2240,2244,2247,2250,2253,2256,2366,2369,2458,2464,2468,2471,2589,2592,2596,2639,2644,2648,2670,2707,2713,2868,2872,2875,2984,2995,2998,3036,3046,3089,3111,3115,3125,3190,3203,3206,3209,3308,3321,3325,3329,3341,3344,3393,3403,3405,3409,3412,3461,3464,3469,3479,3545,3556,3560,3565,3673,3676,3679,3689,3696,3753,3757,3767,3785,3792,3800,3804,3811,3979,3988,3992,3996,4003,4051,4055,4063,4167,4171,4177,4324,4328,4334,4422,4426,4435,4558,4562,4576],[322,323,11],"h1",{"id":324},"composables",[326,327,328],"p",{},"Use composables inside your email templates to interact with the Maizzle config and transformer pipeline, to set the doctype, to register event handlers, and more.",[330,331,333],"h2",{"id":332},"useconfig","useConfig()",[326,335,336],{},"Access the resolved Maizzle configuration from inside any template or component.",[338,339,345],"pre",{"className":340,"code":341,"filename":342,"language":343,"meta":344,"style":344},"language-vue shiki shiki-themes laserwave","\u003Cscript setup>\n  const config = useConfig()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003CContainer>\n        \u003CText>Building to: {{ config.output?.path }}\u003C\u002FText>\n      \u003C\u002FContainer>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","emails\u002Fexample.vue","vue","",[346,347,348,367,386,395,400,409,418,431,439,448,467,476,485,494],"code",{"__ignoreMap":344},[349,350,352,356,360,364],"span",{"class":351,"line":18},"line",[349,353,355],{"class":354},"sGGKt","\u003C",[349,357,359],{"class":358},"sb4Pa","script",[349,361,363],{"class":362},"sZNF3"," setup",[349,365,366],{"class":354},">\n",[349,368,369,373,377,380,383],{"class":351,"line":13},[349,370,372],{"class":371},"sIihq","  const",[349,374,376],{"class":375},"skd8d"," config",[349,378,379],{"class":358}," =",[349,381,382],{"class":362}," useConfig",[349,384,385],{"class":354},"()\n",[349,387,388,391,393],{"class":351,"line":32},[349,389,390],{"class":354},"\u003C\u002F",[349,392,359],{"class":358},[349,394,366],{"class":354},[349,396,397],{"class":351,"line":27},[349,398,399],{"emptyLinePlaceholder":14},"\n",[349,401,402,404,407],{"class":351,"line":52},[349,403,355],{"class":354},[349,405,406],{"class":358},"template",[349,408,366],{"class":354},[349,410,411,414,416],{"class":351,"line":128},[349,412,413],{"class":354},"  \u003C",[349,415,69],{"class":358},[349,417,366],{"class":354},[349,419,420,423,425,429],{"class":351,"line":124},[349,421,422],{"class":354},"    \u003C",[349,424,59],{"class":358},[349,426,428],{"class":427},"sLaUg"," \u002F",[349,430,366],{"class":354},[349,432,433,435,437],{"class":351,"line":48},[349,434,422],{"class":354},[349,436,30],{"class":358},[349,438,366],{"class":354},[349,440,441,444,446],{"class":351,"line":23},[349,442,443],{"class":354},"      \u003C",[349,445,51],{"class":358},[349,447,366],{"class":354},[349,449,450,453,455,458,461,463,465],{"class":351,"line":140},[349,451,452],{"class":354},"        \u003C",[349,454,139],{"class":358},[349,456,457],{"class":354},">",[349,459,460],{"class":427},"Building to: {{ config.output?.path }}",[349,462,390],{"class":354},[349,464,139],{"class":358},[349,466,366],{"class":354},[349,468,469,472,474],{"class":351,"line":56},[349,470,471],{"class":354},"      \u003C\u002F",[349,473,51],{"class":358},[349,475,366],{"class":354},[349,477,478,481,483],{"class":351,"line":80},[349,479,480],{"class":354},"    \u003C\u002F",[349,482,30],{"class":358},[349,484,366],{"class":354},[349,486,487,490,492],{"class":351,"line":36},[349,488,489],{"class":354},"  \u003C\u002F",[349,491,69],{"class":358},[349,493,366],{"class":354},[349,495,496,498,500],{"class":351,"line":73},[349,497,390],{"class":354},[349,499,406],{"class":358},[349,501,366],{"class":354},[326,503,504,505,508,509,512,513,516],{},"The composable returns the fully resolved ",[346,506,507],{},"MaizzleConfig"," object — the result of merging the global config from ",[346,510,511],{},"maizzle.config.ts"," with any template-level overrides from ",[346,514,515],{},"defineConfig()",".",[326,518,519,520,522,523,525],{},"If a parent component or template called ",[346,521,515],{}," with overrides, ",[346,524,333],{}," in child components will reflect those merged values.",[527,528,530],"h3",{"id":529},"examples","Examples",[326,532,533],{},"Conditionally render content based on config:",[338,535,538],{"className":340,"code":536,"filename":537,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  const config = useConfig()\n  const isProduction = config.output?.path?.includes('production')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CTailwind>\n      \u003CBody>\n        \u003CContainer>\n          \u003CText v-if=\"!isProduction\" class=\"text-red-500\">PREVIEW\u003C\u002FText>\n          \u003CText>Your promo content here.\u003C\u002FText>\n        \u003C\u002FContainer>\n      \u003C\u002FBody>\n    \u003C\u002FTailwind>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","emails\u002Fpromo.vue",[346,539,540,550,562,605,613,617,625,633,643,651,659,667,711,728,737,745,753,761],{"__ignoreMap":344},[349,541,542,544,546,548],{"class":351,"line":18},[349,543,355],{"class":354},[349,545,359],{"class":358},[349,547,363],{"class":362},[349,549,366],{"class":354},[349,551,552,554,556,558,560],{"class":351,"line":13},[349,553,372],{"class":371},[349,555,376],{"class":375},[349,557,379],{"class":358},[349,559,382],{"class":362},[349,561,385],{"class":354},[349,563,564,566,569,571,574,576,579,582,585,587,590,593,596,600,602],{"class":351,"line":32},[349,565,372],{"class":371},[349,567,568],{"class":375}," isProduction",[349,570,379],{"class":358},[349,572,376],{"class":573},"sU-n2",[349,575,516],{"class":354},[349,577,578],{"class":573},"output",[349,580,581],{"class":354},"?.",[349,583,584],{"class":573},"path",[349,586,581],{"class":354},[349,588,589],{"class":362},"includes",[349,591,592],{"class":354},"(",[349,594,595],{"class":354},"'",[349,597,599],{"class":598},"sXiT_","production",[349,601,595],{"class":354},[349,603,604],{"class":354},")\n",[349,606,607,609,611],{"class":351,"line":27},[349,608,390],{"class":354},[349,610,359],{"class":358},[349,612,366],{"class":354},[349,614,615],{"class":351,"line":52},[349,616,399],{"emptyLinePlaceholder":14},[349,618,619,621,623],{"class":351,"line":128},[349,620,355],{"class":354},[349,622,406],{"class":358},[349,624,366],{"class":354},[349,626,627,629,631],{"class":351,"line":124},[349,628,413],{"class":354},[349,630,69],{"class":358},[349,632,366],{"class":354},[349,634,635,637,639,641],{"class":351,"line":48},[349,636,422],{"class":354},[349,638,59],{"class":358},[349,640,428],{"class":427},[349,642,366],{"class":354},[349,644,645,647,649],{"class":351,"line":23},[349,646,422],{"class":354},[349,648,135],{"class":358},[349,650,366],{"class":354},[349,652,653,655,657],{"class":351,"line":140},[349,654,443],{"class":354},[349,656,30],{"class":358},[349,658,366],{"class":354},[349,660,661,663,665],{"class":351,"line":56},[349,662,452],{"class":354},[349,664,51],{"class":358},[349,666,366],{"class":354},[349,668,669,672,674,677,680,683,686,688,691,693,695,698,700,702,705,707,709],{"class":351,"line":80},[349,670,671],{"class":354},"          \u003C",[349,673,139],{"class":358},[349,675,676],{"class":362}," v-if",[349,678,679],{"class":354},"=",[349,681,682],{"class":354},"\"",[349,684,685],{"class":598},"!isProduction",[349,687,682],{"class":354},[349,689,690],{"class":362}," class",[349,692,679],{"class":354},[349,694,682],{"class":354},[349,696,697],{"class":598},"text-red-500",[349,699,682],{"class":354},[349,701,457],{"class":354},[349,703,704],{"class":427},"PREVIEW",[349,706,390],{"class":354},[349,708,139],{"class":358},[349,710,366],{"class":354},[349,712,713,715,717,719,722,724,726],{"class":351,"line":36},[349,714,671],{"class":354},[349,716,139],{"class":358},[349,718,457],{"class":354},[349,720,721],{"class":427},"Your promo content here.",[349,723,390],{"class":354},[349,725,139],{"class":358},[349,727,366],{"class":354},[349,729,730,733,735],{"class":351,"line":73},[349,731,732],{"class":354},"        \u003C\u002F",[349,734,51],{"class":358},[349,736,366],{"class":354},[349,738,739,741,743],{"class":351,"line":132},[349,740,471],{"class":354},[349,742,30],{"class":358},[349,744,366],{"class":354},[349,746,747,749,751],{"class":351,"line":66},[349,748,480],{"class":354},[349,750,135],{"class":358},[349,752,366],{"class":354},[349,754,755,757,759],{"class":351,"line":112},[349,756,489],{"class":354},[349,758,69],{"class":358},[349,760,366],{"class":354},[349,762,763,765,767],{"class":351,"line":40},[349,764,390],{"class":354},[349,766,406],{"class":358},[349,768,366],{"class":354},[326,770,771],{},"Access custom data passed through the config:",[773,774,775,883],"code-tabs",{},[776,777,778],"code-tab",{"label":511},[338,779,783],{"className":780,"code":781,"filename":511,"language":782,"meta":344,"style":344},"language-ts shiki shiki-themes laserwave","import { defineConfig } from '@maizzle\u002Fframework'\n\nexport default defineConfig({\n  company: {\n    name: 'Acme Inc.',\n    url: 'https:\u002F\u002Fexample.com',\n  },\n})\n","ts",[346,784,785,812,816,829,840,857,873,878],{"__ignoreMap":344},[349,786,787,791,794,797,800,803,806,809],{"class":351,"line":18},[349,788,790],{"class":789},"s0ZPN","import",[349,792,793],{"class":354}," {",[349,795,796],{"class":573}," defineConfig",[349,798,799],{"class":354}," }",[349,801,802],{"class":789}," from",[349,804,805],{"class":354}," '",[349,807,808],{"class":598},"@maizzle\u002Fframework",[349,810,811],{"class":354},"'\n",[349,813,814],{"class":351,"line":13},[349,815,399],{"emptyLinePlaceholder":14},[349,817,818,821,824,826],{"class":351,"line":32},[349,819,820],{"class":789},"export",[349,822,823],{"class":789}," default",[349,825,796],{"class":362},[349,827,828],{"class":354},"({\n",[349,830,831,834,837],{"class":351,"line":27},[349,832,833],{"class":427},"  company",[349,835,836],{"class":354},":",[349,838,839],{"class":354}," {\n",[349,841,842,845,847,849,852,854],{"class":351,"line":52},[349,843,844],{"class":427},"    name",[349,846,836],{"class":354},[349,848,805],{"class":354},[349,850,851],{"class":598},"Acme Inc.",[349,853,595],{"class":354},[349,855,856],{"class":354},",\n",[349,858,859,862,864,866,869,871],{"class":351,"line":128},[349,860,861],{"class":427},"    url",[349,863,836],{"class":354},[349,865,805],{"class":354},[349,867,868],{"class":598},"https:\u002F\u002Fexample.com",[349,870,595],{"class":354},[349,872,856],{"class":354},[349,874,875],{"class":351,"line":124},[349,876,877],{"class":354},"  },\n",[349,879,880],{"class":351,"line":48},[349,881,882],{"class":354},"})\n",[776,884,886],{"label":885},"components\u002FFooter.vue",[338,887,889],{"className":340,"code":888,"filename":885,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  const config = useConfig()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CText>\n    © 2026 {{ config.company?.name }}\n  \u003C\u002FText>\n\n  \u003CButton :href=\"config.company?.url\">\n    Visit our website\n  \u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[346,890,891,901,913,921,925,933,941,955,963,967,987,992,1000],{"__ignoreMap":344},[349,892,893,895,897,899],{"class":351,"line":18},[349,894,355],{"class":354},[349,896,359],{"class":358},[349,898,363],{"class":362},[349,900,366],{"class":354},[349,902,903,905,907,909,911],{"class":351,"line":13},[349,904,372],{"class":371},[349,906,376],{"class":375},[349,908,379],{"class":358},[349,910,382],{"class":362},[349,912,385],{"class":354},[349,914,915,917,919],{"class":351,"line":32},[349,916,390],{"class":354},[349,918,359],{"class":358},[349,920,366],{"class":354},[349,922,923],{"class":351,"line":27},[349,924,399],{"emptyLinePlaceholder":14},[349,926,927,929,931],{"class":351,"line":52},[349,928,355],{"class":354},[349,930,406],{"class":358},[349,932,366],{"class":354},[349,934,935,937,939],{"class":351,"line":128},[349,936,413],{"class":354},[349,938,139],{"class":358},[349,940,366],{"class":354},[349,942,943,946,949,952],{"class":351,"line":124},[349,944,945],{"class":354},"    &",[349,947,948],{"class":427},"copy",[349,950,951],{"class":354},";",[349,953,954],{"class":427}," 2026 {{ config.company?.name }}\n",[349,956,957,959,961],{"class":351,"line":48},[349,958,489],{"class":354},[349,960,139],{"class":358},[349,962,366],{"class":354},[349,964,965],{"class":351,"line":23},[349,966,399],{"emptyLinePlaceholder":14},[349,968,969,971,973,976,978,980,983,985],{"class":351,"line":140},[349,970,413],{"class":354},[349,972,35],{"class":358},[349,974,975],{"class":362}," :href",[349,977,679],{"class":354},[349,979,682],{"class":354},[349,981,982],{"class":598},"config.company?.url",[349,984,682],{"class":354},[349,986,366],{"class":354},[349,988,989],{"class":351,"line":56},[349,990,991],{"class":427},"    Visit our website\n",[349,993,994,996,998],{"class":351,"line":80},[349,995,489],{"class":354},[349,997,35],{"class":358},[349,999,366],{"class":354},[349,1001,1002,1004,1006],{"class":351,"line":36},[349,1003,390],{"class":354},[349,1005,406],{"class":358},[349,1007,366],{"class":354},[330,1009,1011],{"id":1010},"usecurrenttemplate","useCurrentTemplate()",[326,1013,1014,1015,1025,1026,1029,1030,1033,1034,1037,1038,1041],{},"Read info about the template file currently being built. Returns the result of Node's ",[1016,1017,1022],"a",{"href":1018,"rel":1019,"target":1021},"https:\u002F\u002Fnodejs.org\u002Fapi\u002Fpath.html#pathparsepath",[1020],"nofollow","_blank",[346,1023,1024],{},"path.parse(absolutePath)"," — ",[346,1027,1028],{},"{ root, dir, base, ext, name }"," — or ",[346,1031,1032],{},"undefined"," when called outside the per-template scope (e.g. from a ",[346,1035,1036],{},"beforeCreate"," \u002F ",[346,1039,1040],{},"afterBuild"," handler, or outside a build entirely).",[338,1043,1046],{"className":340,"code":1044,"filename":1045,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  const file = useCurrentTemplate()\n\n  \u002F\u002F file.name === 'welcome'\n  \u002F\u002F file.ext  === '.vue'\n  \u002F\u002F file.base === 'welcome.vue'\n  \u002F\u002F file.dir  === '\u002Fabs\u002Fpath\u002Fto\u002Femails'\n\u003C\u002Fscript>\n","emails\u002Fwelcome.vue",[346,1047,1048,1058,1072,1076,1082,1087,1092,1097],{"__ignoreMap":344},[349,1049,1050,1052,1054,1056],{"class":351,"line":18},[349,1051,355],{"class":354},[349,1053,359],{"class":358},[349,1055,363],{"class":362},[349,1057,366],{"class":354},[349,1059,1060,1062,1065,1067,1070],{"class":351,"line":13},[349,1061,372],{"class":371},[349,1063,1064],{"class":375}," file",[349,1066,379],{"class":358},[349,1068,1069],{"class":362}," useCurrentTemplate",[349,1071,385],{"class":354},[349,1073,1074],{"class":351,"line":32},[349,1075,399],{"emptyLinePlaceholder":14},[349,1077,1078],{"class":351,"line":27},[349,1079,1081],{"class":1080},"sVsQ9","  \u002F\u002F file.name === 'welcome'\n",[349,1083,1084],{"class":351,"line":52},[349,1085,1086],{"class":1080},"  \u002F\u002F file.ext  === '.vue'\n",[349,1088,1089],{"class":351,"line":128},[349,1090,1091],{"class":1080},"  \u002F\u002F file.base === 'welcome.vue'\n",[349,1093,1094],{"class":351,"line":124},[349,1095,1096],{"class":1080},"  \u002F\u002F file.dir  === '\u002Fabs\u002Fpath\u002Fto\u002Femails'\n",[349,1098,1099,1101,1103],{"class":351,"line":48},[349,1100,390],{"class":354},[349,1102,359],{"class":358},[349,1104,366],{"class":354},[326,1106,1107],{},"Handy when a layout or shared component needs to know which template it's being rendered for:",[338,1109,1111],{"className":340,"code":1110,"filename":885,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  const file = useCurrentTemplate()\n  const isPromo = file?.name?.startsWith('promo-')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CText v-if=\"isPromo\">Limited time offer — unsubscribe\u003C\u002FText>\n  \u003CText v-else>Transactional message — manage preferences\u003C\u002FText>\n\u003C\u002Ftemplate>\n",[346,1112,1113,1123,1135,1167,1175,1179,1187,1215,1235],{"__ignoreMap":344},[349,1114,1115,1117,1119,1121],{"class":351,"line":18},[349,1116,355],{"class":354},[349,1118,359],{"class":358},[349,1120,363],{"class":362},[349,1122,366],{"class":354},[349,1124,1125,1127,1129,1131,1133],{"class":351,"line":13},[349,1126,372],{"class":371},[349,1128,1064],{"class":375},[349,1130,379],{"class":358},[349,1132,1069],{"class":362},[349,1134,385],{"class":354},[349,1136,1137,1139,1142,1144,1146,1148,1151,1153,1156,1158,1160,1163,1165],{"class":351,"line":32},[349,1138,372],{"class":371},[349,1140,1141],{"class":375}," isPromo",[349,1143,379],{"class":358},[349,1145,1064],{"class":573},[349,1147,581],{"class":354},[349,1149,1150],{"class":573},"name",[349,1152,581],{"class":354},[349,1154,1155],{"class":362},"startsWith",[349,1157,592],{"class":354},[349,1159,595],{"class":354},[349,1161,1162],{"class":598},"promo-",[349,1164,595],{"class":354},[349,1166,604],{"class":354},[349,1168,1169,1171,1173],{"class":351,"line":27},[349,1170,390],{"class":354},[349,1172,359],{"class":358},[349,1174,366],{"class":354},[349,1176,1177],{"class":351,"line":52},[349,1178,399],{"emptyLinePlaceholder":14},[349,1180,1181,1183,1185],{"class":351,"line":128},[349,1182,355],{"class":354},[349,1184,406],{"class":358},[349,1186,366],{"class":354},[349,1188,1189,1191,1193,1195,1197,1199,1202,1204,1206,1209,1211,1213],{"class":351,"line":124},[349,1190,413],{"class":354},[349,1192,139],{"class":358},[349,1194,676],{"class":362},[349,1196,679],{"class":354},[349,1198,682],{"class":354},[349,1200,1201],{"class":598},"isPromo",[349,1203,682],{"class":354},[349,1205,457],{"class":354},[349,1207,1208],{"class":427},"Limited time offer — unsubscribe",[349,1210,390],{"class":354},[349,1212,139],{"class":358},[349,1214,366],{"class":354},[349,1216,1217,1219,1221,1224,1226,1229,1231,1233],{"class":351,"line":48},[349,1218,413],{"class":354},[349,1220,139],{"class":358},[349,1222,1223],{"class":362}," v-else",[349,1225,457],{"class":354},[349,1227,1228],{"class":427},"Transactional message — manage preferences",[349,1230,390],{"class":354},[349,1232,139],{"class":358},[349,1234,366],{"class":354},[349,1236,1237,1239,1241],{"class":351,"line":23},[349,1238,390],{"class":354},[349,1240,406],{"class":358},[349,1242,366],{"class":354},[326,1244,1245,1246,1249,1250,1037,1256,1037,1262,1268,1269,1271,1272,1275],{},"The same value is also exposed to event handlers via ",[346,1247,1248],{},"template.path"," — prefer that inside config-level ",[1016,1251,1253],{"href":1252},"\u002Fdocs\u002Fdevelopment\u002Fevents#beforerender",[346,1254,1255],{},"beforeRender",[1016,1257,1259],{"href":1258},"\u002Fdocs\u002Fdevelopment\u002Fevents#afterrender",[346,1260,1261],{},"afterRender",[1016,1263,1265],{"href":1264},"\u002Fdocs\u002Fdevelopment\u002Fevents#aftertransform",[346,1266,1267],{},"afterTransform"," handlers, since it's the typed parameter you already receive. Reach for ",[346,1270,1011],{}," from ",[346,1273,1274],{},"\u003Cscript setup>"," (or any component the template renders) where there are no event params to destructure.",[330,1277,1279],{"id":1278},"usetransformers","useTransformers()",[326,1281,1282],{},"Toggle the transformer pipeline for the current template.",[338,1284,1287],{"className":340,"code":1285,"filename":1286,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useTransformers(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003CText>Raw output, no transformers.\u003C\u002FText>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","emails\u002Fraw.vue",[346,1288,1289,1299,1311,1319,1323,1331,1339,1349,1357,1374,1382,1390],{"__ignoreMap":344},[349,1290,1291,1293,1295,1297],{"class":351,"line":18},[349,1292,355],{"class":354},[349,1294,359],{"class":358},[349,1296,363],{"class":362},[349,1298,366],{"class":354},[349,1300,1301,1304,1306,1309],{"class":351,"line":13},[349,1302,1303],{"class":362},"  useTransformers",[349,1305,592],{"class":354},[349,1307,1308],{"class":375},"false",[349,1310,604],{"class":354},[349,1312,1313,1315,1317],{"class":351,"line":32},[349,1314,390],{"class":354},[349,1316,359],{"class":358},[349,1318,366],{"class":354},[349,1320,1321],{"class":351,"line":27},[349,1322,399],{"emptyLinePlaceholder":14},[349,1324,1325,1327,1329],{"class":351,"line":52},[349,1326,355],{"class":354},[349,1328,406],{"class":358},[349,1330,366],{"class":354},[349,1332,1333,1335,1337],{"class":351,"line":128},[349,1334,413],{"class":354},[349,1336,69],{"class":358},[349,1338,366],{"class":354},[349,1340,1341,1343,1345,1347],{"class":351,"line":124},[349,1342,422],{"class":354},[349,1344,59],{"class":358},[349,1346,428],{"class":427},[349,1348,366],{"class":354},[349,1350,1351,1353,1355],{"class":351,"line":48},[349,1352,422],{"class":354},[349,1354,30],{"class":358},[349,1356,366],{"class":354},[349,1358,1359,1361,1363,1365,1368,1370,1372],{"class":351,"line":23},[349,1360,443],{"class":354},[349,1362,139],{"class":358},[349,1364,457],{"class":354},[349,1366,1367],{"class":427},"Raw output, no transformers.",[349,1369,390],{"class":354},[349,1371,139],{"class":358},[349,1373,366],{"class":354},[349,1375,1376,1378,1380],{"class":351,"line":140},[349,1377,480],{"class":354},[349,1379,30],{"class":358},[349,1381,366],{"class":354},[349,1383,1384,1386,1388],{"class":351,"line":56},[349,1385,489],{"class":354},[349,1387,69],{"class":358},[349,1389,366],{"class":354},[349,1391,1392,1394,1396],{"class":351,"line":80},[349,1393,390],{"class":354},[349,1395,406],{"class":358},[349,1397,366],{"class":354},[1399,1400,1402],"callout",{"type":1401},"info",[326,1403,1404,1405,1411],{},"This is the per-template counterpart of the global ",[1016,1406,1408],{"href":1407},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration#usetransformers",[346,1409,1410],{},"useTransformers"," config flag.",[527,1413,1415],{"id":1414},"argument","Argument",[326,1417,1418],{},"Pass one of:",[1420,1421,1422,1428,1434],"ul",{},[1423,1424,1425,1427],"li",{},[346,1426,1308],{}," — skip the entire pipeline (CSS inlining, purging, shorthand, etc.)",[1423,1429,1430,1433],{},[346,1431,1432],{},"true"," (or no argument) — keep everything on",[1423,1435,1436,1439],{},[346,1437,1438],{},"TransformerToggles"," object — granular per-transformer overrides",[338,1441,1443],{"className":340,"code":1442,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  \u002F\u002F Disable specific transformers\n  useTransformers({ inlineCss: false, minify: false })\n\n  \u002F\u002F Force-enable transformers that are disabled globally\n  useTransformers({ prettify: true, minify: true })\n\u003C\u002Fscript>\n",[346,1444,1445,1455,1460,1488,1492,1497,1521],{"__ignoreMap":344},[349,1446,1447,1449,1451,1453],{"class":351,"line":18},[349,1448,355],{"class":354},[349,1450,359],{"class":358},[349,1452,363],{"class":362},[349,1454,366],{"class":354},[349,1456,1457],{"class":351,"line":13},[349,1458,1459],{"class":1080},"  \u002F\u002F Disable specific transformers\n",[349,1461,1462,1464,1467,1470,1472,1475,1478,1481,1483,1485],{"class":351,"line":32},[349,1463,1303],{"class":362},[349,1465,1466],{"class":354},"({",[349,1468,1469],{"class":789}," inlineCss",[349,1471,836],{"class":354},[349,1473,1474],{"class":375}," false",[349,1476,1477],{"class":354},",",[349,1479,1480],{"class":789}," minify",[349,1482,836],{"class":354},[349,1484,1474],{"class":375},[349,1486,1487],{"class":354}," })\n",[349,1489,1490],{"class":351,"line":27},[349,1491,399],{"emptyLinePlaceholder":14},[349,1493,1494],{"class":351,"line":52},[349,1495,1496],{"class":1080},"  \u002F\u002F Force-enable transformers that are disabled globally\n",[349,1498,1499,1501,1503,1506,1508,1511,1513,1515,1517,1519],{"class":351,"line":128},[349,1500,1303],{"class":362},[349,1502,1466],{"class":354},[349,1504,1505],{"class":789}," prettify",[349,1507,836],{"class":354},[349,1509,1510],{"class":375}," true",[349,1512,1477],{"class":354},[349,1514,1480],{"class":789},[349,1516,836],{"class":354},[349,1518,1510],{"class":375},[349,1520,1487],{"class":354},[349,1522,1523,1525,1527],{"class":351,"line":124},[349,1524,390],{"class":354},[349,1526,359],{"class":358},[349,1528,366],{"class":354},[527,1530,1532],{"id":1531},"force-enable","Force-enable",[326,1534,1535,1536,1538,1539,1542,1543,1542,1546,1542,1549,1542,1552,1542,1555,1542,1558,1542,1561,1564],{},"Setting a key to ",[346,1537,1432],{}," force-enables that transformer for this template, even if disabled globally. Only meaningful for boolean-driven transformers (",[346,1540,1541],{},"inlineCss",", ",[346,1544,1545],{},"purgeCss",[346,1547,1548],{},"prettify",[346,1550,1551],{},"minify",[346,1553,1554],{},"shorthandCss",[346,1556,1557],{},"sixHex",[346,1559,1560],{},"safeSelectors",[346,1562,1563],{},"entities",").",[326,1566,1567,1568,1542,1571,1542,1574,1542,1577,1542,1580,1542,1583,1542,1586,1589,1590,1592],{},"Data-driven transformers (",[346,1569,1570],{},"filters",[346,1572,1573],{},"baseURL",[346,1575,1576],{},"urlQuery",[346,1578,1579],{},"addAttributes",[346,1581,1582],{},"removeAttributes",[346,1584,1585],{},"replaceStrings",[346,1587,1588],{},"attributeToStyle",") need actual config values — a bare ",[346,1591,1432],{}," is a no-op for them.",[330,1594,1596],{"id":1595},"usebaseurl","useBaseUrl()",[326,1598,1599,1600,1603],{},"Sets the base URL for the current template. Same as ",[346,1601,1602],{},"config.url.base",", scoped to SFC.",[338,1605,1607],{"className":340,"code":1606,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useBaseUrl('https:\u002F\u002Fcdn.example.com\u002Femails\u002F')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CBody>\n      \u003CImg src=\"logo.png\" alt=\"Logo\" \u002F>\n      \u003C!-- becomes \u003Cimg src=\"https:\u002F\u002Fcdn.example.com\u002Femails\u002Flogo.png\" ...> -->\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n",[346,1608,1609,1619,1635,1643,1647,1655,1663,1671,1704,1709,1717,1725],{"__ignoreMap":344},[349,1610,1611,1613,1615,1617],{"class":351,"line":18},[349,1612,355],{"class":354},[349,1614,359],{"class":358},[349,1616,363],{"class":362},[349,1618,366],{"class":354},[349,1620,1621,1624,1626,1628,1631,1633],{"class":351,"line":13},[349,1622,1623],{"class":362},"  useBaseUrl",[349,1625,592],{"class":354},[349,1627,595],{"class":354},[349,1629,1630],{"class":598},"https:\u002F\u002Fcdn.example.com\u002Femails\u002F",[349,1632,595],{"class":354},[349,1634,604],{"class":354},[349,1636,1637,1639,1641],{"class":351,"line":32},[349,1638,390],{"class":354},[349,1640,359],{"class":358},[349,1642,366],{"class":354},[349,1644,1645],{"class":351,"line":27},[349,1646,399],{"emptyLinePlaceholder":14},[349,1648,1649,1651,1653],{"class":351,"line":52},[349,1650,355],{"class":354},[349,1652,406],{"class":358},[349,1654,366],{"class":354},[349,1656,1657,1659,1661],{"class":351,"line":128},[349,1658,413],{"class":354},[349,1660,69],{"class":358},[349,1662,366],{"class":354},[349,1664,1665,1667,1669],{"class":351,"line":124},[349,1666,422],{"class":354},[349,1668,30],{"class":358},[349,1670,366],{"class":354},[349,1672,1673,1675,1677,1680,1682,1684,1687,1689,1692,1694,1696,1699,1701],{"class":351,"line":48},[349,1674,443],{"class":354},[349,1676,72],{"class":358},[349,1678,1679],{"class":362}," src",[349,1681,679],{"class":354},[349,1683,682],{"class":354},[349,1685,1686],{"class":598},"logo.png",[349,1688,682],{"class":354},[349,1690,1691],{"class":362}," alt",[349,1693,679],{"class":354},[349,1695,682],{"class":354},[349,1697,1698],{"class":598},"Logo",[349,1700,682],{"class":354},[349,1702,1703],{"class":354}," \u002F>\n",[349,1705,1706],{"class":351,"line":23},[349,1707,1708],{"class":1080},"      \u003C!-- becomes \u003Cimg src=\"https:\u002F\u002Fcdn.example.com\u002Femails\u002Flogo.png\" ...> -->\n",[349,1710,1711,1713,1715],{"class":351,"line":140},[349,1712,480],{"class":354},[349,1714,30],{"class":358},[349,1716,366],{"class":354},[349,1718,1719,1721,1723],{"class":351,"line":56},[349,1720,489],{"class":354},[349,1722,69],{"class":358},[349,1724,366],{"class":354},[349,1726,1727,1729,1731],{"class":351,"line":80},[349,1728,390],{"class":354},[349,1730,406],{"class":358},[349,1732,366],{"class":354},[326,1734,1735],{},"Pass a string to prepend to all default tags\u002Fattributes, or an object for fine-grained control:",[338,1737,1739],{"className":340,"code":1738,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useBaseUrl({\n    url: 'https:\u002F\u002Fcdn.example.com\u002F',\n    styleTag: true,\n  })\n\u003C\u002Fscript>\n",[346,1740,1741,1751,1757,1772,1783,1788],{"__ignoreMap":344},[349,1742,1743,1745,1747,1749],{"class":351,"line":18},[349,1744,355],{"class":354},[349,1746,359],{"class":358},[349,1748,363],{"class":362},[349,1750,366],{"class":354},[349,1752,1753,1755],{"class":351,"line":13},[349,1754,1623],{"class":362},[349,1756,828],{"class":354},[349,1758,1759,1761,1763,1765,1768,1770],{"class":351,"line":32},[349,1760,861],{"class":789},[349,1762,836],{"class":354},[349,1764,805],{"class":354},[349,1766,1767],{"class":598},"https:\u002F\u002Fcdn.example.com\u002F",[349,1769,595],{"class":354},[349,1771,856],{"class":354},[349,1773,1774,1777,1779,1781],{"class":351,"line":27},[349,1775,1776],{"class":789},"    styleTag",[349,1778,836],{"class":354},[349,1780,1510],{"class":375},[349,1782,856],{"class":354},[349,1784,1785],{"class":351,"line":52},[349,1786,1787],{"class":354},"  })\n",[349,1789,1790,1792,1794],{"class":351,"line":128},[349,1791,390],{"class":354},[349,1793,359],{"class":358},[349,1795,366],{"class":354},[326,1797,1798,1799,1805],{},"See ",[1016,1800,1802],{"href":1801},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration#base-1",[346,1803,1804],{},"url.base"," for the full options object.",[330,1807,1809],{"id":1808},"useurlquery","useUrlQuery()",[326,1811,1812,1813,1816],{},"Append query parameters to URLs in the current email template — same as ",[346,1814,1815],{},"config.url.query",", scoped to one SFC. Common use: per-template UTM parameters or campaign tracking.",[338,1818,1821],{"className":340,"code":1819,"filename":1820,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useUrlQuery({\n    utm_source: 'maizzle',\n    utm_campaign: 'newsletter',\n  })\n\u003C\u002Fscript>\n","emails\u002Fnewsletter.vue",[346,1822,1823,1833,1840,1856,1872,1876],{"__ignoreMap":344},[349,1824,1825,1827,1829,1831],{"class":351,"line":18},[349,1826,355],{"class":354},[349,1828,359],{"class":358},[349,1830,363],{"class":362},[349,1832,366],{"class":354},[349,1834,1835,1838],{"class":351,"line":13},[349,1836,1837],{"class":362},"  useUrlQuery",[349,1839,828],{"class":354},[349,1841,1842,1845,1847,1849,1852,1854],{"class":351,"line":32},[349,1843,1844],{"class":789},"    utm_source",[349,1846,836],{"class":354},[349,1848,805],{"class":354},[349,1850,1851],{"class":598},"maizzle",[349,1853,595],{"class":354},[349,1855,856],{"class":354},[349,1857,1858,1861,1863,1865,1868,1870],{"class":351,"line":27},[349,1859,1860],{"class":789},"    utm_campaign",[349,1862,836],{"class":354},[349,1864,805],{"class":354},[349,1866,1867],{"class":598},"newsletter",[349,1869,595],{"class":354},[349,1871,856],{"class":354},[349,1873,1874],{"class":351,"line":52},[349,1875,1787],{"class":354},[349,1877,1878,1880,1882],{"class":351,"line":128},[349,1879,390],{"class":354},[349,1881,359],{"class":358},[349,1883,366],{"class":354},[326,1885,1886,1887,1890,1891,1897],{},"Pass ",[346,1888,1889],{},"_options"," alongside the params to tweak which tags\u002Fattributes receive them. See ",[1016,1892,1894],{"href":1893},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration#query",[346,1895,1896],{},"url.query"," for the full options surface.",[330,1899,1901],{"id":1900},"useevent","useEvent()",[326,1903,1904,1905,1907],{},"Register event handlers from inside a template's ",[346,1906,1274],{}," block.",[338,1909,1911],{"className":340,"code":1910,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useEvent('afterRender', ({ html }) => {\n    return html.replace('\u003C\u002Fbody>', '\u003Cimg src=\"https:\u002F\u002Fexample.com\u002Fpixel.gif\" width=\"1\" height=\"1\" alt=\"\">\\n\u003C\u002Fbody>')\n  })\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003CContainer>\n        \u003CText>This template gets a tracking pixel.\u003C\u002FText>\n      \u003C\u002FContainer>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n",[346,1912,1913,1923,1952,1985,1989,1997,2001,2009,2017,2027,2035,2043,2060,2068,2076,2084],{"__ignoreMap":344},[349,1914,1915,1917,1919,1921],{"class":351,"line":18},[349,1916,355],{"class":354},[349,1918,359],{"class":358},[349,1920,363],{"class":362},[349,1922,366],{"class":354},[349,1924,1925,1928,1930,1932,1934,1936,1938,1941,1944,1947,1950],{"class":351,"line":13},[349,1926,1927],{"class":362},"  useEvent",[349,1929,592],{"class":354},[349,1931,595],{"class":354},[349,1933,1261],{"class":598},[349,1935,595],{"class":354},[349,1937,1477],{"class":354},[349,1939,1940],{"class":354}," ({",[349,1942,1943],{"class":427}," html ",[349,1945,1946],{"class":354},"})",[349,1948,1949],{"class":358}," =>",[349,1951,839],{"class":354},[349,1953,1954,1957,1960,1962,1965,1967,1969,1972,1974,1976,1978,1981,1983],{"class":351,"line":32},[349,1955,1956],{"class":789},"    return",[349,1958,1959],{"class":573}," html",[349,1961,516],{"class":354},[349,1963,1964],{"class":362},"replace",[349,1966,592],{"class":354},[349,1968,595],{"class":354},[349,1970,1971],{"class":598},"\u003C\u002Fbody>",[349,1973,595],{"class":354},[349,1975,1477],{"class":354},[349,1977,805],{"class":354},[349,1979,1980],{"class":598},"\u003Cimg src=\"https:\u002F\u002Fexample.com\u002Fpixel.gif\" width=\"1\" height=\"1\" alt=\"\">\\n\u003C\u002Fbody>",[349,1982,595],{"class":354},[349,1984,604],{"class":354},[349,1986,1987],{"class":351,"line":27},[349,1988,1787],{"class":354},[349,1990,1991,1993,1995],{"class":351,"line":52},[349,1992,390],{"class":354},[349,1994,359],{"class":358},[349,1996,366],{"class":354},[349,1998,1999],{"class":351,"line":128},[349,2000,399],{"emptyLinePlaceholder":14},[349,2002,2003,2005,2007],{"class":351,"line":124},[349,2004,355],{"class":354},[349,2006,406],{"class":358},[349,2008,366],{"class":354},[349,2010,2011,2013,2015],{"class":351,"line":48},[349,2012,413],{"class":354},[349,2014,69],{"class":358},[349,2016,366],{"class":354},[349,2018,2019,2021,2023,2025],{"class":351,"line":23},[349,2020,422],{"class":354},[349,2022,59],{"class":358},[349,2024,428],{"class":427},[349,2026,366],{"class":354},[349,2028,2029,2031,2033],{"class":351,"line":140},[349,2030,422],{"class":354},[349,2032,30],{"class":358},[349,2034,366],{"class":354},[349,2036,2037,2039,2041],{"class":351,"line":56},[349,2038,443],{"class":354},[349,2040,51],{"class":358},[349,2042,366],{"class":354},[349,2044,2045,2047,2049,2051,2054,2056,2058],{"class":351,"line":80},[349,2046,452],{"class":354},[349,2048,139],{"class":358},[349,2050,457],{"class":354},[349,2052,2053],{"class":427},"This template gets a tracking pixel.",[349,2055,390],{"class":354},[349,2057,139],{"class":358},[349,2059,366],{"class":354},[349,2061,2062,2064,2066],{"class":351,"line":36},[349,2063,471],{"class":354},[349,2065,51],{"class":358},[349,2067,366],{"class":354},[349,2069,2070,2072,2074],{"class":351,"line":73},[349,2071,480],{"class":354},[349,2073,30],{"class":358},[349,2075,366],{"class":354},[349,2077,2078,2080,2082],{"class":351,"line":132},[349,2079,489],{"class":354},[349,2081,69],{"class":358},[349,2083,366],{"class":354},[349,2085,2086,2088,2090],{"class":351,"line":66},[349,2087,390],{"class":354},[349,2089,406],{"class":358},[349,2091,366],{"class":354},[527,2093,2095],{"id":2094},"available-events","Available events",[2097,2098,2099,2118],"table",{},[2100,2101,2102],"thead",{},[2103,2104,2105,2109,2112,2115],"tr",{},[2106,2107,2108],"th",{},"Event",[2106,2110,2111],{},"When it fires",[2106,2113,2114],{},"Receives",[2106,2116,2117],{},"Can return",[2119,2120,2121,2139,2160,2180,2197],"tbody",{},[2103,2122,2123,2128,2131,2136],{},[2124,2125,2126],"td",{},[346,2127,1036],{},[2124,2129,2130],{},"Before the build starts",[2124,2132,2133],{},[346,2134,2135],{},"{ config }",[2124,2137,2138],{},"—",[2103,2140,2141,2145,2148,2153],{},[2124,2142,2143],{},[346,2144,1255],{},[2124,2146,2147],{},"Before each template renders",[2124,2149,2150],{},[346,2151,2152],{},"{ config, template }",[2124,2154,2155,2156,2159],{},"New ",[346,2157,2158],{},"source"," string",[2103,2161,2162,2166,2169,2174],{},[2124,2163,2164],{},[346,2165,1261],{},[2124,2167,2168],{},"After Vue, before transformers",[2124,2170,2171],{},[346,2172,2173],{},"{ config, template, html }",[2124,2175,2176,2177],{},"Modified ",[346,2178,2179],{},"html",[2103,2181,2182,2186,2189,2193],{},[2124,2183,2184],{},[346,2185,1267],{},[2124,2187,2188],{},"After all transformers",[2124,2190,2191],{},[346,2192,2173],{},[2124,2194,2176,2195],{},[346,2196,2179],{},[2103,2198,2199,2203,2206,2211],{},[2124,2200,2201],{},[346,2202,1040],{},[2124,2204,2205],{},"When the build finishes",[2124,2207,2208],{},[346,2209,2210],{},"{ files, config }",[2124,2212,2138],{},[326,2214,2215,2217,2218,2221,2222,2228,2229,2231,2232,516],{},[346,2216,406],{}," is ",[346,2219,2220],{},"{ source, path }"," — the raw SFC and the result of Node's ",[1016,2223,2225],{"href":1018,"rel":2224,"target":1021},[1020],[346,2226,2227],{},"path.parse()"," (",[346,2230,1028],{},"). To read just the path from anywhere inside an SFC, use ",[1016,2233,2235],{"href":2234},"#usecurrenttemplate",[346,2236,1011],{},[326,2238,2239],{},"Handlers can be sync or async. Where a return value is supported, returning a string replaces the value for subsequent handlers in the chain.",[527,2241,2243],{"id":2242},"execution-order","Execution order",[326,2245,2246],{},"Config handlers run first, then SFC handlers in registration order. If multiple handlers return a value, the result from each handler becomes the input for the next one in the chain.",[326,2248,2249],{},"SFC handlers are automatically cleared between template renders, so they only apply to the template that registered them.",[527,2251,530],{"id":2252},"examples-1",[326,2254,2255],{},"Inject content after rendering but before transformers, so it still goes through CSS inlining and purging:",[338,2257,2259],{"className":340,"code":2258,"filename":1045,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useEvent('afterRender', ({ html }) => {\n    const banner = '\u003Cdiv class=\"bg-blue-500 text-white p-4 text-center\">Limited time offer!\u003C\u002Fdiv>'\n\n    return html.replace('\u003Cbody', `\u003Cbody>${banner}`)\n  })\n\u003C\u002Fscript>\n",[346,2260,2261,2271,2295,2312,2316,2354,2358],{"__ignoreMap":344},[349,2262,2263,2265,2267,2269],{"class":351,"line":18},[349,2264,355],{"class":354},[349,2266,359],{"class":358},[349,2268,363],{"class":362},[349,2270,366],{"class":354},[349,2272,2273,2275,2277,2279,2281,2283,2285,2287,2289,2291,2293],{"class":351,"line":13},[349,2274,1927],{"class":362},[349,2276,592],{"class":354},[349,2278,595],{"class":354},[349,2280,1261],{"class":598},[349,2282,595],{"class":354},[349,2284,1477],{"class":354},[349,2286,1940],{"class":354},[349,2288,1943],{"class":427},[349,2290,1946],{"class":354},[349,2292,1949],{"class":358},[349,2294,839],{"class":354},[349,2296,2297,2300,2303,2305,2307,2310],{"class":351,"line":32},[349,2298,2299],{"class":371},"    const",[349,2301,2302],{"class":375}," banner",[349,2304,379],{"class":358},[349,2306,805],{"class":354},[349,2308,2309],{"class":598},"\u003Cdiv class=\"bg-blue-500 text-white p-4 text-center\">Limited time offer!\u003C\u002Fdiv>",[349,2311,811],{"class":354},[349,2313,2314],{"class":351,"line":27},[349,2315,399],{"emptyLinePlaceholder":14},[349,2317,2318,2320,2322,2324,2326,2328,2330,2333,2335,2337,2340,2343,2346,2349,2352],{"class":351,"line":52},[349,2319,1956],{"class":789},[349,2321,1959],{"class":573},[349,2323,516],{"class":354},[349,2325,1964],{"class":362},[349,2327,592],{"class":354},[349,2329,595],{"class":354},[349,2331,2332],{"class":598},"\u003Cbody",[349,2334,595],{"class":354},[349,2336,1477],{"class":354},[349,2338,2339],{"class":354}," `",[349,2341,2342],{"class":598},"\u003Cbody>",[349,2344,2345],{"class":354},"${",[349,2347,2348],{"class":573},"banner",[349,2350,2351],{"class":354},"}`",[349,2353,604],{"class":354},[349,2355,2356],{"class":351,"line":128},[349,2357,1787],{"class":354},[349,2359,2360,2362,2364],{"class":351,"line":124},[349,2361,390],{"class":354},[349,2363,359],{"class":358},[349,2365,366],{"class":354},[326,2367,2368],{},"Add a tracking pixel after all transformers have run:",[338,2370,2372],{"className":340,"code":2371,"filename":1820,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useEvent('afterTransform', ({ html }) => {\n    return html.replace(\n      '\u003C\u002Fbody>',\n      '\u003Cimg src=\"https:\u002F\u002Ftrack.example.com\u002Fopen.gif\" width=\"1\" height=\"1\" alt=\"\">\\n\u003C\u002Fbody>'\n    )\n  })\n\u003C\u002Fscript>\n",[346,2373,2374,2384,2408,2421,2432,2441,2446,2450],{"__ignoreMap":344},[349,2375,2376,2378,2380,2382],{"class":351,"line":18},[349,2377,355],{"class":354},[349,2379,359],{"class":358},[349,2381,363],{"class":362},[349,2383,366],{"class":354},[349,2385,2386,2388,2390,2392,2394,2396,2398,2400,2402,2404,2406],{"class":351,"line":13},[349,2387,1927],{"class":362},[349,2389,592],{"class":354},[349,2391,595],{"class":354},[349,2393,1267],{"class":598},[349,2395,595],{"class":354},[349,2397,1477],{"class":354},[349,2399,1940],{"class":354},[349,2401,1943],{"class":427},[349,2403,1946],{"class":354},[349,2405,1949],{"class":358},[349,2407,839],{"class":354},[349,2409,2410,2412,2414,2416,2418],{"class":351,"line":32},[349,2411,1956],{"class":789},[349,2413,1959],{"class":573},[349,2415,516],{"class":354},[349,2417,1964],{"class":362},[349,2419,2420],{"class":354},"(\n",[349,2422,2423,2426,2428,2430],{"class":351,"line":27},[349,2424,2425],{"class":354},"      '",[349,2427,1971],{"class":598},[349,2429,595],{"class":354},[349,2431,856],{"class":354},[349,2433,2434,2436,2439],{"class":351,"line":52},[349,2435,2425],{"class":354},[349,2437,2438],{"class":598},"\u003Cimg src=\"https:\u002F\u002Ftrack.example.com\u002Fopen.gif\" width=\"1\" height=\"1\" alt=\"\">\\n\u003C\u002Fbody>",[349,2440,811],{"class":354},[349,2442,2443],{"class":351,"line":128},[349,2444,2445],{"class":354},"    )\n",[349,2447,2448],{"class":351,"line":124},[349,2449,1787],{"class":354},[349,2451,2452,2454,2456],{"class":351,"line":48},[349,2453,390],{"class":354},[349,2455,359],{"class":358},[349,2457,366],{"class":354},[326,2459,2460,2461,2463],{},"You can also register event handlers globally in your config file — see the ",[1016,2462,177],{"href":176}," page for the full reference.",[330,2465,2467],{"id":2466},"usedoctype","useDoctype()",[326,2469,2470],{},"Set a custom doctype for the current email template.",[338,2472,2474],{"className":340,"code":2473,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useDoctype('\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD HTML 4.01 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml4\u002Floose.dtd\">')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003CText>This email uses an HTML 4.01 Transitional doctype.\u003C\u002FText>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n",[346,2475,2476,2486,2502,2510,2514,2522,2530,2540,2548,2565,2573,2581],{"__ignoreMap":344},[349,2477,2478,2480,2482,2484],{"class":351,"line":18},[349,2479,355],{"class":354},[349,2481,359],{"class":358},[349,2483,363],{"class":362},[349,2485,366],{"class":354},[349,2487,2488,2491,2493,2495,2498,2500],{"class":351,"line":13},[349,2489,2490],{"class":362},"  useDoctype",[349,2492,592],{"class":354},[349,2494,595],{"class":354},[349,2496,2497],{"class":598},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD HTML 4.01 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fhtml4\u002Floose.dtd\">",[349,2499,595],{"class":354},[349,2501,604],{"class":354},[349,2503,2504,2506,2508],{"class":351,"line":32},[349,2505,390],{"class":354},[349,2507,359],{"class":358},[349,2509,366],{"class":354},[349,2511,2512],{"class":351,"line":27},[349,2513,399],{"emptyLinePlaceholder":14},[349,2515,2516,2518,2520],{"class":351,"line":52},[349,2517,355],{"class":354},[349,2519,406],{"class":358},[349,2521,366],{"class":354},[349,2523,2524,2526,2528],{"class":351,"line":128},[349,2525,413],{"class":354},[349,2527,69],{"class":358},[349,2529,366],{"class":354},[349,2531,2532,2534,2536,2538],{"class":351,"line":124},[349,2533,422],{"class":354},[349,2535,59],{"class":358},[349,2537,428],{"class":427},[349,2539,366],{"class":354},[349,2541,2542,2544,2546],{"class":351,"line":48},[349,2543,422],{"class":354},[349,2545,30],{"class":358},[349,2547,366],{"class":354},[349,2549,2550,2552,2554,2556,2559,2561,2563],{"class":351,"line":23},[349,2551,443],{"class":354},[349,2553,139],{"class":358},[349,2555,457],{"class":354},[349,2557,2558],{"class":427},"This email uses an HTML 4.01 Transitional doctype.",[349,2560,390],{"class":354},[349,2562,139],{"class":358},[349,2564,366],{"class":354},[349,2566,2567,2569,2571],{"class":351,"line":140},[349,2568,480],{"class":354},[349,2570,30],{"class":358},[349,2572,366],{"class":354},[349,2574,2575,2577,2579],{"class":351,"line":56},[349,2576,489],{"class":354},[349,2578,69],{"class":358},[349,2580,366],{"class":354},[349,2582,2583,2585,2587],{"class":351,"line":80},[349,2584,390],{"class":354},[349,2586,406],{"class":358},[349,2588,366],{"class":354},[326,2590,2591],{},"The doctype string you pass is prepended to the final HTML output, replacing the default.",[527,2593,2595],{"id":2594},"common-doctypes","Common doctypes",[2097,2597,2598,2608],{},[2100,2599,2600],{},[2103,2601,2602,2605],{},[2106,2603,2604],{},"Doctype",[2106,2606,2607],{},"Value",[2119,2609,2610,2620,2630],{},[2103,2611,2612,2615],{},[2124,2613,2614],{},"HTML5 (default)",[2124,2616,2617],{},[346,2618,2619],{},"\u003C!DOCTYPE html>",[2103,2621,2622,2625],{},[2124,2623,2624],{},"XHTML 1.0 Transitional",[2124,2626,2627],{},[346,2628,2629],{},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">",[2103,2631,2632,2635],{},[2124,2633,2634],{},"HTML 4.01 Transitional",[2124,2636,2637],{},[346,2638,2497],{},[1399,2640,2641],{"type":1401},[326,2642,2643],{},"We recommend you just use the HTML5 doctype, it's easy to remember and is enough to trigger standards mode in clients that do support a doctype.",[527,2645,2647],{"id":2646},"self-closing-tags","Self-closing tags",[326,2649,2650,2651,1542,2654,1542,2657,1542,2660,1542,2663,1542,2666,2669],{},"Maizzle adapts how void elements (",[346,2652,2653],{},"\u003Cbr>",[346,2655,2656],{},"\u003Cimg>",[346,2658,2659],{},"\u003Cmeta>",[346,2661,2662],{},"\u003Clink>",[346,2664,2665],{},"\u003Chr>",[346,2667,2668],{},"\u003Cinput>",", …) are serialized based on the active doctype:",[2097,2671,2672,2681],{},[2100,2673,2674],{},[2103,2675,2676,2678],{},[2106,2677,2604],{},[2106,2679,2680],{},"Output",[2119,2682,2683,2694],{},[2103,2684,2685,2687],{},[2124,2686,2614],{},[2124,2688,2689,1542,2691],{},[346,2690,2653],{},[346,2692,2693],{},"\u003Cimg src=\"...\">",[2103,2695,2696,2699],{},[2124,2697,2698],{},"XHTML 1.0 \u002F 1.1",[2124,2700,2701,1542,2704],{},[346,2702,2703],{},"\u003Cbr \u002F>",[346,2705,2706],{},"\u003Cimg src=\"...\" \u002F>",[326,2708,2709,2710,2712],{},"You don't have to format these tags differently in your templates, just write them however you prefer and Maizzle normalizes them at build time. The detection is doctype-driven, so swapping doctype via ",[346,2711,2467],{}," automatically swaps the output style.",[338,2714,2716],{"className":340,"code":2715,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useDoctype('\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003C!-- emitted as \u003Cimg src=\"\u002Flogo.png\" alt=\"Logo\" \u002F> -->\n      \u003CImg src=\"\u002Flogo.png\" alt=\"Logo\">  \n      \n      \u003C!-- emitted as \u003Cbr \u002F> -->\n      \u003Cbr>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n",[346,2717,2718,2728,2742,2750,2754,2762,2770,2780,2788,2793,2825,2830,2835,2844,2852,2860],{"__ignoreMap":344},[349,2719,2720,2722,2724,2726],{"class":351,"line":18},[349,2721,355],{"class":354},[349,2723,359],{"class":358},[349,2725,363],{"class":362},[349,2727,366],{"class":354},[349,2729,2730,2732,2734,2736,2738,2740],{"class":351,"line":13},[349,2731,2490],{"class":362},[349,2733,592],{"class":354},[349,2735,595],{"class":354},[349,2737,2629],{"class":598},[349,2739,595],{"class":354},[349,2741,604],{"class":354},[349,2743,2744,2746,2748],{"class":351,"line":32},[349,2745,390],{"class":354},[349,2747,359],{"class":358},[349,2749,366],{"class":354},[349,2751,2752],{"class":351,"line":27},[349,2753,399],{"emptyLinePlaceholder":14},[349,2755,2756,2758,2760],{"class":351,"line":52},[349,2757,355],{"class":354},[349,2759,406],{"class":358},[349,2761,366],{"class":354},[349,2763,2764,2766,2768],{"class":351,"line":128},[349,2765,413],{"class":354},[349,2767,69],{"class":358},[349,2769,366],{"class":354},[349,2771,2772,2774,2776,2778],{"class":351,"line":124},[349,2773,422],{"class":354},[349,2775,59],{"class":358},[349,2777,428],{"class":427},[349,2779,366],{"class":354},[349,2781,2782,2784,2786],{"class":351,"line":48},[349,2783,422],{"class":354},[349,2785,30],{"class":358},[349,2787,366],{"class":354},[349,2789,2790],{"class":351,"line":23},[349,2791,2792],{"class":1080},"      \u003C!-- emitted as \u003Cimg src=\"\u002Flogo.png\" alt=\"Logo\" \u002F> -->\n",[349,2794,2795,2797,2799,2801,2803,2805,2808,2810,2812,2814,2816,2818,2820,2822],{"class":351,"line":140},[349,2796,443],{"class":354},[349,2798,72],{"class":358},[349,2800,1679],{"class":362},[349,2802,679],{"class":354},[349,2804,682],{"class":354},[349,2806,2807],{"class":598},"\u002Flogo.png",[349,2809,682],{"class":354},[349,2811,1691],{"class":362},[349,2813,679],{"class":354},[349,2815,682],{"class":354},[349,2817,1698],{"class":598},[349,2819,682],{"class":354},[349,2821,457],{"class":354},[349,2823,2824],{"class":427},"  \n",[349,2826,2827],{"class":351,"line":56},[349,2828,2829],{"class":427},"      \n",[349,2831,2832],{"class":351,"line":80},[349,2833,2834],{"class":1080},"      \u003C!-- emitted as \u003Cbr \u002F> -->\n",[349,2836,2837,2839,2842],{"class":351,"line":36},[349,2838,443],{"class":354},[349,2840,2841],{"class":358},"br",[349,2843,366],{"class":354},[349,2845,2846,2848,2850],{"class":351,"line":73},[349,2847,480],{"class":354},[349,2849,30],{"class":358},[349,2851,366],{"class":354},[349,2853,2854,2856,2858],{"class":351,"line":132},[349,2855,489],{"class":354},[349,2857,69],{"class":358},[349,2859,366],{"class":354},[349,2861,2862,2864,2866],{"class":351,"line":66},[349,2863,390],{"class":354},[349,2865,406],{"class":358},[349,2867,366],{"class":354},[330,2869,2871],{"id":2870},"useoutputpath","useOutputPath()",[326,2873,2874],{},"Override the output file path for the current email template.",[338,2876,2879],{"className":340,"code":2877,"filename":2878,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useOutputPath('dist\u002Fpromos\u002Fblack-friday.html')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CLayout>\n    \u003CContainer>\n      \u003CText>Up to 50% off everything.\u003C\u002FText>\n    \u003C\u002FContainer>\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n","emails\u002Fblack-friday.vue",[346,2880,2881,2891,2907,2915,2919,2927,2935,2943,2960,2968,2976],{"__ignoreMap":344},[349,2882,2883,2885,2887,2889],{"class":351,"line":18},[349,2884,355],{"class":354},[349,2886,359],{"class":358},[349,2888,363],{"class":362},[349,2890,366],{"class":354},[349,2892,2893,2896,2898,2900,2903,2905],{"class":351,"line":13},[349,2894,2895],{"class":362},"  useOutputPath",[349,2897,592],{"class":354},[349,2899,595],{"class":354},[349,2901,2902],{"class":598},"dist\u002Fpromos\u002Fblack-friday.html",[349,2904,595],{"class":354},[349,2906,604],{"class":354},[349,2908,2909,2911,2913],{"class":351,"line":32},[349,2910,390],{"class":354},[349,2912,359],{"class":358},[349,2914,366],{"class":354},[349,2916,2917],{"class":351,"line":27},[349,2918,399],{"emptyLinePlaceholder":14},[349,2920,2921,2923,2925],{"class":351,"line":52},[349,2922,355],{"class":354},[349,2924,406],{"class":358},[349,2926,366],{"class":354},[349,2928,2929,2931,2933],{"class":351,"line":128},[349,2930,413],{"class":354},[349,2932,76],{"class":358},[349,2934,366],{"class":354},[349,2936,2937,2939,2941],{"class":351,"line":124},[349,2938,422],{"class":354},[349,2940,51],{"class":358},[349,2942,366],{"class":354},[349,2944,2945,2947,2949,2951,2954,2956,2958],{"class":351,"line":48},[349,2946,443],{"class":354},[349,2948,139],{"class":358},[349,2950,457],{"class":354},[349,2952,2953],{"class":427},"Up to 50% off everything.",[349,2955,390],{"class":354},[349,2957,139],{"class":358},[349,2959,366],{"class":354},[349,2961,2962,2964,2966],{"class":351,"line":23},[349,2963,480],{"class":354},[349,2965,51],{"class":358},[349,2967,366],{"class":354},[349,2969,2970,2972,2974],{"class":351,"line":140},[349,2971,489],{"class":354},[349,2973,76],{"class":358},[349,2975,366],{"class":354},[349,2977,2978,2980,2982],{"class":351,"line":56},[349,2979,390],{"class":354},[349,2981,406],{"class":358},[349,2983,366],{"class":354},[326,2985,2986,2987,2991,2992,2994],{},"By default, each template is written to the ",[1016,2988,2990],{"href":2989},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration#output","output directory",", mirroring its location in your content folder. ",[346,2993,2871],{}," lets a single template define its own destination instead.",[326,2996,2997],{},"The path is relative to your project root, so it can point anywhere, including outside the output directory:",[338,2999,3001],{"className":340,"code":3000,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useOutputPath('..\u002Fnewsletters\u002F2026\u002Fwelcome.html')\n\u003C\u002Fscript>\n",[346,3002,3003,3013,3028],{"__ignoreMap":344},[349,3004,3005,3007,3009,3011],{"class":351,"line":18},[349,3006,355],{"class":354},[349,3008,359],{"class":358},[349,3010,363],{"class":362},[349,3012,366],{"class":354},[349,3014,3015,3017,3019,3021,3024,3026],{"class":351,"line":13},[349,3016,2895],{"class":362},[349,3018,592],{"class":354},[349,3020,595],{"class":354},[349,3022,3023],{"class":598},"..\u002Fnewsletters\u002F2026\u002Fwelcome.html",[349,3025,595],{"class":354},[349,3027,604],{"class":354},[349,3029,3030,3032,3034],{"class":351,"line":32},[349,3031,390],{"class":354},[349,3033,359],{"class":358},[349,3035,366],{"class":354},[326,3037,3038,3039,3045],{},"If you omit the file extension, the configured ",[1016,3040,3042],{"href":3041},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration#extension",[346,3043,3044],{},"output.extension"," is appended:",[338,3047,3049],{"className":340,"code":3048,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  \u002F\u002F outputs dist\u002Fpromos\u002Fwelcome.html\n  useOutputPath('dist\u002Fpromos\u002Fwelcome')\n\u003C\u002Fscript>\n",[346,3050,3051,3061,3066,3081],{"__ignoreMap":344},[349,3052,3053,3055,3057,3059],{"class":351,"line":18},[349,3054,355],{"class":354},[349,3056,359],{"class":358},[349,3058,363],{"class":362},[349,3060,366],{"class":354},[349,3062,3063],{"class":351,"line":13},[349,3064,3065],{"class":1080},"  \u002F\u002F outputs dist\u002Fpromos\u002Fwelcome.html\n",[349,3067,3068,3070,3072,3074,3077,3079],{"class":351,"line":32},[349,3069,2895],{"class":362},[349,3071,592],{"class":354},[349,3073,595],{"class":354},[349,3075,3076],{"class":598},"dist\u002Fpromos\u002Fwelcome",[349,3078,595],{"class":354},[349,3080,604],{"class":354},[349,3082,3083,3085,3087],{"class":351,"line":27},[349,3084,390],{"class":354},[349,3086,359],{"class":358},[349,3088,366],{"class":354},[1399,3090,3091],{"type":1401},[326,3092,3093,3094,3100,3101,3104,3105,3108,3109,516],{},"When the template also uses ",[1016,3095,3097],{"href":3096},"#useplaintext",[346,3098,3099],{},"usePlaintext()",", the ",[346,3102,3103],{},".txt"," file is written next to the HTML output, unless you set an explicit ",[346,3106,3107],{},"destination"," on ",[346,3110,3099],{},[527,3112,3114],{"id":3113},"markdown-templates","Markdown templates",[326,3116,3117,3118,3121,3122,3124],{},"To use in ",[346,3119,3120],{},".md"," templates, call it in a ",[346,3123,1274],{}," block:",[338,3126,3129],{"className":340,"code":3127,"filename":3128,"language":343,"meta":344,"style":344},"---\ntitle: Black Friday\n---\n\n\u003Cscript setup>\n  useOutputPath('dist\u002Fpromos\u002Fblack-friday.html')\n\u003C\u002Fscript>\n\n# Up to 50% off everything\n","emails\u002Fblack-friday.md",[346,3130,3131,3136,3141,3145,3149,3159,3173,3181,3185],{"__ignoreMap":344},[349,3132,3133],{"class":351,"line":18},[349,3134,3135],{"class":427},"---\n",[349,3137,3138],{"class":351,"line":13},[349,3139,3140],{"class":427},"title: Black Friday\n",[349,3142,3143],{"class":351,"line":32},[349,3144,3135],{"class":427},[349,3146,3147],{"class":351,"line":27},[349,3148,399],{"emptyLinePlaceholder":14},[349,3150,3151,3153,3155,3157],{"class":351,"line":52},[349,3152,355],{"class":354},[349,3154,359],{"class":358},[349,3156,363],{"class":362},[349,3158,366],{"class":354},[349,3160,3161,3163,3165,3167,3169,3171],{"class":351,"line":128},[349,3162,2895],{"class":362},[349,3164,592],{"class":354},[349,3166,595],{"class":354},[349,3168,2902],{"class":598},[349,3170,595],{"class":354},[349,3172,604],{"class":354},[349,3174,3175,3177,3179],{"class":351,"line":124},[349,3176,390],{"class":354},[349,3178,359],{"class":358},[349,3180,366],{"class":354},[349,3182,3183],{"class":351,"line":48},[349,3184,399],{"emptyLinePlaceholder":14},[349,3186,3187],{"class":351,"line":23},[349,3188,3189],{"class":427},"# Up to 50% off everything\n",[1399,3191,3192],{"type":1401},[326,3193,3194,3195,3198,3199,3202],{},"Output path is read only from the composable in Markdown templates, ",[346,3196,3197],{},"permalink"," or ",[346,3200,3201],{},"output.path"," keys in frontmatter have no effect.",[330,3204,3099],{"id":3205},"useplaintext",[326,3207,3208],{},"Generate a plaintext version of the current email template.",[338,3210,3212],{"className":340,"code":3211,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  usePlaintext()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CLayout>\n    \u003CContainer>\n      \u003CText>Your email content here.\u003C\u002FText>\n    \u003C\u002FContainer>\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n",[346,3213,3214,3224,3231,3239,3243,3251,3259,3267,3284,3292,3300],{"__ignoreMap":344},[349,3215,3216,3218,3220,3222],{"class":351,"line":18},[349,3217,355],{"class":354},[349,3219,359],{"class":358},[349,3221,363],{"class":362},[349,3223,366],{"class":354},[349,3225,3226,3229],{"class":351,"line":13},[349,3227,3228],{"class":362},"  usePlaintext",[349,3230,385],{"class":354},[349,3232,3233,3235,3237],{"class":351,"line":32},[349,3234,390],{"class":354},[349,3236,359],{"class":358},[349,3238,366],{"class":354},[349,3240,3241],{"class":351,"line":27},[349,3242,399],{"emptyLinePlaceholder":14},[349,3244,3245,3247,3249],{"class":351,"line":52},[349,3246,355],{"class":354},[349,3248,406],{"class":358},[349,3250,366],{"class":354},[349,3252,3253,3255,3257],{"class":351,"line":128},[349,3254,413],{"class":354},[349,3256,76],{"class":358},[349,3258,366],{"class":354},[349,3260,3261,3263,3265],{"class":351,"line":124},[349,3262,422],{"class":354},[349,3264,51],{"class":358},[349,3266,366],{"class":354},[349,3268,3269,3271,3273,3275,3278,3280,3282],{"class":351,"line":48},[349,3270,443],{"class":354},[349,3272,139],{"class":358},[349,3274,457],{"class":354},[349,3276,3277],{"class":427},"Your email content here.",[349,3279,390],{"class":354},[349,3281,139],{"class":358},[349,3283,366],{"class":354},[349,3285,3286,3288,3290],{"class":351,"line":23},[349,3287,480],{"class":354},[349,3289,51],{"class":358},[349,3291,366],{"class":354},[349,3293,3294,3296,3298],{"class":351,"line":140},[349,3295,489],{"class":354},[349,3297,76],{"class":358},[349,3299,366],{"class":354},[349,3301,3302,3304,3306],{"class":351,"line":56},[349,3303,390],{"class":354},[349,3305,406],{"class":358},[349,3307,366],{"class":354},[326,3309,3310,3311,3313,3314,1542,3317,3320],{},"During build, a ",[346,3312,3103],{}," file is written alongside the HTML output. When using ",[346,3315,3316],{},"render()",[346,3318,3319],{},"plaintext"," is returned in the result object.",[527,3322,3324],{"id":3323},"options","Options",[3326,3327,3328],"h4",{"id":3328},"extension",[326,3330,3331,3332,3335,3337,3338],{},"Type: ",[346,3333,3334],{},"string",[2841,3336],{},"\nDefault: ",[346,3339,3340],{},"'txt'",[326,3342,3343],{},"File extension for the generated plaintext file.",[338,3345,3347],{"className":340,"code":3346,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  usePlaintext({\n    extension: 'rtxt',\n  })\n\u003C\u002Fscript>\n",[346,3348,3349,3359,3365,3381,3385],{"__ignoreMap":344},[349,3350,3351,3353,3355,3357],{"class":351,"line":18},[349,3352,355],{"class":354},[349,3354,359],{"class":358},[349,3356,363],{"class":362},[349,3358,366],{"class":354},[349,3360,3361,3363],{"class":351,"line":13},[349,3362,3228],{"class":362},[349,3364,828],{"class":354},[349,3366,3367,3370,3372,3374,3377,3379],{"class":351,"line":32},[349,3368,3369],{"class":789},"    extension",[349,3371,836],{"class":354},[349,3373,805],{"class":354},[349,3375,3376],{"class":598},"rtxt",[349,3378,595],{"class":354},[349,3380,856],{"class":354},[349,3382,3383],{"class":351,"line":27},[349,3384,1787],{"class":354},[349,3386,3387,3389,3391],{"class":351,"line":52},[349,3388,390],{"class":354},[349,3390,359],{"class":358},[349,3392,366],{"class":354},[326,3394,3395,3396,3399,3400,516],{},"This outputs ",[346,3397,3398],{},"example.text"," instead of ",[346,3401,3402],{},"example.txt",[3326,3404,3107],{"id":3107},[326,3406,3331,3407],{},[346,3408,3334],{},[326,3410,3411],{},"Custom output directory for the plaintext file.",[338,3413,3415],{"className":340,"code":3414,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  usePlaintext({\n    destination: 'dist\u002Fplaintext',\n  })\n\u003C\u002Fscript>\n",[346,3416,3417,3427,3433,3449,3453],{"__ignoreMap":344},[349,3418,3419,3421,3423,3425],{"class":351,"line":18},[349,3420,355],{"class":354},[349,3422,359],{"class":358},[349,3424,363],{"class":362},[349,3426,366],{"class":354},[349,3428,3429,3431],{"class":351,"line":13},[349,3430,3228],{"class":362},[349,3432,828],{"class":354},[349,3434,3435,3438,3440,3442,3445,3447],{"class":351,"line":32},[349,3436,3437],{"class":789},"    destination",[349,3439,836],{"class":354},[349,3441,805],{"class":354},[349,3443,3444],{"class":598},"dist\u002Fplaintext",[349,3446,595],{"class":354},[349,3448,856],{"class":354},[349,3450,3451],{"class":351,"line":27},[349,3452,1787],{"class":354},[349,3454,3455,3457,3459],{"class":351,"line":52},[349,3456,390],{"class":354},[349,3458,359],{"class":358},[349,3460,366],{"class":354},[3326,3462,3323],{"id":3463},"options-1",[326,3465,3331,3466],{},[346,3467,3468],{},"Record\u003Cstring, unknown>",[326,3470,3471,3472,516],{},"Options forwarded to ",[1016,3473,3476],{"href":3474,"rel":3475,"target":1021},"https:\u002F\u002Fcodsen.com\u002Fos\u002Fstring-strip-html",[1020],[346,3477,3478],{},"string-strip-html",[338,3480,3482],{"className":340,"code":3481,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  usePlaintext({\n    options: {\n      ignoreTags: ['br'],\n    },\n  })\n\u003C\u002Fscript>\n",[346,3483,3484,3494,3500,3509,3528,3533,3537],{"__ignoreMap":344},[349,3485,3486,3488,3490,3492],{"class":351,"line":18},[349,3487,355],{"class":354},[349,3489,359],{"class":358},[349,3491,363],{"class":362},[349,3493,366],{"class":354},[349,3495,3496,3498],{"class":351,"line":13},[349,3497,3228],{"class":362},[349,3499,828],{"class":354},[349,3501,3502,3505,3507],{"class":351,"line":32},[349,3503,3504],{"class":789},"    options",[349,3506,836],{"class":354},[349,3508,839],{"class":354},[349,3510,3511,3514,3516,3519,3521,3523,3525],{"class":351,"line":27},[349,3512,3513],{"class":789},"      ignoreTags",[349,3515,836],{"class":354},[349,3517,3518],{"class":354}," [",[349,3520,595],{"class":354},[349,3522,2841],{"class":598},[349,3524,595],{"class":354},[349,3526,3527],{"class":354},"],\n",[349,3529,3530],{"class":351,"line":52},[349,3531,3532],{"class":354},"    },\n",[349,3534,3535],{"class":351,"line":128},[349,3536,1787],{"class":354},[349,3538,3539,3541,3543],{"class":351,"line":124},[349,3540,390],{"class":354},[349,3542,359],{"class":358},[349,3544,366],{"class":354},[1399,3546,3547],{"type":1401},[326,3548,3549,3550,3555],{},"You may also enable plaintext globally through the ",[1016,3551,3553],{"href":3552},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration#plaintext",[346,3554,3319],{}," configuration option.",[330,3557,3559],{"id":3558},"usepreheader","usePreheader()",[326,3561,3562,3563,516],{},"Set preheader\u002Fpreview text for the current email template from ",[346,3564,1274],{},[338,3566,3568],{"className":340,"code":3567,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  usePreheader('Check out our latest deals — up to 50% off everything.')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CLayout>\n    \u003CContainer>\n      \u003CText>Email body content.\u003C\u002FText>\n    \u003C\u002FContainer>\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n",[346,3569,3570,3580,3596,3604,3608,3616,3624,3632,3649,3657,3665],{"__ignoreMap":344},[349,3571,3572,3574,3576,3578],{"class":351,"line":18},[349,3573,355],{"class":354},[349,3575,359],{"class":358},[349,3577,363],{"class":362},[349,3579,366],{"class":354},[349,3581,3582,3585,3587,3589,3592,3594],{"class":351,"line":13},[349,3583,3584],{"class":362},"  usePreheader",[349,3586,592],{"class":354},[349,3588,595],{"class":354},[349,3590,3591],{"class":598},"Check out our latest deals — up to 50% off everything.",[349,3593,595],{"class":354},[349,3595,604],{"class":354},[349,3597,3598,3600,3602],{"class":351,"line":32},[349,3599,390],{"class":354},[349,3601,359],{"class":358},[349,3603,366],{"class":354},[349,3605,3606],{"class":351,"line":27},[349,3607,399],{"emptyLinePlaceholder":14},[349,3609,3610,3612,3614],{"class":351,"line":52},[349,3611,355],{"class":354},[349,3613,406],{"class":358},[349,3615,366],{"class":354},[349,3617,3618,3620,3622],{"class":351,"line":128},[349,3619,413],{"class":354},[349,3621,76],{"class":358},[349,3623,366],{"class":354},[349,3625,3626,3628,3630],{"class":351,"line":124},[349,3627,422],{"class":354},[349,3629,51],{"class":358},[349,3631,366],{"class":354},[349,3633,3634,3636,3638,3640,3643,3645,3647],{"class":351,"line":48},[349,3635,443],{"class":354},[349,3637,139],{"class":358},[349,3639,457],{"class":354},[349,3641,3642],{"class":427},"Email body content.",[349,3644,390],{"class":354},[349,3646,139],{"class":358},[349,3648,366],{"class":354},[349,3650,3651,3653,3655],{"class":351,"line":23},[349,3652,480],{"class":354},[349,3654,51],{"class":358},[349,3656,366],{"class":354},[349,3658,3659,3661,3663],{"class":351,"line":140},[349,3660,489],{"class":354},[349,3662,76],{"class":358},[349,3664,366],{"class":354},[349,3666,3667,3669,3671],{"class":351,"line":56},[349,3668,390],{"class":354},[349,3670,406],{"class":358},[349,3672,366],{"class":354},[527,3674,3324],{"id":3675},"options-2",[3326,3677,3678],{"id":3678},"spaces",[326,3680,3331,3681,3684,3337,3686],{},[346,3682,3683],{},"number",[2841,3685],{},[346,3687,3688],{},"150",[326,3690,3691,3692,3695],{},"Number of invisible filler sequences (",[346,3693,3694],{}," ͏",") rendered after the preview text. These push email body text out of the inbox preview area so it doesn't leak in next to your preheader.",[338,3697,3699],{"className":340,"code":3698,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  usePreheader('Short preview.', {\n    spaces: 200,\n  })\n\u003C\u002Fscript>\n",[346,3700,3701,3711,3728,3741,3745],{"__ignoreMap":344},[349,3702,3703,3705,3707,3709],{"class":351,"line":18},[349,3704,355],{"class":354},[349,3706,359],{"class":358},[349,3708,363],{"class":362},[349,3710,366],{"class":354},[349,3712,3713,3715,3717,3719,3722,3724,3726],{"class":351,"line":13},[349,3714,3584],{"class":362},[349,3716,592],{"class":354},[349,3718,595],{"class":354},[349,3720,3721],{"class":598},"Short preview.",[349,3723,595],{"class":354},[349,3725,1477],{"class":354},[349,3727,839],{"class":354},[349,3729,3730,3733,3735,3739],{"class":351,"line":32},[349,3731,3732],{"class":789},"    spaces",[349,3734,836],{"class":354},[349,3736,3738],{"class":3737},"s0EtI"," 200",[349,3740,856],{"class":354},[349,3742,3743],{"class":351,"line":27},[349,3744,1787],{"class":354},[349,3746,3747,3749,3751],{"class":351,"line":52},[349,3748,390],{"class":354},[349,3750,359],{"class":358},[349,3752,366],{"class":354},[527,3754,3756],{"id":3755},"how-it-works","How it works",[326,3758,3759,3760,3763,3764,3766],{},"The composable injects a hidden ",[346,3761,3762],{},"\u003Cdiv>"," at the start of ",[346,3765,2342],{},", containing:",[3768,3769,3770,3773,3782],"ol",{},[1423,3771,3772],{},"Your preview text",[1423,3774,3775,3776,3778,3779,3781],{},"The filler sequence (",[346,3777,3694],{},") repeated ",[346,3780,3678],{}," times",[1423,3783,3784],{},"A non-breaking space at the end",[527,3786,3788,3789],{"id":3787},"vs-preheader","vs ",[346,3790,3791],{},"\u003CPreheader>",[326,3793,3794,3795,3799],{},"This composable is the script-based alternative to the ",[1016,3796,3797],{"href":110},[346,3798,3791],{}," component. Use whichever approach fits your template — both produce the same output.",[330,3801,3803],{"id":3802},"usehead","useHead()",[326,3805,3806,3807,3810],{},"Manage ",[346,3808,3809],{},"\u003Chead>"," tags programmatically in your email templates.",[338,3812,3814],{"className":340,"code":3813,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useHead({\n    title: 'Order Confirmation',\n    meta: [\n      { name: 'format-detection', content: 'telephone=no' },\n    ],\n  })\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CLayout>\n    \u003CContainer>\n      \u003CText>Your order has been confirmed.\u003C\u002FText>\n    \u003C\u002FContainer>\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n",[346,3815,3816,3826,3833,3849,3859,3893,3898,3902,3910,3914,3922,3930,3938,3955,3963,3971],{"__ignoreMap":344},[349,3817,3818,3820,3822,3824],{"class":351,"line":18},[349,3819,355],{"class":354},[349,3821,359],{"class":358},[349,3823,363],{"class":362},[349,3825,366],{"class":354},[349,3827,3828,3831],{"class":351,"line":13},[349,3829,3830],{"class":362},"  useHead",[349,3832,828],{"class":354},[349,3834,3835,3838,3840,3842,3845,3847],{"class":351,"line":32},[349,3836,3837],{"class":789},"    title",[349,3839,836],{"class":354},[349,3841,805],{"class":354},[349,3843,3844],{"class":598},"Order Confirmation",[349,3846,595],{"class":354},[349,3848,856],{"class":354},[349,3850,3851,3854,3856],{"class":351,"line":27},[349,3852,3853],{"class":789},"    meta",[349,3855,836],{"class":354},[349,3857,3858],{"class":354}," [\n",[349,3860,3861,3864,3867,3869,3871,3874,3876,3878,3881,3883,3885,3888,3890],{"class":351,"line":52},[349,3862,3863],{"class":354},"      {",[349,3865,3866],{"class":789}," name",[349,3868,836],{"class":354},[349,3870,805],{"class":354},[349,3872,3873],{"class":598},"format-detection",[349,3875,595],{"class":354},[349,3877,1477],{"class":354},[349,3879,3880],{"class":789}," content",[349,3882,836],{"class":354},[349,3884,805],{"class":354},[349,3886,3887],{"class":598},"telephone=no",[349,3889,595],{"class":354},[349,3891,3892],{"class":354}," },\n",[349,3894,3895],{"class":351,"line":128},[349,3896,3897],{"class":354},"    ],\n",[349,3899,3900],{"class":351,"line":124},[349,3901,1787],{"class":354},[349,3903,3904,3906,3908],{"class":351,"line":48},[349,3905,390],{"class":354},[349,3907,359],{"class":358},[349,3909,366],{"class":354},[349,3911,3912],{"class":351,"line":23},[349,3913,399],{"emptyLinePlaceholder":14},[349,3915,3916,3918,3920],{"class":351,"line":140},[349,3917,355],{"class":354},[349,3919,406],{"class":358},[349,3921,366],{"class":354},[349,3923,3924,3926,3928],{"class":351,"line":56},[349,3925,413],{"class":354},[349,3927,76],{"class":358},[349,3929,366],{"class":354},[349,3931,3932,3934,3936],{"class":351,"line":80},[349,3933,422],{"class":354},[349,3935,51],{"class":358},[349,3937,366],{"class":354},[349,3939,3940,3942,3944,3946,3949,3951,3953],{"class":351,"line":36},[349,3941,443],{"class":354},[349,3943,139],{"class":358},[349,3945,457],{"class":354},[349,3947,3948],{"class":427},"Your order has been confirmed.",[349,3950,390],{"class":354},[349,3952,139],{"class":358},[349,3954,366],{"class":354},[349,3956,3957,3959,3961],{"class":351,"line":73},[349,3958,480],{"class":354},[349,3960,51],{"class":358},[349,3962,366],{"class":354},[349,3964,3965,3967,3969],{"class":351,"line":132},[349,3966,489],{"class":354},[349,3968,76],{"class":358},[349,3970,366],{"class":354},[349,3972,3973,3975,3977],{"class":351,"line":66},[349,3974,390],{"class":354},[349,3976,406],{"class":358},[349,3978,366],{"class":354},[326,3980,3981,3982,1271,3984,3987],{},"Maizzle re-exports ",[346,3983,3803],{},[346,3985,3986],{},"@unhead\u002Fvue",". Tags are rendered server-side during SSR and injected into the HTML output.",[527,3989,3991],{"id":3990},"common-patterns","Common patterns",[3326,3993,3995],{"id":3994},"title","Title",[326,3997,3998,3999,4002],{},"Set the ",[346,4000,4001],{},"\u003Ctitle>"," tag — this shows in email client tabs and browser windows.",[338,4004,4006],{"className":340,"code":4005,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useHead({\n    title: 'Weekly Newsletter',\n  })\n\u003C\u002Fscript>\n",[346,4007,4008,4018,4024,4039,4043],{"__ignoreMap":344},[349,4009,4010,4012,4014,4016],{"class":351,"line":18},[349,4011,355],{"class":354},[349,4013,359],{"class":358},[349,4015,363],{"class":362},[349,4017,366],{"class":354},[349,4019,4020,4022],{"class":351,"line":13},[349,4021,3830],{"class":362},[349,4023,828],{"class":354},[349,4025,4026,4028,4030,4032,4035,4037],{"class":351,"line":32},[349,4027,3837],{"class":789},[349,4029,836],{"class":354},[349,4031,805],{"class":354},[349,4033,4034],{"class":598},"Weekly Newsletter",[349,4036,595],{"class":354},[349,4038,856],{"class":354},[349,4040,4041],{"class":351,"line":27},[349,4042,1787],{"class":354},[349,4044,4045,4047,4049],{"class":351,"line":52},[349,4046,390],{"class":354},[349,4048,359],{"class":358},[349,4050,366],{"class":354},[3326,4052,4054],{"id":4053},"meta-tags","Meta tags",[326,4056,4057,4058,4060,4061,516],{},"Add custom ",[346,4059,2659],{}," tags to ",[346,4062,3809],{},[338,4064,4066],{"className":340,"code":4065,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useHead({\n    meta: [\n      { name: 'color-scheme', content: 'light dark' },\n      { name: 'supported-color-schemes', content: 'light dark' },\n    ],\n  })\n\u003C\u002Fscript>\n",[346,4067,4068,4078,4084,4092,4122,4151,4155,4159],{"__ignoreMap":344},[349,4069,4070,4072,4074,4076],{"class":351,"line":18},[349,4071,355],{"class":354},[349,4073,359],{"class":358},[349,4075,363],{"class":362},[349,4077,366],{"class":354},[349,4079,4080,4082],{"class":351,"line":13},[349,4081,3830],{"class":362},[349,4083,828],{"class":354},[349,4085,4086,4088,4090],{"class":351,"line":32},[349,4087,3853],{"class":789},[349,4089,836],{"class":354},[349,4091,3858],{"class":354},[349,4093,4094,4096,4098,4100,4102,4105,4107,4109,4111,4113,4115,4118,4120],{"class":351,"line":27},[349,4095,3863],{"class":354},[349,4097,3866],{"class":789},[349,4099,836],{"class":354},[349,4101,805],{"class":354},[349,4103,4104],{"class":598},"color-scheme",[349,4106,595],{"class":354},[349,4108,1477],{"class":354},[349,4110,3880],{"class":789},[349,4112,836],{"class":354},[349,4114,805],{"class":354},[349,4116,4117],{"class":598},"light dark",[349,4119,595],{"class":354},[349,4121,3892],{"class":354},[349,4123,4124,4126,4128,4130,4132,4135,4137,4139,4141,4143,4145,4147,4149],{"class":351,"line":52},[349,4125,3863],{"class":354},[349,4127,3866],{"class":789},[349,4129,836],{"class":354},[349,4131,805],{"class":354},[349,4133,4134],{"class":598},"supported-color-schemes",[349,4136,595],{"class":354},[349,4138,1477],{"class":354},[349,4140,3880],{"class":789},[349,4142,836],{"class":354},[349,4144,805],{"class":354},[349,4146,4117],{"class":598},[349,4148,595],{"class":354},[349,4150,3892],{"class":354},[349,4152,4153],{"class":351,"line":128},[349,4154,3897],{"class":354},[349,4156,4157],{"class":351,"line":124},[349,4158,1787],{"class":354},[349,4160,4161,4163,4165],{"class":351,"line":48},[349,4162,390],{"class":354},[349,4164,359],{"class":358},[349,4166,366],{"class":354},[3326,4168,4170],{"id":4169},"web-font-preconnect","Web font preconnect",[326,4172,4173,4174,4176],{},"Use ",[346,4175,2662],{}," tags to preconnect to font servers.",[338,4178,4180],{"className":340,"code":4179,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useHead({\n    link: [\n      { rel: 'preconnect', href: 'https:\u002F\u002Ffonts.googleapis.com' },\n      { rel: 'preconnect', href: 'https:\u002F\u002Ffonts.gstatic.com', crossorigin: '' },\n      { rel: 'stylesheet', href: 'https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Inter:wght@400;700&display=swap' },\n    ],\n  })\n\u003C\u002Fscript>\n",[346,4181,4182,4192,4198,4207,4239,4278,4308,4312,4316],{"__ignoreMap":344},[349,4183,4184,4186,4188,4190],{"class":351,"line":18},[349,4185,355],{"class":354},[349,4187,359],{"class":358},[349,4189,363],{"class":362},[349,4191,366],{"class":354},[349,4193,4194,4196],{"class":351,"line":13},[349,4195,3830],{"class":362},[349,4197,828],{"class":354},[349,4199,4200,4203,4205],{"class":351,"line":32},[349,4201,4202],{"class":789},"    link",[349,4204,836],{"class":354},[349,4206,3858],{"class":354},[349,4208,4209,4211,4214,4216,4218,4221,4223,4225,4228,4230,4232,4235,4237],{"class":351,"line":27},[349,4210,3863],{"class":354},[349,4212,4213],{"class":789}," rel",[349,4215,836],{"class":354},[349,4217,805],{"class":354},[349,4219,4220],{"class":598},"preconnect",[349,4222,595],{"class":354},[349,4224,1477],{"class":354},[349,4226,4227],{"class":789}," href",[349,4229,836],{"class":354},[349,4231,805],{"class":354},[349,4233,4234],{"class":598},"https:\u002F\u002Ffonts.googleapis.com",[349,4236,595],{"class":354},[349,4238,3892],{"class":354},[349,4240,4241,4243,4245,4247,4249,4251,4253,4255,4257,4259,4261,4264,4266,4268,4271,4273,4276],{"class":351,"line":52},[349,4242,3863],{"class":354},[349,4244,4213],{"class":789},[349,4246,836],{"class":354},[349,4248,805],{"class":354},[349,4250,4220],{"class":598},[349,4252,595],{"class":354},[349,4254,1477],{"class":354},[349,4256,4227],{"class":789},[349,4258,836],{"class":354},[349,4260,805],{"class":354},[349,4262,4263],{"class":598},"https:\u002F\u002Ffonts.gstatic.com",[349,4265,595],{"class":354},[349,4267,1477],{"class":354},[349,4269,4270],{"class":789}," crossorigin",[349,4272,836],{"class":354},[349,4274,4275],{"class":354}," ''",[349,4277,3892],{"class":354},[349,4279,4280,4282,4284,4286,4288,4291,4293,4295,4297,4299,4301,4304,4306],{"class":351,"line":128},[349,4281,3863],{"class":354},[349,4283,4213],{"class":789},[349,4285,836],{"class":354},[349,4287,805],{"class":354},[349,4289,4290],{"class":598},"stylesheet",[349,4292,595],{"class":354},[349,4294,1477],{"class":354},[349,4296,4227],{"class":789},[349,4298,836],{"class":354},[349,4300,805],{"class":354},[349,4302,4303],{"class":598},"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Inter:wght@400;700&display=swap",[349,4305,595],{"class":354},[349,4307,3892],{"class":354},[349,4309,4310],{"class":351,"line":124},[349,4311,3897],{"class":354},[349,4313,4314],{"class":351,"line":48},[349,4315,1787],{"class":354},[349,4317,4318,4320,4322],{"class":351,"line":23},[349,4319,390],{"class":354},[349,4321,359],{"class":358},[349,4323,366],{"class":354},[3326,4325,4327],{"id":4326},"custom-styles","Custom styles",[326,4329,4330,4331,4333],{},"Add styles to ",[346,4332,3809],{}," programmatically. A bit weird to do, but you can 🤷‍♂",[338,4335,4337],{"className":340,"code":4336,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useHead({\n    style: [\n      {\n        innerHTML: `\n          @media (prefers-color-scheme: dark) {\n            .dark-bg { background-color: #1a1a1a !important; }\n          }\n        `,\n      },\n    ],\n  })\n\u003C\u002Fscript>\n",[346,4338,4339,4349,4355,4364,4369,4379,4384,4389,4394,4401,4406,4410,4414],{"__ignoreMap":344},[349,4340,4341,4343,4345,4347],{"class":351,"line":18},[349,4342,355],{"class":354},[349,4344,359],{"class":358},[349,4346,363],{"class":362},[349,4348,366],{"class":354},[349,4350,4351,4353],{"class":351,"line":13},[349,4352,3830],{"class":362},[349,4354,828],{"class":354},[349,4356,4357,4360,4362],{"class":351,"line":32},[349,4358,4359],{"class":789},"    style",[349,4361,836],{"class":354},[349,4363,3858],{"class":354},[349,4365,4366],{"class":351,"line":27},[349,4367,4368],{"class":354},"      {\n",[349,4370,4371,4374,4376],{"class":351,"line":52},[349,4372,4373],{"class":789},"        innerHTML",[349,4375,836],{"class":354},[349,4377,4378],{"class":354}," `\n",[349,4380,4381],{"class":351,"line":128},[349,4382,4383],{"class":598},"          @media (prefers-color-scheme: dark) {\n",[349,4385,4386],{"class":351,"line":124},[349,4387,4388],{"class":598},"            .dark-bg { background-color: #1a1a1a !important; }\n",[349,4390,4391],{"class":351,"line":48},[349,4392,4393],{"class":598},"          }\n",[349,4395,4396,4399],{"class":351,"line":23},[349,4397,4398],{"class":354},"        `",[349,4400,856],{"class":354},[349,4402,4403],{"class":351,"line":140},[349,4404,4405],{"class":354},"      },\n",[349,4407,4408],{"class":351,"line":56},[349,4409,3897],{"class":354},[349,4411,4412],{"class":351,"line":80},[349,4413,1787],{"class":354},[349,4415,4416,4418,4420],{"class":351,"line":36},[349,4417,390],{"class":354},[349,4419,359],{"class":358},[349,4421,366],{"class":354},[3326,4423,4425],{"id":4424},"html-attributes","HTML attributes",[326,4427,4428,4429,3198,4432,4434],{},"Set attributes on the ",[346,4430,4431],{},"\u003Chtml>",[346,4433,2342],{}," elements.",[338,4436,4438],{"className":340,"code":4437,"filename":342,"language":343,"meta":344,"style":344},"\u003Cscript setup>\n  useHead({\n    htmlAttrs: {\n      lang: 'de',\n      dir: 'ltr',\n      xmlns: 'http:\u002F\u002Fwww.w3.org\u002F1999\u002Fxhtml',\n    },\n    bodyAttrs: {\n      class: 'bg-white',\n    },\n  })\n\u003C\u002Fscript>\n",[346,4439,4440,4450,4456,4465,4481,4497,4513,4517,4526,4542,4546,4550],{"__ignoreMap":344},[349,4441,4442,4444,4446,4448],{"class":351,"line":18},[349,4443,355],{"class":354},[349,4445,359],{"class":358},[349,4447,363],{"class":362},[349,4449,366],{"class":354},[349,4451,4452,4454],{"class":351,"line":13},[349,4453,3830],{"class":362},[349,4455,828],{"class":354},[349,4457,4458,4461,4463],{"class":351,"line":32},[349,4459,4460],{"class":789},"    htmlAttrs",[349,4462,836],{"class":354},[349,4464,839],{"class":354},[349,4466,4467,4470,4472,4474,4477,4479],{"class":351,"line":27},[349,4468,4469],{"class":789},"      lang",[349,4471,836],{"class":354},[349,4473,805],{"class":354},[349,4475,4476],{"class":598},"de",[349,4478,595],{"class":354},[349,4480,856],{"class":354},[349,4482,4483,4486,4488,4490,4493,4495],{"class":351,"line":52},[349,4484,4485],{"class":789},"      dir",[349,4487,836],{"class":354},[349,4489,805],{"class":354},[349,4491,4492],{"class":598},"ltr",[349,4494,595],{"class":354},[349,4496,856],{"class":354},[349,4498,4499,4502,4504,4506,4509,4511],{"class":351,"line":128},[349,4500,4501],{"class":789},"      xmlns",[349,4503,836],{"class":354},[349,4505,805],{"class":354},[349,4507,4508],{"class":598},"http:\u002F\u002Fwww.w3.org\u002F1999\u002Fxhtml",[349,4510,595],{"class":354},[349,4512,856],{"class":354},[349,4514,4515],{"class":351,"line":124},[349,4516,3532],{"class":354},[349,4518,4519,4522,4524],{"class":351,"line":48},[349,4520,4521],{"class":789},"    bodyAttrs",[349,4523,836],{"class":354},[349,4525,839],{"class":354},[349,4527,4528,4531,4533,4535,4538,4540],{"class":351,"line":23},[349,4529,4530],{"class":789},"      class",[349,4532,836],{"class":354},[349,4534,805],{"class":354},[349,4536,4537],{"class":598},"bg-white",[349,4539,595],{"class":354},[349,4541,856],{"class":354},[349,4543,4544],{"class":351,"line":140},[349,4545,3532],{"class":354},[349,4547,4548],{"class":351,"line":56},[349,4549,1787],{"class":354},[349,4551,4552,4554,4556],{"class":351,"line":80},[349,4553,390],{"class":354},[349,4555,359],{"class":358},[349,4557,366],{"class":354},[527,4559,4561],{"id":4560},"ssr-rendering","SSR rendering",[326,4563,4564,4565,4567,4568,4570,4571,516],{},"All tags are rendered server-side — they are injected into the HTML during SSR, not at runtime in a browser. This means the full ",[346,4566,3809],{}," content is present in the final HTML output. For the complete ",[346,4569,3803],{}," API, see the ",[1016,4572,4575],{"href":4573,"rel":4574,"target":1021},"https:\u002F\u002Funhead.unjs.io\u002Fdocs\u002Fhead\u002Fapi\u002Fcomposables\u002Fuse-head",[1020],"@unhead\u002Fvue documentation",[4577,4578,4579],"style",{},"html pre.shiki code .sGGKt, html code.shiki .sGGKt{--shiki-default:#7B6995}html pre.shiki code .sb4Pa, html code.shiki .sb4Pa{--shiki-default:#74DFC4}html pre.shiki code .sZNF3, html code.shiki .sZNF3{--shiki-default:#EB64B9}html pre.shiki code .sIihq, html code.shiki .sIihq{--shiki-default:#A96BC0}html pre.shiki code .skd8d, html code.shiki .skd8d{--shiki-default:#FFE261}html pre.shiki code .sLaUg, html code.shiki .sLaUg{--shiki-default:#FFFFFF}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 pre.shiki code .sU-n2, html code.shiki .sU-n2{--shiki-default:#FFF}html pre.shiki code .sXiT_, html code.shiki .sXiT_{--shiki-default:#B4DCE7}html pre.shiki code .s0ZPN, html code.shiki .s0ZPN{--shiki-default:#40B4C4}html pre.shiki code .sVsQ9, html code.shiki .sVsQ9{--shiki-default:#91889B}html pre.shiki code .s0EtI, html code.shiki .s0EtI{--shiki-default:#B381C5}",{"title":344,"searchDepth":13,"depth":13,"links":4581},[4582,4585,4586,4590,4591,4592,4597,4601,4604,4607,4613],{"id":332,"depth":13,"text":333,"children":4583},[4584],{"id":529,"depth":32,"text":530},{"id":1010,"depth":13,"text":1011},{"id":1278,"depth":13,"text":1279,"children":4587},[4588,4589],{"id":1414,"depth":32,"text":1415},{"id":1531,"depth":32,"text":1532},{"id":1595,"depth":13,"text":1596},{"id":1808,"depth":13,"text":1809},{"id":1900,"depth":13,"text":1901,"children":4593},[4594,4595,4596],{"id":2094,"depth":32,"text":2095},{"id":2242,"depth":32,"text":2243},{"id":2252,"depth":32,"text":530},{"id":2466,"depth":13,"text":2467,"children":4598},[4599,4600],{"id":2594,"depth":32,"text":2595},{"id":2646,"depth":32,"text":2647},{"id":2870,"depth":13,"text":2871,"children":4602},[4603],{"id":3113,"depth":32,"text":3114},{"id":3205,"depth":13,"text":3099,"children":4605},[4606],{"id":3323,"depth":32,"text":3324},{"id":3558,"depth":13,"text":3559,"children":4608},[4609,4610,4611],{"id":3675,"depth":32,"text":3324},{"id":3755,"depth":32,"text":3756},{"id":3787,"depth":32,"text":4612},"vs \u003CPreheader>",{"id":3802,"depth":13,"text":3803,"children":4614},[4615,4616],{"id":3990,"depth":32,"text":3991},{"id":4560,"depth":32,"text":4561},"Maizzle composables for use inside a template's \u003Cscript setup>.","md",{},{"title":11,"description":4617},"docs\u002Fapi\u002Fcomposables","Q1OH50wmkL-AAJYsY4C_nnstjU7ZRzfujmRhwPo3VOQ",1781015464573]