[{"data":1,"prerenderedAt":4335},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Fupgrade-guide":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":310,"body":318,"description":4330,"extension":1266,"meta":4331,"navigation":14,"order":52,"path":309,"section":22,"seo":4332,"sidebar":14,"stem":4333,"toc":14,"__hash__":4334},"docs\u002Fdocs\u002Fupgrade-guide.md",{"type":319,"value":320,"toc":4281},"minimark",[321,325,329,341,349,354,357,381,384,400,411,414,428,433,451,455,458,885,888,924,928,931,1083,1087,1099,1169,1173,1183,1248,1252,1261,1328,1335,1339,1342,1346,1355,1366,1511,1518,1522,1553,1556,1560,1563,1566,1779,1782,1837,1841,1855,1937,1993,2002,2005,2018,2161,2174,2181,2188,2329,2333,2358,2447,2451,2464,2574,2578,2592,2759,2763,2775,2830,2834,2837,2904,2908,2918,2924,3000,3015,3124,3131,3189,3199,3316,3323,3333,3344,3474,3477,3481,3488,3542,3545,3599,3602,3605,3615,3745,3752,3766,3773,3791,3902,3908,3921,3966,3972,3987,4009,4146,4151,4155,4224,4228,4232,4266,4269,4273,4278],[322,323,310],"h1",{"id":324},"upgrade-guide",[326,327,328],"p",{},"Upgrading your Maizzle projects from v5.x to v6.",[326,330,331,332,340],{},"Maizzle 6 is a complete rewrite. It is powered by ",[333,334,339],"a",{"href":335,"rel":336,"target":338},"https:\u002F\u002Fvite.dev",[337],"nofollow","_blank","Vite",", uses Vue for templating and Tailwind CSS 4 for styling HTML emails.",[326,342,343,344,348],{},"Because of this, we recommend starting fresh with the v6 starter and porting templates over rather than upgrading in place. Skim this guide first so you know what changed, then start a new project with ",[345,346,347],"code",{},"npx maizzle new"," and copy your templates and config over.",[350,351,353],"h2",{"id":352},"install","Install",[326,355,356],{},"Start a new project with the official starter:",[358,359,364],"pre",{"className":360,"code":361,"language":362,"meta":363,"style":363},"language-bash shiki shiki-themes laserwave","npx maizzle new\n","bash","",[345,365,366],{"__ignoreMap":363},[367,368,370,374,378],"span",{"class":369,"line":18},"line",[367,371,373],{"class":372},"sZNF3","npx",[367,375,377],{"class":376},"sXiT_"," maizzle",[367,379,380],{"class":376}," new\n",[326,382,383],{},"Or install into an existing project:",[358,385,387],{"className":360,"code":386,"language":362,"meta":363,"style":363},"npm install @maizzle\u002Fframework\n",[345,388,389],{"__ignoreMap":363},[367,390,391,394,397],{"class":369,"line":18},[367,392,393],{"class":372},"npm",[367,395,396],{"class":376}," install",[367,398,399],{"class":376}," @maizzle\u002Fframework\n",[401,402,404],"callout",{"type":403},"info",[326,405,406,407,410],{},"Maizzle 6 works as a standalone project, in a monorepo, or as a Vite plugin inside an existing Vite-powered framework (Laravel, Nuxt, SvelteKit, Astro etc.). See the ",[333,408,409],{"href":196},"framework guides",".",[350,412,188],{"id":413},"templates",[326,415,416,417,420,421,424,425,410],{},"Templates are now Vue SFCs (",[345,418,419],{},".vue"," files) instead of HTML files with PostHTML expressions. This means you can use Vue's full templating syntax, including components, directives, and JavaScript expressions. The frontmatter config is replaced by ",[345,422,423],{},"defineConfig()"," inside ",[345,426,427],{},"\u003Cscript setup>",[429,430,432],"h3",{"id":431},"file-extension","File extension",[358,434,438],{"className":435,"code":436,"language":437,"meta":363,"style":363},"language-diff shiki shiki-themes laserwave","- emails\u002Fwelcome.html\n+ emails\u002Fwelcome.vue\n","diff",[345,439,440,445],{"__ignoreMap":363},[367,441,442],{"class":369,"line":18},[367,443,444],{"class":372},"- emails\u002Fwelcome.html\n",[367,446,447],{"class":369,"line":13},[367,448,450],{"class":449},"sb4Pa","+ emails\u002Fwelcome.vue\n",[429,452,454],{"id":453},"structure","Structure",[326,456,457],{},"Here's a side-by-side of how you'd code the same email in v5 vs. v6:",[459,460,461,694],"code-tabs",{},[462,463,465],"code-tab",{"label":464},"Maizzle 5",[358,466,471],{"className":467,"code":468,"filename":469,"language":470,"meta":363,"style":363},"language-html shiki shiki-themes laserwave","---\ntitle: World\n---\n\n\u003Cx-main>\n  \u003Ctable align=\"center\" class=\"m-0 mx-auto\">\n    \u003Ctr>\n      \u003Ctd class=\"w-[552px] max-w-full\">\n        \u003Ch1 class=\"text-2xl\">Hello, {{ name }}!\u003C\u002Fh1>\n        \u003Cx-button\n          href=\"https:\u002F\u002Fmaizzle.com\"\n          class=\"bg-slate-950 hover:bg-slate-800\"\n        >\n          Get Started\n        \u003C\u002Fx-button>\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftable>\n\u003C\u002Fx-main>\n","emails\u002Fwelcome.html","html",[345,472,473,479,484,488,493,505,541,551,572,603,610,625,639,644,649,659,668,677,686],{"__ignoreMap":363},[367,474,475],{"class":369,"line":18},[367,476,478],{"class":477},"sLaUg","---\n",[367,480,481],{"class":369,"line":13},[367,482,483],{"class":477},"title: World\n",[367,485,486],{"class":369,"line":32},[367,487,478],{"class":477},[367,489,490],{"class":369,"line":27},[367,491,492],{"emptyLinePlaceholder":14},"\n",[367,494,495,499,502],{"class":369,"line":52},[367,496,498],{"class":497},"sGGKt","\u003C",[367,500,501],{"class":449},"x-main",[367,503,504],{"class":497},">\n",[367,506,507,510,513,516,519,522,525,527,530,532,534,537,539],{"class":369,"line":128},[367,508,509],{"class":497},"  \u003C",[367,511,512],{"class":449},"table",[367,514,515],{"class":477}," align",[367,517,518],{"class":497},"=",[367,520,521],{"class":497},"\"",[367,523,524],{"class":376},"center",[367,526,521],{"class":497},[367,528,529],{"class":372}," class",[367,531,518],{"class":497},[367,533,521],{"class":497},[367,535,536],{"class":376},"m-0 mx-auto",[367,538,521],{"class":497},[367,540,504],{"class":497},[367,542,543,546,549],{"class":369,"line":124},[367,544,545],{"class":497},"    \u003C",[367,547,548],{"class":449},"tr",[367,550,504],{"class":497},[367,552,553,556,559,561,563,565,568,570],{"class":369,"line":48},[367,554,555],{"class":497},"      \u003C",[367,557,558],{"class":449},"td",[367,560,529],{"class":372},[367,562,518],{"class":497},[367,564,521],{"class":497},[367,566,567],{"class":376},"w-[552px] max-w-full",[367,569,521],{"class":497},[367,571,504],{"class":497},[367,573,574,577,579,581,583,585,588,590,593,596,599,601],{"class":369,"line":23},[367,575,576],{"class":497},"        \u003C",[367,578,322],{"class":449},[367,580,529],{"class":372},[367,582,518],{"class":497},[367,584,521],{"class":497},[367,586,587],{"class":376},"text-2xl",[367,589,521],{"class":497},[367,591,592],{"class":497},">",[367,594,595],{"class":477},"Hello, {{ name }}!",[367,597,598],{"class":497},"\u003C\u002F",[367,600,322],{"class":449},[367,602,504],{"class":497},[367,604,605,607],{"class":369,"line":140},[367,606,576],{"class":497},[367,608,609],{"class":449},"x-button\n",[367,611,612,615,617,619,622],{"class":369,"line":56},[367,613,614],{"class":372},"          href",[367,616,518],{"class":497},[367,618,521],{"class":497},[367,620,621],{"class":376},"https:\u002F\u002Fmaizzle.com",[367,623,624],{"class":497},"\"\n",[367,626,627,630,632,634,637],{"class":369,"line":80},[367,628,629],{"class":372},"          class",[367,631,518],{"class":497},[367,633,521],{"class":497},[367,635,636],{"class":376},"bg-slate-950 hover:bg-slate-800",[367,638,624],{"class":497},[367,640,641],{"class":369,"line":36},[367,642,643],{"class":497},"        >\n",[367,645,646],{"class":369,"line":73},[367,647,648],{"class":477},"          Get Started\n",[367,650,651,654,657],{"class":369,"line":132},[367,652,653],{"class":497},"        \u003C\u002F",[367,655,656],{"class":449},"x-button",[367,658,504],{"class":497},[367,660,661,664,666],{"class":369,"line":66},[367,662,663],{"class":497},"      \u003C\u002F",[367,665,558],{"class":449},[367,667,504],{"class":497},[367,669,670,673,675],{"class":369,"line":112},[367,671,672],{"class":497},"    \u003C\u002F",[367,674,548],{"class":449},[367,676,504],{"class":497},[367,678,679,682,684],{"class":369,"line":40},[367,680,681],{"class":497},"  \u003C\u002F",[367,683,512],{"class":449},[367,685,504],{"class":497},[367,687,688,690,692],{"class":369,"line":44},[367,689,598],{"class":497},[367,691,501],{"class":449},[367,693,504],{"class":497},[462,695,697],{"label":696},"Maizzle 6",[358,698,703],{"className":699,"code":700,"filename":701,"language":702,"meta":363,"style":363},"language-vue shiki shiki-themes laserwave","\u003Cscript setup>\n  const name = 'World'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CLayout>\n    \u003CContainer class=\"max-w-xl\">\n      \u003CHeading class=\"text-2xl\">Hello, {{ name }}!\u003C\u002FHeading>\n      \u003CButton\n        href=\"https:\u002F\u002Fexample.com\"\n        class=\"bg-slate-950 hover:bg-slate-800\"\n      >Get Started\u003C\u002FButton>\n    \u003C\u002FContainer>\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n","emails\u002Fwelcome.vue","vue",[345,704,705,717,739,747,751,760,768,787,813,820,834,847,861,869,877],{"__ignoreMap":363},[367,706,707,709,712,715],{"class":369,"line":18},[367,708,498],{"class":497},[367,710,711],{"class":449},"script",[367,713,714],{"class":372}," setup",[367,716,504],{"class":497},[367,718,719,723,727,730,733,736],{"class":369,"line":13},[367,720,722],{"class":721},"sIihq","  const",[367,724,726],{"class":725},"skd8d"," name",[367,728,729],{"class":449}," =",[367,731,732],{"class":497}," '",[367,734,735],{"class":376},"World",[367,737,738],{"class":497},"'\n",[367,740,741,743,745],{"class":369,"line":32},[367,742,598],{"class":497},[367,744,711],{"class":449},[367,746,504],{"class":497},[367,748,749],{"class":369,"line":27},[367,750,492],{"emptyLinePlaceholder":14},[367,752,753,755,758],{"class":369,"line":52},[367,754,498],{"class":497},[367,756,757],{"class":449},"template",[367,759,504],{"class":497},[367,761,762,764,766],{"class":369,"line":128},[367,763,509],{"class":497},[367,765,76],{"class":449},[367,767,504],{"class":497},[367,769,770,772,774,776,778,780,783,785],{"class":369,"line":124},[367,771,545],{"class":497},[367,773,51],{"class":449},[367,775,529],{"class":372},[367,777,518],{"class":497},[367,779,521],{"class":497},[367,781,782],{"class":376},"max-w-xl",[367,784,521],{"class":497},[367,786,504],{"class":497},[367,788,789,791,793,795,797,799,801,803,805,807,809,811],{"class":369,"line":48},[367,790,555],{"class":497},[367,792,62],{"class":449},[367,794,529],{"class":372},[367,796,518],{"class":497},[367,798,521],{"class":497},[367,800,587],{"class":376},[367,802,521],{"class":497},[367,804,592],{"class":497},[367,806,595],{"class":477},[367,808,598],{"class":497},[367,810,62],{"class":449},[367,812,504],{"class":497},[367,814,815,817],{"class":369,"line":23},[367,816,555],{"class":497},[367,818,819],{"class":449},"Button\n",[367,821,822,825,827,829,832],{"class":369,"line":140},[367,823,824],{"class":372},"        href",[367,826,518],{"class":497},[367,828,521],{"class":497},[367,830,831],{"class":376},"https:\u002F\u002Fexample.com",[367,833,624],{"class":497},[367,835,836,839,841,843,845],{"class":369,"line":56},[367,837,838],{"class":372},"        class",[367,840,518],{"class":497},[367,842,521],{"class":497},[367,844,636],{"class":376},[367,846,624],{"class":497},[367,848,849,852,855,857,859],{"class":369,"line":80},[367,850,851],{"class":497},"      >",[367,853,854],{"class":477},"Get Started",[367,856,598],{"class":497},[367,858,35],{"class":449},[367,860,504],{"class":497},[367,862,863,865,867],{"class":369,"line":36},[367,864,672],{"class":497},[367,866,51],{"class":449},[367,868,504],{"class":497},[367,870,871,873,875],{"class":369,"line":73},[367,872,681],{"class":497},[367,874,76],{"class":449},[367,876,504],{"class":497},[367,878,879,881,883],{"class":369,"line":132},[367,880,598],{"class":497},[367,882,757],{"class":449},[367,884,504],{"class":497},[326,886,887],{},"Notice:",[889,890,891,900,917],"ul",{},[892,893,894,895,897,898],"li",{},"No frontmatter — config goes inside ",[345,896,427],{}," via ",[345,899,423],{},[892,901,902,903,906,907,906,910,906,913,916],{},"Built-in Vue components available (",[345,904,905],{},"\u003CLayout>",", ",[345,908,909],{},"\u003CContainer>",[345,911,912],{},"\u003CHeading>",[345,914,915],{},"\u003CButton>",")",[892,918,919,920,923],{},"Vue's ",[345,921,922],{},"{{ }}"," interpolation replaces PostHTML expressions",[429,925,927],{"id":926},"expressions","Expressions",[326,929,930],{},"PostHTML expressions are gone. Use Vue's template syntax:",[512,932,933,956],{},[934,935,936],"thead",{},[548,937,938,948],{},[939,940,941,942,945],"th",{},"PostHTML",[943,944],"br",{},[367,946,464],{"style":947},"font-weight:normal;",[939,949,950,951,953],{},"Vue",[943,952],{},[367,954,696],{"style":955},"font-weight:normal",[957,958,959,971,983,1002,1014,1026,1038,1050,1071],"tbody",{},[548,960,961,966],{},[558,962,963],{},[345,964,965],{},"{{ page.name }}",[558,967,968],{},[345,969,970],{},"{{ name }}",[548,972,973,978],{},[558,974,975],{},[345,976,977],{},"{{{ unsafe }}}",[558,979,980],{},[345,981,982],{},"\u003Cspan v-html=\"unsafe\" \u002F>",[548,984,985,990],{},[558,986,987],{},[345,988,989],{},"@{{ keep }}",[558,991,992,995,996,998,999],{},[345,993,994],{},"\u003Cspan v-pre>{{ keep }}\u003C\u002Fspan>"," ",[943,997],{},"or ",[345,1000,1001],{},"\u003CRaw>{{ keep }}\u003C\u002FRaw>",[548,1003,1004,1009],{},[558,1005,1006],{},[345,1007,1008],{},"\u003Cif condition=\"x\">",[558,1010,1011],{},[345,1012,1013],{},"\u003Cdiv v-if=\"x\">",[548,1015,1016,1021],{},[558,1017,1018],{},[345,1019,1020],{},"\u003Celseif condition=\"y\">",[558,1022,1023],{},[345,1024,1025],{},"\u003Cdiv v-else-if=\"y\">",[548,1027,1028,1033],{},[558,1029,1030],{},[345,1031,1032],{},"\u003Celse>",[558,1034,1035],{},[345,1036,1037],{},"\u003Cdiv v-else>",[548,1039,1040,1045],{},[558,1041,1042],{},[345,1043,1044],{},"\u003Ceach loop=\"item in items\">",[558,1046,1047],{},[345,1048,1049],{},"\u003Cdiv v-for=\"item in items\" :key=\"item.id\">",[548,1051,1052,1061],{},[558,1053,1054,1057,1058],{},[345,1055,1056],{},"\u003Cswitch>","\u002F",[345,1059,1060],{},"\u003Ccase>",[558,1062,1063,1064,1057,1067,1070],{},"use ",[345,1065,1066],{},"v-if",[345,1068,1069],{},"v-else-if"," chains",[548,1072,1073,1078],{},[558,1074,1075],{},[345,1076,1077],{},"\u003Cscope with=\"...\">",[558,1079,1080,1081],{},"use a child component or destructure in ",[345,1082,427],{},[429,1084,1086],{"id":1085},"layouts","Layouts",[326,1088,1089,1090,1093,1094,1098],{},"The ",[345,1091,1092],{},"\u003Cx-main>"," pattern is replaced by Vue's component composition. Use the built-in ",[333,1095,1096],{"href":75},[345,1097,905],{}," component, or wrap your own:",[358,1100,1102],{"className":699,"code":1101,"filename":701,"language":702,"meta":363,"style":363},"\u003Ctemplate>\n  \u003CLayout>\n    \u003CContainer>\n      \u003CText>Your content here.\u003C\u002FText>\n    \u003C\u002FContainer>\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n",[345,1103,1104,1112,1120,1128,1145,1153,1161],{"__ignoreMap":363},[367,1105,1106,1108,1110],{"class":369,"line":18},[367,1107,498],{"class":497},[367,1109,757],{"class":449},[367,1111,504],{"class":497},[367,1113,1114,1116,1118],{"class":369,"line":13},[367,1115,509],{"class":497},[367,1117,76],{"class":449},[367,1119,504],{"class":497},[367,1121,1122,1124,1126],{"class":369,"line":32},[367,1123,545],{"class":497},[367,1125,51],{"class":449},[367,1127,504],{"class":497},[367,1129,1130,1132,1134,1136,1139,1141,1143],{"class":369,"line":27},[367,1131,555],{"class":497},[367,1133,139],{"class":449},[367,1135,592],{"class":497},[367,1137,1138],{"class":477},"Your content here.",[367,1140,598],{"class":497},[367,1142,139],{"class":449},[367,1144,504],{"class":497},[367,1146,1147,1149,1151],{"class":369,"line":52},[367,1148,672],{"class":497},[367,1150,51],{"class":449},[367,1152,504],{"class":497},[367,1154,1155,1157,1159],{"class":369,"line":128},[367,1156,681],{"class":497},[367,1158,76],{"class":449},[367,1160,504],{"class":497},[367,1162,1163,1165,1167],{"class":369,"line":124},[367,1164,598],{"class":497},[367,1166,757],{"class":449},[367,1168,504],{"class":497},[429,1170,1172],{"id":1171},"yield-slot","yield → slot",[326,1174,1175,1178,1179,1182],{},[345,1176,1177],{},"\u003Cyield \u002F>"," is replaced by Vue's ",[345,1180,1181],{},"\u003Cslot \u002F>",":",[358,1184,1188],{"className":1185,"code":1186,"filename":1187,"language":702,"meta":363,"style":363},"language-vue shiki shiki-themes laserwave has-diff","\u003Ctemplate>\n  \u003CLayout>\n    \u003Cyield \u002F> \u002F\u002F [!code --]\n    \u003Cslot \u002F>  \u002F\u002F [!code ++]\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n","components\u002FMyLayout.vue",[345,1189,1190,1198,1206,1218,1232,1240],{"__ignoreMap":363},[367,1191,1192,1194,1196],{"class":369,"line":18},[367,1193,498],{"class":497},[367,1195,757],{"class":449},[367,1197,504],{"class":497},[367,1199,1200,1202,1204],{"class":369,"line":13},[367,1201,509],{"class":497},[367,1203,76],{"class":449},[367,1205,504],{"class":497},[367,1207,1210,1212,1215],{"class":1208,"line":32},[369,437,1209],"remove",[367,1211,545],{"class":497},[367,1213,1214],{"class":449},"yield",[367,1216,1217],{"class":497}," \u002F>",[367,1219,1222,1224,1227,1230],{"class":1220,"line":27},[369,437,1221],"add",[367,1223,545],{"class":497},[367,1225,1226],{"class":449},"slot",[367,1228,1229],{"class":477}," \u002F",[367,1231,592],{"class":497},[367,1233,1234,1236,1238],{"class":369,"line":52},[367,1235,681],{"class":497},[367,1237,76],{"class":449},[367,1239,504],{"class":497},[367,1241,1242,1244,1246],{"class":369,"line":128},[367,1243,598],{"class":497},[367,1245,757],{"class":449},[367,1247,504],{"class":497},[429,1249,1251],{"id":1250},"markdown-templates","Markdown templates",[326,1253,1254,1257,1258,1260],{},[345,1255,1256],{},".md"," files are now first-class entry templates with frontmatter, ",[345,1259,427],{},", and a default layout wrapped around the content.",[358,1262,1267],{"className":1263,"code":1264,"filename":1265,"language":1266,"meta":363,"style":363},"language-md shiki shiki-themes laserwave","---\ntitle: Product Update\n---\n\n\u003Cscript setup>\n  usePreheader('We shipped some new features')\n\u003C\u002Fscript>\n\n# Hello\n\nSome **markdown** content with a Vue component:\n\n\u003CButton href=\"https:\u002F\u002Fexample.com\">Read more\u003C\u002FButton>\n","emails\u002Fupdate.md","md",[345,1268,1269,1273,1278,1282,1286,1291,1296,1301,1305,1310,1314,1319,1323],{"__ignoreMap":363},[367,1270,1271],{"class":369,"line":18},[367,1272,478],{},[367,1274,1275],{"class":369,"line":13},[367,1276,1277],{},"title: Product Update\n",[367,1279,1280],{"class":369,"line":32},[367,1281,478],{},[367,1283,1284],{"class":369,"line":27},[367,1285,492],{"emptyLinePlaceholder":14},[367,1287,1288],{"class":369,"line":52},[367,1289,1290],{},"\u003Cscript setup>\n",[367,1292,1293],{"class":369,"line":128},[367,1294,1295],{},"  usePreheader('We shipped some new features')\n",[367,1297,1298],{"class":369,"line":124},[367,1299,1300],{},"\u003C\u002Fscript>\n",[367,1302,1303],{"class":369,"line":48},[367,1304,492],{"emptyLinePlaceholder":14},[367,1306,1307],{"class":369,"line":23},[367,1308,1309],{},"# Hello\n",[367,1311,1312],{"class":369,"line":140},[367,1313,492],{"emptyLinePlaceholder":14},[367,1315,1316],{"class":369,"line":56},[367,1317,1318],{},"Some **markdown** content with a Vue component:\n",[367,1320,1321],{"class":369,"line":80},[367,1322,492],{"emptyLinePlaceholder":14},[367,1324,1325],{"class":369,"line":36},[367,1326,1327],{},"\u003CButton href=\"https:\u002F\u002Fexample.com\">Read more\u003C\u002FButton>\n",[326,1329,1330,1331,1334],{},"See ",[333,1332,1251],{"href":1333},"\u002Fdocs\u002Fdevelopment\u002Ftemplates#markdown-templates"," for the full feature set.",[350,1336,1338],{"id":1337},"tailwind-css-4","Tailwind CSS 4",[326,1340,1341],{},"We have finally added support for Tailwind CSS 4 🥳",[429,1343,1345],{"id":1344},"bundled-config","Bundled config",[326,1347,1348,1349,1354],{},"We now ship ",[333,1350,1351],{"href":254},[345,1352,1353],{},"@maizzle\u002Ftailwindcss",", our email-friendly Tailwind CSS 4 configuration.",[326,1356,1357,1358,1361,1362,1365],{},"Delete ",[345,1359,1360],{},"tailwind.config.js",", you now configure Tailwind CSS 4 inside ",[345,1363,1364],{},"\u003Cstyle>"," tags:",[358,1367,1371],{"className":1368,"code":1369,"filename":701,"language":1370,"meta":363,"style":363},"language-xml shiki shiki-themes laserwave","\u003Ctemplate>\n  \u003CLayout>\n    \u003CHead>\n      \u003Cstyle>\n        @import \"@maizzle\u002Ftailwindcss\";\n\n        @theme {\n          --color-brand: #4f46e5;\n          --font-display: \"Inter\", sans-serif;\n        }\n      \u003C\u002Fstyle>\n    \u003C\u002FHead>\n    \u003CBody>\n      \u003CText class=\"text-brand font-display\">Hello!\u003C\u002FText>\n    \u003C\u002FBody>\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n","xml",[345,1372,1373,1381,1389,1397,1406,1411,1415,1420,1425,1430,1435,1443,1451,1459,1487,1495,1503],{"__ignoreMap":363},[367,1374,1375,1377,1379],{"class":369,"line":18},[367,1376,498],{"class":497},[367,1378,757],{"class":449},[367,1380,504],{"class":497},[367,1382,1383,1385,1387],{"class":369,"line":13},[367,1384,509],{"class":497},[367,1386,76],{"class":449},[367,1388,504],{"class":497},[367,1390,1391,1393,1395],{"class":369,"line":32},[367,1392,545],{"class":497},[367,1394,59],{"class":449},[367,1396,504],{"class":497},[367,1398,1399,1401,1404],{"class":369,"line":27},[367,1400,555],{"class":497},[367,1402,1403],{"class":449},"style",[367,1405,504],{"class":497},[367,1407,1408],{"class":369,"line":52},[367,1409,1410],{"class":477},"        @import \"@maizzle\u002Ftailwindcss\";\n",[367,1412,1413],{"class":369,"line":128},[367,1414,492],{"emptyLinePlaceholder":14},[367,1416,1417],{"class":369,"line":124},[367,1418,1419],{"class":477},"        @theme {\n",[367,1421,1422],{"class":369,"line":48},[367,1423,1424],{"class":477},"          --color-brand: #4f46e5;\n",[367,1426,1427],{"class":369,"line":23},[367,1428,1429],{"class":477},"          --font-display: \"Inter\", sans-serif;\n",[367,1431,1432],{"class":369,"line":140},[367,1433,1434],{"class":477},"        }\n",[367,1436,1437,1439,1441],{"class":369,"line":56},[367,1438,663],{"class":497},[367,1440,1403],{"class":449},[367,1442,504],{"class":497},[367,1444,1445,1447,1449],{"class":369,"line":80},[367,1446,672],{"class":497},[367,1448,59],{"class":449},[367,1450,504],{"class":497},[367,1452,1453,1455,1457],{"class":369,"line":36},[367,1454,545],{"class":497},[367,1456,30],{"class":449},[367,1458,504],{"class":497},[367,1460,1461,1463,1465,1467,1469,1471,1474,1476,1478,1481,1483,1485],{"class":369,"line":73},[367,1462,555],{"class":497},[367,1464,139],{"class":449},[367,1466,529],{"class":372},[367,1468,518],{"class":477},[367,1470,521],{"class":497},[367,1472,1473],{"class":376},"text-brand font-display",[367,1475,521],{"class":497},[367,1477,592],{"class":497},[367,1479,1480],{"class":477},"Hello!",[367,1482,598],{"class":497},[367,1484,139],{"class":449},[367,1486,504],{"class":497},[367,1488,1489,1491,1493],{"class":369,"line":132},[367,1490,672],{"class":497},[367,1492,30],{"class":449},[367,1494,504],{"class":497},[367,1496,1497,1499,1501],{"class":369,"line":66},[367,1498,681],{"class":497},[367,1500,76],{"class":449},[367,1502,504],{"class":497},[367,1504,1505,1507,1509],{"class":369,"line":112},[367,1506,598],{"class":497},[367,1508,757],{"class":449},[367,1510,504],{"class":497},[326,1512,1513,1514,1517],{},"See our ",[333,1515,1516],{"href":254},"Tailwind CSS docs"," for more details and examples.",[429,1519,1521],{"id":1520},"email-preset-replaced","Email preset replaced",[512,1523,1524,1532],{},[934,1525,1526],{},[548,1527,1528,1530],{},[939,1529,464],{},[939,1531,696],{},[957,1533,1534],{},[548,1535,1536,1545],{},[558,1537,1538],{},[333,1539,1542],{"href":1540,"rel":1541,"target":338},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Ftailwindcss-preset-email",[337],[345,1543,1544],{},"tailwindcss-preset-email",[558,1546,1547],{},[333,1548,1551],{"href":1549,"rel":1550,"target":338},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@maizzle\u002Ftailwindcss",[337],[345,1552,1353],{},[350,1554,31],{"id":1555},"components",[429,1557,1559],{"id":1558},"new-syntax","New syntax",[326,1561,1562],{},"PostHTML components become Vue components.",[326,1564,1565],{},"Here's a side-by-side comparison of how you'd define the same component in v5 vs. v6:",[459,1567,1568,1666],{},[462,1569,1571],{"label":1570},"v5\u002Fcomponents\u002Fcard.html",[358,1572,1575],{"className":467,"code":1573,"filename":1574,"language":470,"meta":363,"style":363},"\u003Ctable align=\"center\" class=\"mx-auto bg-indigo-100\">\n  \u003Ctr>\n    \u003Ctd class=\"p-6\">\n      \u003Cyield \u002F>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n","components\u002Fcard.html",[345,1576,1577,1606,1614,1633,1642,1650,1658],{"__ignoreMap":363},[367,1578,1579,1581,1583,1585,1587,1589,1591,1593,1595,1597,1599,1602,1604],{"class":369,"line":18},[367,1580,498],{"class":497},[367,1582,512],{"class":449},[367,1584,515],{"class":477},[367,1586,518],{"class":497},[367,1588,521],{"class":497},[367,1590,524],{"class":376},[367,1592,521],{"class":497},[367,1594,529],{"class":372},[367,1596,518],{"class":497},[367,1598,521],{"class":497},[367,1600,1601],{"class":376},"mx-auto bg-indigo-100",[367,1603,521],{"class":497},[367,1605,504],{"class":497},[367,1607,1608,1610,1612],{"class":369,"line":13},[367,1609,509],{"class":497},[367,1611,548],{"class":449},[367,1613,504],{"class":497},[367,1615,1616,1618,1620,1622,1624,1626,1629,1631],{"class":369,"line":32},[367,1617,545],{"class":497},[367,1619,558],{"class":449},[367,1621,529],{"class":372},[367,1623,518],{"class":497},[367,1625,521],{"class":497},[367,1627,1628],{"class":376},"p-6",[367,1630,521],{"class":497},[367,1632,504],{"class":497},[367,1634,1635,1637,1639],{"class":369,"line":27},[367,1636,555],{"class":497},[367,1638,1214],{"class":449},[367,1640,1641],{"class":497}," \u002F>\n",[367,1643,1644,1646,1648],{"class":369,"line":52},[367,1645,672],{"class":497},[367,1647,558],{"class":449},[367,1649,504],{"class":497},[367,1651,1652,1654,1656],{"class":369,"line":128},[367,1653,681],{"class":497},[367,1655,548],{"class":449},[367,1657,504],{"class":497},[367,1659,1660,1662,1664],{"class":369,"line":124},[367,1661,598],{"class":497},[367,1663,512],{"class":449},[367,1665,504],{"class":497},[462,1667,1669],{"label":1668},"v6\u002Fcomponents\u002FCard.vue",[358,1670,1673],{"className":699,"code":1671,"filename":1672,"language":702,"meta":363,"style":363},"\u003Ctemplate>\n  \u003Ctable align=\"center\" class=\"mx-auto bg-indigo-100\">\n    \u003Ctr>\n      \u003Ctd class=\"p-6\">\n        \u003Cslot \u002F>\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftable>\n\u003C\u002Ftemplate>\n","components\u002FCard.vue",[345,1674,1675,1683,1711,1719,1737,1747,1755,1763,1771],{"__ignoreMap":363},[367,1676,1677,1679,1681],{"class":369,"line":18},[367,1678,498],{"class":497},[367,1680,757],{"class":449},[367,1682,504],{"class":497},[367,1684,1685,1687,1689,1691,1693,1695,1697,1699,1701,1703,1705,1707,1709],{"class":369,"line":13},[367,1686,509],{"class":497},[367,1688,512],{"class":449},[367,1690,515],{"class":477},[367,1692,518],{"class":497},[367,1694,521],{"class":497},[367,1696,524],{"class":376},[367,1698,521],{"class":497},[367,1700,529],{"class":372},[367,1702,518],{"class":497},[367,1704,521],{"class":497},[367,1706,1601],{"class":376},[367,1708,521],{"class":497},[367,1710,504],{"class":497},[367,1712,1713,1715,1717],{"class":369,"line":32},[367,1714,545],{"class":497},[367,1716,548],{"class":449},[367,1718,504],{"class":497},[367,1720,1721,1723,1725,1727,1729,1731,1733,1735],{"class":369,"line":27},[367,1722,555],{"class":497},[367,1724,558],{"class":449},[367,1726,529],{"class":372},[367,1728,518],{"class":497},[367,1730,521],{"class":497},[367,1732,1628],{"class":376},[367,1734,521],{"class":497},[367,1736,504],{"class":497},[367,1738,1739,1741,1743,1745],{"class":369,"line":52},[367,1740,576],{"class":497},[367,1742,1226],{"class":449},[367,1744,1229],{"class":477},[367,1746,504],{"class":497},[367,1748,1749,1751,1753],{"class":369,"line":128},[367,1750,663],{"class":497},[367,1752,558],{"class":449},[367,1754,504],{"class":497},[367,1756,1757,1759,1761],{"class":369,"line":124},[367,1758,672],{"class":497},[367,1760,548],{"class":449},[367,1762,504],{"class":497},[367,1764,1765,1767,1769],{"class":369,"line":48},[367,1766,681],{"class":497},[367,1768,512],{"class":449},[367,1770,504],{"class":497},[367,1772,1773,1775,1777],{"class":369,"line":23},[367,1774,598],{"class":497},[367,1776,757],{"class":449},[367,1778,504],{"class":497},[326,1780,1781],{},"Usage comparison:",[459,1783,1784,1811],{},[462,1785,1787],{"label":1786},"v5\u002Femails\u002Fwelcome.html",[358,1788,1791],{"className":467,"code":1789,"filename":1790,"language":470,"meta":363,"style":363},"\u003Cx-card>Limited time offer!\u003C\u002Fx-card>\n","emails\u002Fpromo.html",[345,1792,1793],{"__ignoreMap":363},[367,1794,1795,1797,1800,1802,1805,1807,1809],{"class":369,"line":18},[367,1796,498],{"class":497},[367,1798,1799],{"class":449},"x-card",[367,1801,592],{"class":497},[367,1803,1804],{"class":477},"Limited time offer!",[367,1806,598],{"class":497},[367,1808,1799],{"class":449},[367,1810,504],{"class":497},[462,1812,1814],{"label":1813},"v6\u002Femails\u002Fwelcome.vue",[358,1815,1818],{"className":699,"code":1816,"filename":1817,"language":702,"meta":363,"style":363},"\u003CCard>Limited time offer!\u003C\u002FCard>\n","emails\u002Fpromo.vue",[345,1819,1820],{"__ignoreMap":363},[367,1821,1822,1824,1827,1829,1831,1833,1835],{"class":369,"line":18},[367,1823,498],{"class":497},[367,1825,1826],{"class":449},"Card",[367,1828,592],{"class":497},[367,1830,1804],{"class":477},[367,1832,598],{"class":497},[367,1834,1826],{"class":449},[367,1836,504],{"class":497},[429,1838,1840],{"id":1839},"tailwind-first-sizing","Tailwind-first sizing",[326,1842,1843,1844,1849,1850,1182],{},"Most components are now styled and sized with Tailwind. For example, here are the new ",[333,1845,1846],{"href":64},[345,1847,1848],{},"\u003CHr>"," divider and the vertical ",[333,1851,1852],{"href":130},[345,1853,1854],{},"\u003CSpacer>",[459,1856,1857,1910],{},[462,1858,1860],{"label":1859},"x-divider (v5)",[358,1861,1863],{"className":467,"code":1862,"language":470,"meta":363,"style":363},"\u003Cx-divider height=\"2px\" space-y=\"32px\" color=\"#e2e8f0\" \u002F>\n",[345,1864,1865],{"__ignoreMap":363},[367,1866,1867,1869,1872,1875,1877,1879,1882,1884,1887,1889,1891,1894,1896,1899,1901,1903,1906,1908],{"class":369,"line":18},[367,1868,498],{"class":497},[367,1870,1871],{"class":449},"x-divider",[367,1873,1874],{"class":372}," height",[367,1876,518],{"class":497},[367,1878,521],{"class":497},[367,1880,1881],{"class":376},"2px",[367,1883,521],{"class":497},[367,1885,1886],{"class":372}," space-y",[367,1888,518],{"class":497},[367,1890,521],{"class":497},[367,1892,1893],{"class":376},"32px",[367,1895,521],{"class":497},[367,1897,1898],{"class":372}," color",[367,1900,518],{"class":497},[367,1902,521],{"class":497},[367,1904,1905],{"class":376},"#e2e8f0",[367,1907,521],{"class":497},[367,1909,1641],{"class":497},[462,1911,1913],{"label":1912},"Hr (v6)",[358,1914,1916],{"className":699,"code":1915,"language":702,"meta":363,"style":363},"\u003CHr class=\"h-0.5 my-8 bg-slate-200\" \u002F>\n",[345,1917,1918],{"__ignoreMap":363},[367,1919,1920,1922,1924,1926,1928,1930,1933,1935],{"class":369,"line":18},[367,1921,498],{"class":497},[367,1923,65],{"class":449},[367,1925,529],{"class":372},[367,1927,518],{"class":497},[367,1929,521],{"class":497},[367,1931,1932],{"class":376},"h-0.5 my-8 bg-slate-200",[367,1934,521],{"class":497},[367,1936,1641],{"class":497},[459,1938,1939,1966],{},[462,1940,1942],{"label":1941},"x-spacer (v5)",[358,1943,1945],{"className":467,"code":1944,"language":470,"meta":363,"style":363},"\u003Cx-spacer height=\"32px\" \u002F>\n",[345,1946,1947],{"__ignoreMap":363},[367,1948,1949,1951,1954,1956,1958,1960,1962,1964],{"class":369,"line":18},[367,1950,498],{"class":497},[367,1952,1953],{"class":449},"x-spacer",[367,1955,1874],{"class":372},[367,1957,518],{"class":497},[367,1959,521],{"class":497},[367,1961,1893],{"class":376},[367,1963,521],{"class":497},[367,1965,1641],{"class":497},[462,1967,1969],{"label":1968},"Spacer (v6)",[358,1970,1972],{"className":699,"code":1971,"language":702,"meta":363,"style":363},"\u003CSpacer class=\"h-8\" \u002F>\n",[345,1973,1974],{"__ignoreMap":363},[367,1975,1976,1978,1980,1982,1984,1986,1989,1991],{"class":369,"line":18},[367,1977,498],{"class":497},[367,1979,131],{"class":449},[367,1981,529],{"class":372},[367,1983,518],{"class":497},[367,1985,521],{"class":497},[367,1987,1988],{"class":376},"h-8",[367,1990,521],{"class":497},[367,1992,1641],{"class":497},[401,1994,1995],{"type":403},[326,1996,1997,1998,2001],{},"For Outlook fine-tuning, you can use the ",[345,1999,2000],{},"mso-line-height-alt-*"," utility.",[350,2003,173],{"id":2004},"configuration",[326,2006,2007,2010,2011,2014,2015,2017],{},[345,2008,2009],{},"config.js"," becomes ",[345,2012,2013],{},"maizzle.config.ts",", and it uses the composition API with ",[345,2016,423],{}," for type safety and better editor support.",[459,2019,2020,2079],{},[462,2021,2023],{"label":2022},"~\u002Fcode\u002Fproject",[358,2024,2028],{"className":2025,"code":2026,"language":2027,"meta":363,"style":363},"language-ts shiki shiki-themes laserwave has-diff","- config.js \u002F\u002F [!code --]\n- config.production.js \u002F\u002F [!code --]\n+ maizzle.config.ts \u002F\u002F [!code ++]\n","ts",[345,2029,2030,2046,2062],{"__ignoreMap":363},[367,2031,2033,2036,2040,2042],{"class":2032,"line":18},[369,437,1209],[367,2034,2035],{"class":449},"-",[367,2037,2039],{"class":2038},"sU-n2"," config",[367,2041,410],{"class":449},[367,2043,2045],{"class":2044},"s0ZPN","js",[367,2047,2049,2051,2053,2055,2058,2060],{"class":2048,"line":13},[369,437,1209],[367,2050,2035],{"class":449},[367,2052,2039],{"class":2038},[367,2054,410],{"class":449},[367,2056,2057],{"class":2038},"production",[367,2059,410],{"class":449},[367,2061,2045],{"class":2044},[367,2063,2065,2068,2070,2072,2075,2077],{"class":2064,"line":32},[369,437,1221],[367,2066,2067],{"class":449},"+",[367,2069,377],{"class":2038},[367,2071,410],{"class":449},[367,2073,2074],{"class":2038},"config",[367,2076,410],{"class":449},[367,2078,2027],{"class":2044},[462,2080,2081],{"label":2013},[358,2082,2085],{"className":2083,"code":2084,"filename":2013,"language":2027,"meta":363,"style":363},"language-ts shiki shiki-themes laserwave","import { defineConfig } from '@maizzle\u002Fframework'\n\nexport default defineConfig({\n  css: {\n    minify: true,\n  },\n})\n",[345,2086,2087,2111,2115,2128,2138,2151,2156],{"__ignoreMap":363},[367,2088,2089,2092,2095,2098,2101,2104,2106,2109],{"class":369,"line":18},[367,2090,2091],{"class":2044},"import",[367,2093,2094],{"class":497}," {",[367,2096,2097],{"class":2038}," defineConfig",[367,2099,2100],{"class":497}," }",[367,2102,2103],{"class":2044}," from",[367,2105,732],{"class":497},[367,2107,2108],{"class":376},"@maizzle\u002Fframework",[367,2110,738],{"class":497},[367,2112,2113],{"class":369,"line":13},[367,2114,492],{"emptyLinePlaceholder":14},[367,2116,2117,2120,2123,2125],{"class":369,"line":32},[367,2118,2119],{"class":2044},"export",[367,2121,2122],{"class":2044}," default",[367,2124,2097],{"class":372},[367,2126,2127],{"class":497},"({\n",[367,2129,2130,2133,2135],{"class":369,"line":27},[367,2131,2132],{"class":477},"  css",[367,2134,1182],{"class":497},[367,2136,2137],{"class":497}," {\n",[367,2139,2140,2143,2145,2148],{"class":369,"line":52},[367,2141,2142],{"class":477},"    minify",[367,2144,1182],{"class":497},[367,2146,2147],{"class":725}," true",[367,2149,2150],{"class":497},",\n",[367,2152,2153],{"class":369,"line":128},[367,2154,2155],{"class":497},"  },\n",[367,2157,2158],{"class":369,"line":124},[367,2159,2160],{"class":497},"})\n",[401,2162,2163],{"type":403},[326,2164,2165,2166,2170,2171,2173],{},"You don't ",[2167,2168,2169],"em",{},"need"," a ",[345,2172,2013],{}," in your project, Maizzle 6 now has sensible defaults so you can get started without any config file at all.",[429,2175,2177,2180],{"id":2176},"build-key-flattened",[345,2178,2179],{},"build"," key flattened",[326,2182,2183,2184,2187],{},"The whole ",[345,2185,2186],{},"build: { ... }"," wrapper is gone. Move its children to the root:",[459,2189,2190,2268],{},[462,2191,2192],{"label":464},[358,2193,2195],{"className":2083,"code":2194,"filename":2013,"language":2027,"meta":363,"style":363},"export default {\n  build: {\n    content: ['emails\u002F**\u002F*.html'],\n    output: { path: 'build_production' },\n  },\n}\n",[345,2196,2197,2205,2214,2235,2259,2263],{"__ignoreMap":363},[367,2198,2199,2201,2203],{"class":369,"line":18},[367,2200,2119],{"class":2044},[367,2202,2122],{"class":2044},[367,2204,2137],{"class":497},[367,2206,2207,2210,2212],{"class":369,"line":13},[367,2208,2209],{"class":477},"  build",[367,2211,1182],{"class":497},[367,2213,2137],{"class":497},[367,2215,2216,2219,2221,2224,2227,2230,2232],{"class":369,"line":32},[367,2217,2218],{"class":477},"    content",[367,2220,1182],{"class":497},[367,2222,2223],{"class":497}," [",[367,2225,2226],{"class":497},"'",[367,2228,2229],{"class":376},"emails\u002F**\u002F*.html",[367,2231,2226],{"class":497},[367,2233,2234],{"class":497},"],\n",[367,2236,2237,2240,2242,2244,2247,2249,2251,2254,2256],{"class":369,"line":27},[367,2238,2239],{"class":477},"    output",[367,2241,1182],{"class":497},[367,2243,2094],{"class":497},[367,2245,2246],{"class":477}," path",[367,2248,1182],{"class":497},[367,2250,732],{"class":497},[367,2252,2253],{"class":376},"build_production",[367,2255,2226],{"class":497},[367,2257,2258],{"class":497}," },\n",[367,2260,2261],{"class":369,"line":52},[367,2262,2155],{"class":497},[367,2264,2265],{"class":369,"line":128},[367,2266,2267],{"class":497},"}\n",[462,2269,2270],{"label":696},[358,2271,2273],{"className":2083,"code":2272,"filename":2013,"language":2027,"meta":363,"style":363},"export default defineConfig({\n  content: ['emails\u002F**\u002F*.{vue,md}'],\n  output: { path: 'dist' },\n})\n",[345,2274,2275,2285,2303,2325],{"__ignoreMap":363},[367,2276,2277,2279,2281,2283],{"class":369,"line":18},[367,2278,2119],{"class":2044},[367,2280,2122],{"class":2044},[367,2282,2097],{"class":372},[367,2284,2127],{"class":497},[367,2286,2287,2290,2292,2294,2296,2299,2301],{"class":369,"line":13},[367,2288,2289],{"class":477},"  content",[367,2291,1182],{"class":497},[367,2293,2223],{"class":497},[367,2295,2226],{"class":497},[367,2297,2298],{"class":376},"emails\u002F**\u002F*.{vue,md}",[367,2300,2226],{"class":497},[367,2302,2234],{"class":497},[367,2304,2305,2308,2310,2312,2314,2316,2318,2321,2323],{"class":369,"line":32},[367,2306,2307],{"class":477},"  output",[367,2309,1182],{"class":497},[367,2311,2094],{"class":497},[367,2313,2246],{"class":477},[367,2315,1182],{"class":497},[367,2317,732],{"class":497},[367,2319,2320],{"class":376},"dist",[367,2322,2226],{"class":497},[367,2324,2258],{"class":497},[367,2326,2327],{"class":369,"line":27},[367,2328,2160],{"class":497},[429,2330,2332],{"id":2331},"css-defaults-flipped","CSS defaults flipped",[326,2334,2335,906,2338,906,2341,2344,2345,2348,2349,2352,2353,2357],{},[345,2336,2337],{},"css.inline",[345,2339,2340],{},"css.purge",[345,2342,2343],{},"css.shorthand",", and ",[345,2346,2347],{},"html.format"," (former ",[345,2350,2351],{},"prettify",") are now ",[2354,2355,2356],"strong",{},"on by default",". If your v5 project depended on them being off, disable them explicitly:",[358,2359,2361],{"className":2083,"code":2360,"filename":2013,"language":2027,"meta":363,"style":363},"export default defineConfig({\n  css: {\n    inline: false,\n    purge: false,\n    shorthand: false,\n  },\n  html: {\n    format: false,\n  },\n})\n",[345,2362,2363,2373,2381,2393,2404,2415,2419,2428,2439,2443],{"__ignoreMap":363},[367,2364,2365,2367,2369,2371],{"class":369,"line":18},[367,2366,2119],{"class":2044},[367,2368,2122],{"class":2044},[367,2370,2097],{"class":372},[367,2372,2127],{"class":497},[367,2374,2375,2377,2379],{"class":369,"line":13},[367,2376,2132],{"class":477},[367,2378,1182],{"class":497},[367,2380,2137],{"class":497},[367,2382,2383,2386,2388,2391],{"class":369,"line":32},[367,2384,2385],{"class":477},"    inline",[367,2387,1182],{"class":497},[367,2389,2390],{"class":725}," false",[367,2392,2150],{"class":497},[367,2394,2395,2398,2400,2402],{"class":369,"line":27},[367,2396,2397],{"class":477},"    purge",[367,2399,1182],{"class":497},[367,2401,2390],{"class":725},[367,2403,2150],{"class":497},[367,2405,2406,2409,2411,2413],{"class":369,"line":52},[367,2407,2408],{"class":477},"    shorthand",[367,2410,1182],{"class":497},[367,2412,2390],{"class":725},[367,2414,2150],{"class":497},[367,2416,2417],{"class":369,"line":128},[367,2418,2155],{"class":497},[367,2420,2421,2424,2426],{"class":369,"line":124},[367,2422,2423],{"class":477},"  html",[367,2425,1182],{"class":497},[367,2427,2137],{"class":497},[367,2429,2430,2433,2435,2437],{"class":369,"line":48},[367,2431,2432],{"class":477},"    format",[367,2434,1182],{"class":497},[367,2436,2390],{"class":725},[367,2438,2150],{"class":497},[367,2440,2441],{"class":369,"line":23},[367,2442,2155],{"class":497},[367,2444,2445],{"class":369,"line":140},[367,2446,2160],{"class":497},[429,2448,2450],{"id":2449},"remove-posthtml-config","Remove PostHTML config",[326,2452,2453,2454,906,2457,2344,2460,2463],{},"PostHTML is no longer used, so you can remove any related config keys like ",[345,2455,2456],{},"posthtml.*",[345,2458,2459],{},"expressions.*",[345,2461,2462],{},"components.*"," from your config.",[358,2465,2467],{"className":2025,"code":2466,"filename":2013,"language":2027,"meta":363,"style":363},"export default defineConfig({\n  posthtml: { ... },     \u002F\u002F [!code --]\n  expressions: { ... },      \u002F\u002F [!code --]\n  components: { \n    source: ['custom-components'],  \u002F\u002F [!code ++]\n    folders: ['custom-components'], \u002F\u002F [!code --]\n    \u002F\u002F everything else removed \u002F\u002F [!code --]\n  },\n}\n",[345,2468,2469,2479,2495,2509,2521,2541,2559,2566,2570],{"__ignoreMap":363},[367,2470,2471,2473,2475,2477],{"class":369,"line":18},[367,2472,2119],{"class":2044},[367,2474,2122],{"class":2044},[367,2476,2097],{"class":372},[367,2478,2127],{"class":497},[367,2480,2482,2485,2487,2489,2492],{"class":2481,"line":13},[369,437,1209],[367,2483,2484],{"class":477},"  posthtml",[367,2486,1182],{"class":497},[367,2488,2094],{"class":497},[367,2490,2491],{"class":449}," ...",[367,2493,2494],{"class":497}," },",[367,2496,2498,2501,2503,2505,2507],{"class":2497,"line":32},[369,437,1209],[367,2499,2500],{"class":477},"  expressions",[367,2502,1182],{"class":497},[367,2504,2094],{"class":497},[367,2506,2491],{"class":449},[367,2508,2494],{"class":497},[367,2510,2511,2514,2516,2518],{"class":369,"line":27},[367,2512,2513],{"class":477},"  components",[367,2515,1182],{"class":497},[367,2517,2094],{"class":497},[367,2519,2520],{"class":477}," \n",[367,2522,2524,2527,2529,2531,2533,2536,2538],{"class":2523,"line":52},[369,437,1221],[367,2525,2526],{"class":477},"    source",[367,2528,1182],{"class":497},[367,2530,2223],{"class":497},[367,2532,2226],{"class":497},[367,2534,2535],{"class":376},"custom-components",[367,2537,2226],{"class":497},[367,2539,2540],{"class":497},"],",[367,2542,2544,2547,2549,2551,2553,2555,2557],{"class":2543,"line":128},[369,437,1209],[367,2545,2546],{"class":477},"    folders",[367,2548,1182],{"class":497},[367,2550,2223],{"class":497},[367,2552,2226],{"class":497},[367,2554,2535],{"class":376},[367,2556,2226],{"class":497},[367,2558,2540],{"class":497},[367,2560,2562],{"class":2561,"line":124},[369,437,1209],[367,2563,2565],{"class":2564},"sVsQ9","    \u002F\u002F everything else removed",[367,2567,2568],{"class":369,"line":48},[367,2569,2155],{"class":497},[367,2571,2572],{"class":369,"line":23},[367,2573,2267],{"class":497},[429,2575,2577],{"id":2576},"fetch-tag-removed","Fetch tag removed",[326,2579,2580,2581,2584,2585,2588,2589,2591],{},"The PostHTML ",[345,2582,2583],{},"\u003Cfetch>"," tag has been removed, use ",[345,2586,2587],{},"fetch()"," (or any HTTP client) inside ",[345,2590,427],{}," and bind the result:",[358,2593,2596],{"className":699,"code":2594,"filename":2595,"language":702,"meta":363,"style":363},"\u003Cscript setup>\n  const items = await fetch('https:\u002F\u002Fapi.example.com\u002Fnews').then(r => r.json())\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CLayout>\n    \u003CContainer>\n      \u003CText v-for=\"item in items\" :key=\"item.id\">{{ item.title }}\u003C\u002FText>\n    \u003C\u002FContainer>\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n","emails\u002Fnews.vue",[345,2597,2598,2608,2658,2666,2670,2678,2686,2694,2735,2743,2751],{"__ignoreMap":363},[367,2599,2600,2602,2604,2606],{"class":369,"line":18},[367,2601,498],{"class":497},[367,2603,711],{"class":449},[367,2605,714],{"class":372},[367,2607,504],{"class":497},[367,2609,2610,2612,2615,2617,2620,2623,2626,2628,2631,2633,2636,2639,2641,2644,2647,2650,2652,2655],{"class":369,"line":13},[367,2611,722],{"class":721},[367,2613,2614],{"class":725}," items",[367,2616,729],{"class":449},[367,2618,2619],{"class":2044}," await",[367,2621,2622],{"class":372}," fetch",[367,2624,2625],{"class":497},"(",[367,2627,2226],{"class":497},[367,2629,2630],{"class":376},"https:\u002F\u002Fapi.example.com\u002Fnews",[367,2632,2226],{"class":497},[367,2634,2635],{"class":497},").",[367,2637,2638],{"class":372},"then",[367,2640,2625],{"class":497},[367,2642,2643],{"class":477},"r ",[367,2645,2646],{"class":449},"=>",[367,2648,2649],{"class":2038}," r",[367,2651,410],{"class":497},[367,2653,2654],{"class":372},"json",[367,2656,2657],{"class":497},"())\n",[367,2659,2660,2662,2664],{"class":369,"line":32},[367,2661,598],{"class":497},[367,2663,711],{"class":449},[367,2665,504],{"class":497},[367,2667,2668],{"class":369,"line":27},[367,2669,492],{"emptyLinePlaceholder":14},[367,2671,2672,2674,2676],{"class":369,"line":52},[367,2673,498],{"class":497},[367,2675,757],{"class":449},[367,2677,504],{"class":497},[367,2679,2680,2682,2684],{"class":369,"line":128},[367,2681,509],{"class":497},[367,2683,76],{"class":449},[367,2685,504],{"class":497},[367,2687,2688,2690,2692],{"class":369,"line":124},[367,2689,545],{"class":497},[367,2691,51],{"class":449},[367,2693,504],{"class":497},[367,2695,2696,2698,2700,2703,2705,2707,2710,2712,2715,2717,2719,2722,2724,2726,2729,2731,2733],{"class":369,"line":48},[367,2697,555],{"class":497},[367,2699,139],{"class":449},[367,2701,2702],{"class":372}," v-for",[367,2704,518],{"class":497},[367,2706,521],{"class":497},[367,2708,2709],{"class":376},"item in items",[367,2711,521],{"class":497},[367,2713,2714],{"class":372}," :key",[367,2716,518],{"class":497},[367,2718,521],{"class":497},[367,2720,2721],{"class":376},"item.id",[367,2723,521],{"class":497},[367,2725,592],{"class":497},[367,2727,2728],{"class":477},"{{ item.title }}",[367,2730,598],{"class":497},[367,2732,139],{"class":449},[367,2734,504],{"class":497},[367,2736,2737,2739,2741],{"class":369,"line":23},[367,2738,672],{"class":497},[367,2740,51],{"class":449},[367,2742,504],{"class":497},[367,2744,2745,2747,2749],{"class":369,"line":140},[367,2746,681],{"class":497},[367,2748,76],{"class":449},[367,2750,504],{"class":497},[367,2752,2753,2755,2757],{"class":369,"line":56},[367,2754,598],{"class":497},[367,2756,757],{"class":449},[367,2758,504],{"class":497},[429,2760,2762],{"id":2761},"outlook-config","Outlook config",[326,2764,1089,2765,2768,2769,2774],{},[345,2766,2767],{},"outlook"," config key has been removed. Use the built-in ",[333,2770,2771],{"href":94},[345,2772,2773],{},"\u003COutlook>"," component instead:",[358,2776,2779],{"className":699,"code":2777,"filename":2778,"language":702,"meta":363,"style":363},"\u003Ctemplate>\n  \u003COutlook>\n    \u003CText>Visible only in Outlook.\u003C\u002FText>\n  \u003C\u002FOutlook>\n\u003C\u002Ftemplate>\n","emails\u002Fexample.vue",[345,2780,2781,2789,2797,2814,2822],{"__ignoreMap":363},[367,2782,2783,2785,2787],{"class":369,"line":18},[367,2784,498],{"class":497},[367,2786,757],{"class":449},[367,2788,504],{"class":497},[367,2790,2791,2793,2795],{"class":369,"line":13},[367,2792,509],{"class":497},[367,2794,95],{"class":449},[367,2796,504],{"class":497},[367,2798,2799,2801,2803,2805,2808,2810,2812],{"class":369,"line":32},[367,2800,545],{"class":497},[367,2802,139],{"class":449},[367,2804,592],{"class":497},[367,2806,2807],{"class":477},"Visible only in Outlook.",[367,2809,598],{"class":497},[367,2811,139],{"class":449},[367,2813,504],{"class":497},[367,2815,2816,2818,2820],{"class":369,"line":27},[367,2817,681],{"class":497},[367,2819,95],{"class":449},[367,2821,504],{"class":497},[367,2823,2824,2826,2828],{"class":369,"line":52},[367,2825,598],{"class":497},[367,2827,757],{"class":449},[367,2829,504],{"class":497},[429,2831,2833],{"id":2832},"other-renamed-keys","Other renamed keys",[326,2835,2836],{},"Some other config keys have been renamed for clarity. Here's a quick reference:",[512,2838,2839,2848],{},[934,2840,2841],{},[548,2842,2843,2846],{},[939,2844,2845],{},"Maizzle 5.x",[939,2847,696],{},[957,2849,2850,2864,2878,2890],{},[548,2851,2852,2857],{},[558,2853,2854],{},[345,2855,2856],{},"attributes.add",[558,2858,2859],{},[333,2860,2861],{"href":258},[345,2862,2863],{},"html.attributes.add",[548,2865,2866,2871],{},[558,2867,2868],{},[345,2869,2870],{},"attributes.remove",[558,2872,2873],{},[333,2874,2875],{"href":291},[345,2876,2877],{},"html.attributes.remove",[548,2879,2880,2884],{},[558,2881,2882],{},[345,2883,2351],{},[558,2885,2886],{},[333,2887,2888],{"href":274},[345,2889,2347],{},[548,2891,2892,2897],{},[558,2893,2894],{},[345,2895,2896],{},"minify",[558,2898,2899],{},[333,2900,2901],{"href":283},[345,2902,2903],{},"html.minify",[429,2905,2907],{"id":2906},"plaintext-config","Plaintext config",[326,2909,1089,2910,2913,2914,2917],{},[345,2911,2912],{},"plaintext"," config shape changed in v6. The string shorthand and the nested ",[345,2915,2916],{},"output"," key are gone — destination, extension, and strip-HTML options are now flat keys on a single object.",[326,2919,2920,2921,1182],{},"String shorthand → ",[345,2922,2923],{},"destination",[459,2925,2926,2949],{},[462,2927,2929],{"label":2928},"v5",[358,2930,2933],{"className":2931,"code":2932,"filename":2009,"language":2045,"meta":363,"style":363},"language-js shiki shiki-themes laserwave","export default {\n  plaintext: 'dist\u002Fbrand\u002Fplaintext',\n}\n",[345,2934,2935,2940,2945],{"__ignoreMap":363},[367,2936,2937],{"class":369,"line":18},[367,2938,2939],{},"export default {\n",[367,2941,2942],{"class":369,"line":13},[367,2943,2944],{},"  plaintext: 'dist\u002Fbrand\u002Fplaintext',\n",[367,2946,2947],{"class":369,"line":32},[367,2948,2267],{},[462,2950,2952],{"label":2951},"v6",[358,2953,2955],{"className":2083,"code":2954,"filename":2013,"language":2027,"meta":363,"style":363},"export default defineConfig({\n  plaintext: {\n    destination: 'dist\u002Fbrand\u002Fplaintext',\n  },\n})\n",[345,2956,2957,2967,2976,2992,2996],{"__ignoreMap":363},[367,2958,2959,2961,2963,2965],{"class":369,"line":18},[367,2960,2119],{"class":2044},[367,2962,2122],{"class":2044},[367,2964,2097],{"class":372},[367,2966,2127],{"class":497},[367,2968,2969,2972,2974],{"class":369,"line":13},[367,2970,2971],{"class":477},"  plaintext",[367,2973,1182],{"class":497},[367,2975,2137],{"class":497},[367,2977,2978,2981,2983,2985,2988,2990],{"class":369,"line":32},[367,2979,2980],{"class":477},"    destination",[367,2982,1182],{"class":497},[367,2984,732],{"class":497},[367,2986,2987],{"class":376},"dist\u002Fbrand\u002Fplaintext",[367,2989,2226],{"class":497},[367,2991,2150],{"class":497},[367,2993,2994],{"class":369,"line":27},[367,2995,2155],{"class":497},[367,2997,2998],{"class":369,"line":52},[367,2999,2160],{"class":497},[326,3001,3002,3005,3006,3009,3010,3005,3012,1182],{},[345,3003,3004],{},"output.path"," and ",[345,3007,3008],{},"output.extension"," → flat ",[345,3011,2923],{},[345,3013,3014],{},"extension",[459,3016,3017,3061],{},[462,3018,3019],{"label":2928},[358,3020,3022],{"className":2931,"code":3021,"filename":2009,"language":2045,"meta":363,"style":363},"export default {\n  plaintext: {\n    output: {\n      path: 'dist\u002Fbrand\u002Fplaintext',\n      extension: 'rtxt',\n    },\n  },\n}\n",[345,3023,3024,3028,3033,3038,3043,3048,3053,3057],{"__ignoreMap":363},[367,3025,3026],{"class":369,"line":18},[367,3027,2939],{},[367,3029,3030],{"class":369,"line":13},[367,3031,3032],{},"  plaintext: {\n",[367,3034,3035],{"class":369,"line":32},[367,3036,3037],{},"    output: {\n",[367,3039,3040],{"class":369,"line":27},[367,3041,3042],{},"      path: 'dist\u002Fbrand\u002Fplaintext',\n",[367,3044,3045],{"class":369,"line":52},[367,3046,3047],{},"      extension: 'rtxt',\n",[367,3049,3050],{"class":369,"line":128},[367,3051,3052],{},"    },\n",[367,3054,3055],{"class":369,"line":124},[367,3056,2155],{},[367,3058,3059],{"class":369,"line":48},[367,3060,2267],{},[462,3062,3063],{"label":2951},[358,3064,3066],{"className":2083,"code":3065,"filename":2013,"language":2027,"meta":363,"style":363},"export default defineConfig({\n  plaintext: {\n    destination: 'dist\u002Fbrand\u002Fplaintext',\n    extension: 'rtxt',\n  },\n})\n",[345,3067,3068,3078,3086,3100,3116,3120],{"__ignoreMap":363},[367,3069,3070,3072,3074,3076],{"class":369,"line":18},[367,3071,2119],{"class":2044},[367,3073,2122],{"class":2044},[367,3075,2097],{"class":372},[367,3077,2127],{"class":497},[367,3079,3080,3082,3084],{"class":369,"line":13},[367,3081,2971],{"class":477},[367,3083,1182],{"class":497},[367,3085,2137],{"class":497},[367,3087,3088,3090,3092,3094,3096,3098],{"class":369,"line":32},[367,3089,2980],{"class":477},[367,3091,1182],{"class":497},[367,3093,732],{"class":497},[367,3095,2987],{"class":376},[367,3097,2226],{"class":497},[367,3099,2150],{"class":497},[367,3101,3102,3105,3107,3109,3112,3114],{"class":369,"line":27},[367,3103,3104],{"class":477},"    extension",[367,3106,1182],{"class":497},[367,3108,732],{"class":497},[367,3110,3111],{"class":376},"rtxt",[367,3113,2226],{"class":497},[367,3115,2150],{"class":497},[367,3117,3118],{"class":369,"line":52},[367,3119,2155],{"class":497},[367,3121,3122],{"class":369,"line":128},[367,3123,2160],{"class":497},[326,3125,3126,3127,3130],{},"Strip-HTML options now live under a dedicated ",[345,3128,3129],{},"options"," key:",[358,3132,3134],{"className":2083,"code":3133,"filename":2013,"language":2027,"meta":363,"style":363},"export default defineConfig({\n  plaintext: {\n    options: { ignoreTags: ['br'] },\n  },\n})\n",[345,3135,3136,3146,3154,3181,3185],{"__ignoreMap":363},[367,3137,3138,3140,3142,3144],{"class":369,"line":18},[367,3139,2119],{"class":2044},[367,3141,2122],{"class":2044},[367,3143,2097],{"class":372},[367,3145,2127],{"class":497},[367,3147,3148,3150,3152],{"class":369,"line":13},[367,3149,2971],{"class":477},[367,3151,1182],{"class":497},[367,3153,2137],{"class":497},[367,3155,3156,3159,3161,3163,3166,3168,3170,3172,3174,3176,3179],{"class":369,"line":32},[367,3157,3158],{"class":477},"    options",[367,3160,1182],{"class":497},[367,3162,2094],{"class":497},[367,3164,3165],{"class":477}," ignoreTags",[367,3167,1182],{"class":497},[367,3169,2223],{"class":497},[367,3171,2226],{"class":497},[367,3173,943],{"class":376},[367,3175,2226],{"class":497},[367,3177,3178],{"class":497},"]",[367,3180,2258],{"class":497},[367,3182,3183],{"class":369,"line":27},[367,3184,2155],{"class":497},[367,3186,3187],{"class":369,"line":52},[367,3188,2160],{"class":497},[326,3190,3191,3192,3198],{},"To enable plaintext for a single template, use the ",[333,3193,3195],{"href":3194},"\u002Fdocs\u002Fapi\u002Fcomposables#useplaintext",[345,3196,3197],{},"usePlaintext()"," composable instead of frontmatter:",[459,3200,3201,3242],{},[462,3202,3203],{"label":2928},[358,3204,3208],{"className":3205,"code":3206,"filename":469,"language":3207,"meta":363,"style":363},"language-hbs shiki shiki-themes laserwave","---\nplaintext: true\n---\n\n\u003Cx-main>\n  \u003C!-- ... -->\n\u003C\u002Fx-main>\n","hbs",[345,3209,3210,3214,3219,3223,3227,3232,3237],{"__ignoreMap":363},[367,3211,3212],{"class":369,"line":18},[367,3213,478],{},[367,3215,3216],{"class":369,"line":13},[367,3217,3218],{},"plaintext: true\n",[367,3220,3221],{"class":369,"line":32},[367,3222,478],{},[367,3224,3225],{"class":369,"line":27},[367,3226,492],{"emptyLinePlaceholder":14},[367,3228,3229],{"class":369,"line":52},[367,3230,3231],{},"\u003Cx-main>\n",[367,3233,3234],{"class":369,"line":128},[367,3235,3236],{},"  \u003C!-- ... -->\n",[367,3238,3239],{"class":369,"line":124},[367,3240,3241],{},"\u003C\u002Fx-main>\n",[462,3243,3244],{"label":2951},[358,3245,3247],{"className":699,"code":3246,"filename":701,"language":702,"meta":363,"style":363},"\u003Cscript setup>\n  usePlaintext()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CLayout>\n    \u003C!-- ... -->\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n",[345,3248,3249,3259,3267,3275,3279,3287,3295,3300,3308],{"__ignoreMap":363},[367,3250,3251,3253,3255,3257],{"class":369,"line":18},[367,3252,498],{"class":497},[367,3254,711],{"class":449},[367,3256,714],{"class":372},[367,3258,504],{"class":497},[367,3260,3261,3264],{"class":369,"line":13},[367,3262,3263],{"class":372},"  usePlaintext",[367,3265,3266],{"class":497},"()\n",[367,3268,3269,3271,3273],{"class":369,"line":32},[367,3270,598],{"class":497},[367,3272,711],{"class":449},[367,3274,504],{"class":497},[367,3276,3277],{"class":369,"line":27},[367,3278,492],{"emptyLinePlaceholder":14},[367,3280,3281,3283,3285],{"class":369,"line":52},[367,3282,498],{"class":497},[367,3284,757],{"class":449},[367,3286,504],{"class":497},[367,3288,3289,3291,3293],{"class":369,"line":128},[367,3290,509],{"class":497},[367,3292,76],{"class":449},[367,3294,504],{"class":497},[367,3296,3297],{"class":369,"line":124},[367,3298,3299],{"class":2564},"    \u003C!-- ... -->\n",[367,3301,3302,3304,3306],{"class":369,"line":48},[367,3303,681],{"class":497},[367,3305,76],{"class":449},[367,3307,504],{"class":497},[367,3309,3310,3312,3314],{"class":369,"line":23},[367,3311,598],{"class":497},[367,3313,757],{"class":449},[367,3315,504],{"class":497},[326,3317,3318,3319,3322],{},"See the ",[333,3320,3321],{"href":185},"Plaintext docs"," for the full guide.",[429,3324,3326,3329,3330],{"id":3325},"permalink-useoutputpath",[345,3327,3328],{},"permalink"," → ",[345,3331,3332],{},"useOutputPath()",[326,3334,1089,3335,3337,3338,3343],{},[345,3336,3328],{}," frontmatter key, which sent a template to a custom output path, is now the ",[333,3339,3341],{"href":3340},"\u002Fdocs\u002Fapi\u002Fcomposables#useoutputpath",[345,3342,3332],{}," composable:",[459,3345,3346,3391],{},[462,3347,3348],{"label":2928},[358,3349,3352],{"className":1368,"code":3350,"filename":3351,"language":1370,"meta":363,"style":363},"---\npermalink: out\u002Fpromos\u002Fblack-friday.html\n---\n\n\u003Cx-main>\n  \u003C!-- ... -->\n\u003C\u002Fx-main>\n","emails\u002Fblack-friday.html",[345,3353,3354,3358,3363,3367,3371,3379,3383],{"__ignoreMap":363},[367,3355,3356],{"class":369,"line":18},[367,3357,478],{"class":477},[367,3359,3360],{"class":369,"line":13},[367,3361,3362],{"class":477},"permalink: out\u002Fpromos\u002Fblack-friday.html\n",[367,3364,3365],{"class":369,"line":32},[367,3366,478],{"class":477},[367,3368,3369],{"class":369,"line":27},[367,3370,492],{"emptyLinePlaceholder":14},[367,3372,3373,3375,3377],{"class":369,"line":52},[367,3374,498],{"class":497},[367,3376,501],{"class":449},[367,3378,504],{"class":497},[367,3380,3381],{"class":369,"line":128},[367,3382,3236],{"class":2564},[367,3384,3385,3387,3389],{"class":369,"line":124},[367,3386,598],{"class":497},[367,3388,501],{"class":449},[367,3390,504],{"class":497},[462,3392,3393],{"label":2951},[358,3394,3397],{"className":699,"code":3395,"filename":3396,"language":702,"meta":363,"style":363},"\u003Cscript setup>\n  useOutputPath('out\u002Fpromos\u002Fblack-friday.html')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CLayout>\n    \u003C!-- ... -->\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n","emails\u002Fblack-friday.vue",[345,3398,3399,3409,3426,3434,3438,3446,3454,3458,3466],{"__ignoreMap":363},[367,3400,3401,3403,3405,3407],{"class":369,"line":18},[367,3402,498],{"class":497},[367,3404,711],{"class":449},[367,3406,714],{"class":372},[367,3408,504],{"class":497},[367,3410,3411,3414,3416,3418,3421,3423],{"class":369,"line":13},[367,3412,3413],{"class":372},"  useOutputPath",[367,3415,2625],{"class":497},[367,3417,2226],{"class":497},[367,3419,3420],{"class":376},"out\u002Fpromos\u002Fblack-friday.html",[367,3422,2226],{"class":497},[367,3424,3425],{"class":497},")\n",[367,3427,3428,3430,3432],{"class":369,"line":32},[367,3429,598],{"class":497},[367,3431,711],{"class":449},[367,3433,504],{"class":497},[367,3435,3436],{"class":369,"line":27},[367,3437,492],{"emptyLinePlaceholder":14},[367,3439,3440,3442,3444],{"class":369,"line":52},[367,3441,498],{"class":497},[367,3443,757],{"class":449},[367,3445,504],{"class":497},[367,3447,3448,3450,3452],{"class":369,"line":128},[367,3449,509],{"class":497},[367,3451,76],{"class":449},[367,3453,504],{"class":497},[367,3455,3456],{"class":369,"line":124},[367,3457,3299],{"class":2564},[367,3459,3460,3462,3464],{"class":369,"line":48},[367,3461,681],{"class":497},[367,3463,76],{"class":449},[367,3465,504],{"class":497},[367,3467,3468,3470,3472],{"class":369,"line":23},[367,3469,598],{"class":497},[367,3471,757],{"class":449},[367,3473,504],{"class":497},[326,3475,3476],{},"The path is still relative to your project root and behaves the same as in v5.",[429,3478,3480],{"id":3479},"per-template-config","Per-template config",[326,3482,3483,3484,424,3486,1182],{},"In v5, you'd set per-template config via frontmatter. In v6, call ",[345,3485,423],{},[345,3487,427],{},[358,3489,3492],{"className":699,"code":3490,"filename":3491,"language":702,"meta":363,"style":363},"\u003Cscript setup>\n  defineConfig({\n    css: { inline: false },\n  })\n\u003C\u002Fscript>\n","emails\u002Fplain.vue",[345,3493,3494,3504,3511,3529,3534],{"__ignoreMap":363},[367,3495,3496,3498,3500,3502],{"class":369,"line":18},[367,3497,498],{"class":497},[367,3499,711],{"class":449},[367,3501,714],{"class":372},[367,3503,504],{"class":497},[367,3505,3506,3509],{"class":369,"line":13},[367,3507,3508],{"class":372},"  defineConfig",[367,3510,2127],{"class":497},[367,3512,3513,3516,3518,3520,3523,3525,3527],{"class":369,"line":32},[367,3514,3515],{"class":2044},"    css",[367,3517,1182],{"class":497},[367,3519,2094],{"class":497},[367,3521,3522],{"class":2044}," inline",[367,3524,1182],{"class":497},[367,3526,2390],{"class":725},[367,3528,2258],{"class":497},[367,3530,3531],{"class":369,"line":27},[367,3532,3533],{"class":497},"  })\n",[367,3535,3536,3538,3540],{"class":369,"line":52},[367,3537,598],{"class":497},[367,3539,711],{"class":449},[367,3541,504],{"class":497},[326,3543,3544],{},"Or use the dedicated composables for common cases:",[889,3546,3547,3555,3563,3571,3579,3585,3591],{},[892,3548,3549],{},[333,3550,3552],{"href":3551},"\u002Fdocs\u002Fapi\u002Fcomposables#usetransformers",[345,3553,3554],{},"useTransformers()",[892,3556,3557],{},[333,3558,3560],{"href":3559},"\u002Fdocs\u002Fapi\u002Fcomposables#usebaseurl",[345,3561,3562],{},"useBaseUrl()",[892,3564,3565],{},[333,3566,3568],{"href":3567},"\u002Fdocs\u002Fapi\u002Fcomposables#useurlquery",[345,3569,3570],{},"useUrlQuery()",[892,3572,3573],{},[333,3574,3576],{"href":3575},"\u002Fdocs\u002Fapi\u002Fcomposables#usedoctype",[345,3577,3578],{},"useDoctype()",[892,3580,3581],{},[333,3582,3583],{"href":3340},[345,3584,3332],{},[892,3586,3587],{},[333,3588,3589],{"href":3194},[345,3590,3197],{},[892,3592,3593],{},[333,3594,3596],{"href":3595},"\u002Fdocs\u002Fapi\u002Fcomposables#usepreheader",[345,3597,3598],{},"usePreheader()",[350,3600,177],{"id":3601},"events",[326,3603,3604],{},"Events still register at the root of the config, but the signatures have changed.",[429,3606,3608,3611,3612],{"id":3607},"aftertransformers-renamed-to-aftertransform",[345,3609,3610],{},"afterTransformers"," renamed to ",[345,3613,3614],{},"afterTransform",[459,3616,3617,3685],{},[462,3618,3619],{"label":464},[358,3620,3622],{"className":2083,"code":3621,"language":2027,"meta":363,"style":363},"afterTransformers({ html, matter, config }) {\n  return html.replace('\u003C\u002Fbody>', '\u003Cimg src=\"...\" \u002F>\\n\u003C\u002Fbody>')\n}\n",[345,3623,3624,3649,3681],{"__ignoreMap":363},[367,3625,3626,3628,3631,3634,3637,3640,3642,3644,3647],{"class":369,"line":18},[367,3627,3610],{"class":372},[367,3629,3630],{"class":497},"({",[367,3632,3633],{"class":2038}," html",[367,3635,3636],{"class":497},",",[367,3638,3639],{"class":2038}," matter",[367,3641,3636],{"class":497},[367,3643,2039],{"class":2038},[367,3645,3646],{"class":497}," })",[367,3648,2137],{"class":497},[367,3650,3651,3654,3656,3658,3661,3663,3665,3668,3670,3672,3674,3677,3679],{"class":369,"line":13},[367,3652,3653],{"class":2044},"  return",[367,3655,3633],{"class":2038},[367,3657,410],{"class":449},[367,3659,3660],{"class":372},"replace",[367,3662,2625],{"class":497},[367,3664,2226],{"class":497},[367,3666,3667],{"class":376},"\u003C\u002Fbody>",[367,3669,2226],{"class":497},[367,3671,3636],{"class":497},[367,3673,732],{"class":497},[367,3675,3676],{"class":376},"\u003Cimg src=\"...\" \u002F>\\n\u003C\u002Fbody>",[367,3678,2226],{"class":497},[367,3680,3425],{"class":497},[367,3682,3683],{"class":369,"line":32},[367,3684,2267],{"class":497},[462,3686,3687],{"label":696},[358,3688,3690],{"className":2083,"code":3689,"language":2027,"meta":363,"style":363},"afterTransform({ html, template, config }) {\n  return html.replace('\u003C\u002Fbody>', '\u003Cimg src=\"...\" \u002F>\\n\u003C\u002Fbody>')\n}\n",[345,3691,3692,3713,3741],{"__ignoreMap":363},[367,3693,3694,3696,3698,3700,3702,3705,3707,3709,3711],{"class":369,"line":18},[367,3695,3614],{"class":372},[367,3697,3630],{"class":497},[367,3699,3633],{"class":2038},[367,3701,3636],{"class":497},[367,3703,3704],{"class":2038}," template",[367,3706,3636],{"class":497},[367,3708,2039],{"class":2038},[367,3710,3646],{"class":497},[367,3712,2137],{"class":497},[367,3714,3715,3717,3719,3721,3723,3725,3727,3729,3731,3733,3735,3737,3739],{"class":369,"line":13},[367,3716,3653],{"class":2044},[367,3718,3633],{"class":2038},[367,3720,410],{"class":449},[367,3722,3660],{"class":372},[367,3724,2625],{"class":497},[367,3726,2226],{"class":497},[367,3728,3667],{"class":376},[367,3730,2226],{"class":497},[367,3732,3636],{"class":497},[367,3734,732],{"class":497},[367,3736,3676],{"class":376},[367,3738,2226],{"class":497},[367,3740,3425],{"class":497},[367,3742,3743],{"class":369,"line":32},[367,3744,2267],{"class":497},[429,3746,3748,3751],{"id":3747},"matter-is-gone",[345,3749,3750],{},"matter"," is gone",[326,3753,3754,3755,3757,3758,897,3760,3762,3763,3765],{},"v5 handlers received ",[345,3756,3750],{}," (the frontmatter object). v6 has no frontmatter — config lives inside ",[345,3759,427],{},[345,3761,423],{},", and template-level config is on the resolved ",[345,3764,2074],{}," argument that handlers already receive.",[429,3767,3769,3772],{"id":3768},"beforerender-now-operates-on-the-sfc-source",[345,3770,3771],{},"beforeRender"," now operates on the SFC source",[326,3774,3775,3776,3779,3780,3783,3784,3786,3787,3790],{},"In v5, ",[345,3777,3778],{},"beforeRender({ html, ... })"," received the pre-rendered HTML and you returned a modified HTML string. In v6, the renderer is Vue SSR, so ",[345,3781,3782],{},"beforeRender({ template, config })"," receives the raw ",[345,3785,419],{}," SFC source instead — return a string to replace ",[345,3788,3789],{},"template.source"," before it's handed to the renderer.",[459,3792,3793,3846],{},[462,3794,3795],{"label":464},[358,3796,3798],{"className":2083,"code":3797,"language":2027,"meta":363,"style":363},"beforeRender({ html }) {\n  return html.replace('FOO', 'BAR')\n}\n",[345,3799,3800,3812,3842],{"__ignoreMap":363},[367,3801,3802,3804,3806,3808,3810],{"class":369,"line":18},[367,3803,3771],{"class":372},[367,3805,3630],{"class":497},[367,3807,3633],{"class":2038},[367,3809,3646],{"class":497},[367,3811,2137],{"class":497},[367,3813,3814,3816,3818,3820,3822,3824,3826,3829,3831,3833,3835,3838,3840],{"class":369,"line":13},[367,3815,3653],{"class":2044},[367,3817,3633],{"class":2038},[367,3819,410],{"class":449},[367,3821,3660],{"class":372},[367,3823,2625],{"class":497},[367,3825,2226],{"class":497},[367,3827,3828],{"class":376},"FOO",[367,3830,2226],{"class":497},[367,3832,3636],{"class":497},[367,3834,732],{"class":497},[367,3836,3837],{"class":376},"BAR",[367,3839,2226],{"class":497},[367,3841,3425],{"class":497},[367,3843,3844],{"class":369,"line":32},[367,3845,2267],{"class":497},[462,3847,3848],{"label":696},[358,3849,3851],{"className":2083,"code":3850,"language":2027,"meta":363,"style":363},"beforeRender({ template }) {\n  return template.source.replace('FOO', 'BAR')\n}\n",[345,3852,3853,3865,3898],{"__ignoreMap":363},[367,3854,3855,3857,3859,3861,3863],{"class":369,"line":18},[367,3856,3771],{"class":372},[367,3858,3630],{"class":497},[367,3860,3704],{"class":2038},[367,3862,3646],{"class":497},[367,3864,2137],{"class":497},[367,3866,3867,3869,3871,3873,3876,3878,3880,3882,3884,3886,3888,3890,3892,3894,3896],{"class":369,"line":13},[367,3868,3653],{"class":2044},[367,3870,3704],{"class":2038},[367,3872,410],{"class":449},[367,3874,3875],{"class":2038},"source",[367,3877,410],{"class":449},[367,3879,3660],{"class":372},[367,3881,2625],{"class":497},[367,3883,2226],{"class":497},[367,3885,3828],{"class":376},[367,3887,2226],{"class":497},[367,3889,3636],{"class":497},[367,3891,732],{"class":497},[367,3893,3837],{"class":376},[367,3895,2226],{"class":497},[367,3897,3425],{"class":497},[367,3899,3900],{"class":369,"line":32},[367,3901,2267],{"class":497},[429,3903,3905,3907],{"id":3904},"template-argument",[345,3906,757],{}," argument",[326,3909,3910,3005,3913,3915,3916,3918,3919,1182],{},[345,3911,3912],{},"afterRender",[345,3914,3614],{}," now also receive a ",[345,3917,757],{}," argument — same shape as the one passed to ",[345,3920,3771],{},[358,3922,3924],{"className":2083,"code":3923,"language":2027,"meta":363,"style":363},"interface TemplateInfo {\n  source: string         \u002F\u002F raw Vue SFC source\n  path: ParsedPath       \u002F\u002F result of path.parse(absolutePath)\n}\n",[345,3925,3926,3936,3949,3962],{"__ignoreMap":363},[367,3927,3928,3931,3934],{"class":369,"line":18},[367,3929,3930],{"class":721},"interface",[367,3932,3933],{"class":721}," TemplateInfo",[367,3935,2137],{"class":497},[367,3937,3938,3941,3943,3946],{"class":369,"line":13},[367,3939,3940],{"class":477},"  source",[367,3942,1182],{"class":449},[367,3944,3945],{"class":721}," string         ",[367,3947,3948],{"class":2564},"\u002F\u002F raw Vue SFC source\n",[367,3950,3951,3954,3956,3959],{"class":369,"line":32},[367,3952,3953],{"class":477},"  path",[367,3955,1182],{"class":449},[367,3957,3958],{"class":449}," ParsedPath",[367,3960,3961],{"class":2564},"       \u002F\u002F result of path.parse(absolutePath)\n",[367,3963,3964],{"class":369,"line":27},[367,3965,2267],{"class":497},[429,3967,3969,3751],{"id":3968},"configbuildcurrent-is-gone",[345,3970,3971],{},"config.build.current",[326,3973,3974,3975,3978,3979,3986],{},"v5 exposed the currently-building template path on ",[345,3976,3977],{},"config.build.current.path"," (also a ",[333,3980,3983],{"href":3981,"rel":3982,"target":338},"https:\u002F\u002Fnodejs.org\u002Fapi\u002Fpath.html#pathparsepath",[337],[345,3984,3985],{},"path.parse()"," result, mutated onto the shared config). v6 drops that and surfaces the same info two ways:",[889,3988,3989,3999],{},[892,3990,3991,3992,3995,3996,2635],{},"In event handlers, via ",[345,3993,3994],{},"template.path"," (e.g. ",[345,3997,3998],{},"template.path.name === 'newsletter'",[892,4000,4001,4002,4008],{},"Anywhere inside an SFC, via the new ",[333,4003,4005],{"href":4004},"\u002Fdocs\u002Fapi\u002Fcomposables#usecurrenttemplate",[345,4006,4007],{},"useCurrentTemplate()"," composable.",[459,4010,4011,4087],{},[462,4012,4013],{"label":464},[358,4014,4016],{"className":2083,"code":4015,"language":2027,"meta":363,"style":363},"beforeRender({ config }) {\n  if (config.build.current.path.name === 'newsletter') {\n    \u002F\u002F ...\n  }\n}\n",[345,4017,4018,4030,4073,4078,4083],{"__ignoreMap":363},[367,4019,4020,4022,4024,4026,4028],{"class":369,"line":18},[367,4021,3771],{"class":372},[367,4023,3630],{"class":497},[367,4025,2039],{"class":2038},[367,4027,3646],{"class":497},[367,4029,2137],{"class":497},[367,4031,4032,4035,4038,4040,4042,4044,4046,4049,4051,4054,4056,4059,4062,4064,4067,4069,4071],{"class":369,"line":13},[367,4033,4034],{"class":2044},"  if",[367,4036,4037],{"class":497}," (",[367,4039,2074],{"class":2038},[367,4041,410],{"class":449},[367,4043,2179],{"class":2038},[367,4045,410],{"class":449},[367,4047,4048],{"class":2038},"current",[367,4050,410],{"class":449},[367,4052,4053],{"class":2038},"path",[367,4055,410],{"class":449},[367,4057,4058],{"class":2044},"name",[367,4060,4061],{"class":449}," ===",[367,4063,732],{"class":497},[367,4065,4066],{"class":376},"newsletter",[367,4068,2226],{"class":497},[367,4070,916],{"class":497},[367,4072,2137],{"class":497},[367,4074,4075],{"class":369,"line":32},[367,4076,4077],{"class":2564},"    \u002F\u002F ...\n",[367,4079,4080],{"class":369,"line":27},[367,4081,4082],{"class":497},"  }\n",[367,4084,4085],{"class":369,"line":52},[367,4086,2267],{"class":497},[462,4088,4089],{"label":696},[358,4090,4092],{"className":2083,"code":4091,"language":2027,"meta":363,"style":363},"beforeRender({ template }) {\n  if (template.path.name === 'newsletter') {\n    \u002F\u002F ...\n  }\n}\n",[345,4093,4094,4106,4134,4138,4142],{"__ignoreMap":363},[367,4095,4096,4098,4100,4102,4104],{"class":369,"line":18},[367,4097,3771],{"class":372},[367,4099,3630],{"class":497},[367,4101,3704],{"class":2038},[367,4103,3646],{"class":497},[367,4105,2137],{"class":497},[367,4107,4108,4110,4112,4114,4116,4118,4120,4122,4124,4126,4128,4130,4132],{"class":369,"line":13},[367,4109,4034],{"class":2044},[367,4111,4037],{"class":497},[367,4113,757],{"class":2038},[367,4115,410],{"class":449},[367,4117,4053],{"class":2038},[367,4119,410],{"class":449},[367,4121,4058],{"class":2044},[367,4123,4061],{"class":449},[367,4125,732],{"class":497},[367,4127,4066],{"class":376},[367,4129,2226],{"class":497},[367,4131,916],{"class":497},[367,4133,2137],{"class":497},[367,4135,4136],{"class":369,"line":32},[367,4137,4077],{"class":2564},[367,4139,4140],{"class":369,"line":27},[367,4141,4082],{"class":497},[367,4143,4144],{"class":369,"line":52},[367,4145,2267],{"class":497},[326,4147,1330,4148,4150],{},[333,4149,177],{"href":176}," for the full list and signatures.",[350,4152,4154],{"id":4153},"cli-commands","CLI commands",[512,4156,4157,4165],{},[934,4158,4159],{},[548,4160,4161,4163],{},[939,4162,2928],{},[939,4164,2951],{},[957,4166,4167,4185,4197,4212],{},[548,4168,4169,4174],{},[558,4170,4171],{},[345,4172,4173],{},"maizzle build",[558,4175,4176,4178,4179,916],{},[345,4177,4173],{}," (or programmatic ",[333,4180,4182],{"href":4181},"\u002Fdocs\u002Fapi\u002Futilities#build",[345,4183,4184],{},"build()",[548,4186,4187,4192],{},[558,4188,4189],{},[345,4190,4191],{},"maizzle build production",[558,4193,4194],{},[345,4195,4196],{},"maizzle build -c production.config.ts",[548,4198,4199,4204],{},[558,4200,4201],{},[345,4202,4203],{},"maizzle serve",[558,4205,4206,4208,4209],{},[345,4207,4203],{}," or ",[345,4210,4211],{},"maizzle dev",[548,4213,4214,4219],{},[558,4215,4216],{},[345,4217,4218],{},"maizzle make:template name",[558,4220,4221],{},[345,4222,4223],{},"maizzle make:template [filepath]",[350,4225,4227],{"id":4226},"optional-but-recommended","Optional but recommended",[429,4229,4231],{"id":4230},"use-built-in-components","Use built-in components",[326,4233,4234,4235,906,4239,906,4243,906,4247,906,4251,906,4256,906,4260,4265],{},"Maizzle 6 ships polished, render-tested email building blocks: ",[333,4236,4237],{"href":34},[345,4238,915],{},[333,4240,4241],{"href":50},[345,4242,909],{},[333,4244,4245],{"href":61},[345,4246,912],{},[333,4248,4249],{"href":64},[345,4250,1848],{},[333,4252,4253],{"href":71},[345,4254,4255],{},"\u003CImg>",[333,4257,4258],{"href":130},[345,4259,1854],{},[333,4261,4262],{"href":138},[345,4263,4264],{},"\u003CText>",", and more.",[326,4267,4268],{},"Replace your hand-coded tables with these where you can — they're heavily tested (we've been using them in production for years), they handle Outlook quirks for you, and LLMs can understand them better when asked to generate emails.",[429,4270,4272],{"id":4271},"vite-plugin","Vite plugin",[326,4274,4275,4276,410],{},"If your project already uses Vite (Laravel, Nuxt, SvelteKit, Astro etc.), you can run Maizzle as a plugin alongside your app instead of as a standalone project. See ",[333,4277,197],{"href":196},[1403,4279,4280],{},"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 .sZNF3, html code.shiki .sZNF3{--shiki-default:#EB64B9}html pre.shiki code .sXiT_, html code.shiki .sXiT_{--shiki-default:#B4DCE7}html pre.shiki code .sb4Pa, html code.shiki .sb4Pa{--shiki-default:#74DFC4}html pre.shiki code .sLaUg, html code.shiki .sLaUg{--shiki-default:#FFFFFF}html pre.shiki code .sGGKt, html code.shiki .sGGKt{--shiki-default:#7B6995}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 .sU-n2, html code.shiki .sU-n2{--shiki-default:#FFF}html pre.shiki code .s0ZPN, html code.shiki .s0ZPN{--shiki-default:#40B4C4}html pre.shiki code .sVsQ9, html code.shiki .sVsQ9{--shiki-default:#91889B}",{"title":363,"searchDepth":13,"depth":13,"links":4282},[4283,4284,4292,4296,4300,4313,4325,4326],{"id":352,"depth":13,"text":353},{"id":413,"depth":13,"text":188,"children":4285},[4286,4287,4288,4289,4290,4291],{"id":431,"depth":32,"text":432},{"id":453,"depth":32,"text":454},{"id":926,"depth":32,"text":927},{"id":1085,"depth":32,"text":1086},{"id":1171,"depth":32,"text":1172},{"id":1250,"depth":32,"text":1251},{"id":1337,"depth":13,"text":1338,"children":4293},[4294,4295],{"id":1344,"depth":32,"text":1345},{"id":1520,"depth":32,"text":1521},{"id":1555,"depth":13,"text":31,"children":4297},[4298,4299],{"id":1558,"depth":32,"text":1559},{"id":1839,"depth":32,"text":1840},{"id":2004,"depth":13,"text":173,"children":4301},[4302,4304,4305,4306,4307,4308,4309,4310,4312],{"id":2176,"depth":32,"text":4303},"build key flattened",{"id":2331,"depth":32,"text":2332},{"id":2449,"depth":32,"text":2450},{"id":2576,"depth":32,"text":2577},{"id":2761,"depth":32,"text":2762},{"id":2832,"depth":32,"text":2833},{"id":2906,"depth":32,"text":2907},{"id":3325,"depth":32,"text":4311},"permalink → useOutputPath()",{"id":3479,"depth":32,"text":3480},{"id":3601,"depth":13,"text":177,"children":4314},[4315,4317,4319,4321,4323],{"id":3607,"depth":32,"text":4316},"afterTransformers renamed to afterTransform",{"id":3747,"depth":32,"text":4318},"matter is gone",{"id":3768,"depth":32,"text":4320},"beforeRender now operates on the SFC source",{"id":3904,"depth":32,"text":4322},"template argument",{"id":3968,"depth":32,"text":4324},"config.build.current is gone",{"id":4153,"depth":13,"text":4154},{"id":4226,"depth":13,"text":4227,"children":4327},[4328,4329],{"id":4230,"depth":32,"text":4231},{"id":4271,"depth":32,"text":4272},"How to upgrade your Maizzle projects from v5 to v6.",{},{"title":310,"description":4330},"docs\u002Fupgrade-guide","N8f4S07RmvjoWpoM1JZS78-oz-P_FKR8OLubiyNE6YY",1781013239126]