[{"data":1,"prerenderedAt":4505},["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":4500,"extension":1266,"meta":4501,"navigation":14,"order":52,"path":309,"section":22,"seo":4502,"sidebar":14,"stem":4503,"toc":14,"__hash__":4504},"docs\u002Fdocs\u002Fupgrade-guide.md",{"type":319,"value":320,"toc":4451},"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,1527,1534,1538,1569,1572,1576,1579,1582,1795,1798,1853,1857,1871,1953,2009,2018,2021,2034,2177,2190,2197,2204,2367,2371,2396,2507,2511,2524,2656,2660,2674,2841,2845,2857,2912,2916,2919,2986,2990,3000,3006,3104,3119,3250,3257,3337,3347,3464,3471,3481,3492,3622,3625,3629,3636,3690,3693,3747,3750,3753,3763,3915,3922,3936,3943,3961,4072,4078,4091,4136,4142,4157,4179,4316,4321,4325,4394,4398,4402,4436,4439,4443,4448],[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  \u003CHtml>\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      \u003CTailwind>\n        \u003CText class=\"text-brand font-display\">Hello!\u003C\u002FText>\n      \u003C\u002FTailwind>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","xml",[345,1372,1373,1381,1389,1397,1406,1411,1415,1420,1425,1430,1435,1443,1451,1459,1467,1495,1503,1511,1519],{"__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,69],{"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],{"class":369,"line":73},[367,1462,555],{"class":497},[367,1464,135],{"class":449},[367,1466,504],{"class":497},[367,1468,1469,1471,1473,1475,1477,1479,1482,1484,1486,1489,1491,1493],{"class":369,"line":132},[367,1470,576],{"class":497},[367,1472,139],{"class":449},[367,1474,529],{"class":372},[367,1476,518],{"class":477},[367,1478,521],{"class":497},[367,1480,1481],{"class":376},"text-brand font-display",[367,1483,521],{"class":497},[367,1485,592],{"class":497},[367,1487,1488],{"class":477},"Hello!",[367,1490,598],{"class":497},[367,1492,139],{"class":449},[367,1494,504],{"class":497},[367,1496,1497,1499,1501],{"class":369,"line":66},[367,1498,663],{"class":497},[367,1500,135],{"class":449},[367,1502,504],{"class":497},[367,1504,1505,1507,1509],{"class":369,"line":112},[367,1506,672],{"class":497},[367,1508,30],{"class":449},[367,1510,504],{"class":497},[367,1512,1513,1515,1517],{"class":369,"line":40},[367,1514,681],{"class":497},[367,1516,69],{"class":449},[367,1518,504],{"class":497},[367,1520,1521,1523,1525],{"class":369,"line":44},[367,1522,598],{"class":497},[367,1524,757],{"class":449},[367,1526,504],{"class":497},[326,1528,1529,1530,1533],{},"See our ",[333,1531,1532],{"href":254},"Tailwind CSS docs"," for more details and examples.",[429,1535,1537],{"id":1536},"email-preset-replaced","Email preset replaced",[512,1539,1540,1548],{},[934,1541,1542],{},[548,1543,1544,1546],{},[939,1545,464],{},[939,1547,696],{},[957,1549,1550],{},[548,1551,1552,1561],{},[558,1553,1554],{},[333,1555,1558],{"href":1556,"rel":1557,"target":338},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Ftailwindcss-preset-email",[337],[345,1559,1560],{},"tailwindcss-preset-email",[558,1562,1563],{},[333,1564,1567],{"href":1565,"rel":1566,"target":338},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@maizzle\u002Ftailwindcss",[337],[345,1568,1353],{},[350,1570,31],{"id":1571},"components",[429,1573,1575],{"id":1574},"new-syntax","New syntax",[326,1577,1578],{},"PostHTML components become Vue components.",[326,1580,1581],{},"Here's a side-by-side comparison of how you'd define the same component in v5 vs. v6:",[459,1583,1584,1682],{},[462,1585,1587],{"label":1586},"v5\u002Fcomponents\u002Fcard.html",[358,1588,1591],{"className":467,"code":1589,"filename":1590,"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,1592,1593,1622,1630,1649,1658,1666,1674],{"__ignoreMap":363},[367,1594,1595,1597,1599,1601,1603,1605,1607,1609,1611,1613,1615,1618,1620],{"class":369,"line":18},[367,1596,498],{"class":497},[367,1598,512],{"class":449},[367,1600,515],{"class":477},[367,1602,518],{"class":497},[367,1604,521],{"class":497},[367,1606,524],{"class":376},[367,1608,521],{"class":497},[367,1610,529],{"class":372},[367,1612,518],{"class":497},[367,1614,521],{"class":497},[367,1616,1617],{"class":376},"mx-auto bg-indigo-100",[367,1619,521],{"class":497},[367,1621,504],{"class":497},[367,1623,1624,1626,1628],{"class":369,"line":13},[367,1625,509],{"class":497},[367,1627,548],{"class":449},[367,1629,504],{"class":497},[367,1631,1632,1634,1636,1638,1640,1642,1645,1647],{"class":369,"line":32},[367,1633,545],{"class":497},[367,1635,558],{"class":449},[367,1637,529],{"class":372},[367,1639,518],{"class":497},[367,1641,521],{"class":497},[367,1643,1644],{"class":376},"p-6",[367,1646,521],{"class":497},[367,1648,504],{"class":497},[367,1650,1651,1653,1655],{"class":369,"line":27},[367,1652,555],{"class":497},[367,1654,1214],{"class":449},[367,1656,1657],{"class":497}," \u002F>\n",[367,1659,1660,1662,1664],{"class":369,"line":52},[367,1661,672],{"class":497},[367,1663,558],{"class":449},[367,1665,504],{"class":497},[367,1667,1668,1670,1672],{"class":369,"line":128},[367,1669,681],{"class":497},[367,1671,548],{"class":449},[367,1673,504],{"class":497},[367,1675,1676,1678,1680],{"class":369,"line":124},[367,1677,598],{"class":497},[367,1679,512],{"class":449},[367,1681,504],{"class":497},[462,1683,1685],{"label":1684},"v6\u002Fcomponents\u002FCard.vue",[358,1686,1689],{"className":699,"code":1687,"filename":1688,"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,1690,1691,1699,1727,1735,1753,1763,1771,1779,1787],{"__ignoreMap":363},[367,1692,1693,1695,1697],{"class":369,"line":18},[367,1694,498],{"class":497},[367,1696,757],{"class":449},[367,1698,504],{"class":497},[367,1700,1701,1703,1705,1707,1709,1711,1713,1715,1717,1719,1721,1723,1725],{"class":369,"line":13},[367,1702,509],{"class":497},[367,1704,512],{"class":449},[367,1706,515],{"class":477},[367,1708,518],{"class":497},[367,1710,521],{"class":497},[367,1712,524],{"class":376},[367,1714,521],{"class":497},[367,1716,529],{"class":372},[367,1718,518],{"class":497},[367,1720,521],{"class":497},[367,1722,1617],{"class":376},[367,1724,521],{"class":497},[367,1726,504],{"class":497},[367,1728,1729,1731,1733],{"class":369,"line":32},[367,1730,545],{"class":497},[367,1732,548],{"class":449},[367,1734,504],{"class":497},[367,1736,1737,1739,1741,1743,1745,1747,1749,1751],{"class":369,"line":27},[367,1738,555],{"class":497},[367,1740,558],{"class":449},[367,1742,529],{"class":372},[367,1744,518],{"class":497},[367,1746,521],{"class":497},[367,1748,1644],{"class":376},[367,1750,521],{"class":497},[367,1752,504],{"class":497},[367,1754,1755,1757,1759,1761],{"class":369,"line":52},[367,1756,576],{"class":497},[367,1758,1226],{"class":449},[367,1760,1229],{"class":477},[367,1762,504],{"class":497},[367,1764,1765,1767,1769],{"class":369,"line":128},[367,1766,663],{"class":497},[367,1768,558],{"class":449},[367,1770,504],{"class":497},[367,1772,1773,1775,1777],{"class":369,"line":124},[367,1774,672],{"class":497},[367,1776,548],{"class":449},[367,1778,504],{"class":497},[367,1780,1781,1783,1785],{"class":369,"line":48},[367,1782,681],{"class":497},[367,1784,512],{"class":449},[367,1786,504],{"class":497},[367,1788,1789,1791,1793],{"class":369,"line":23},[367,1790,598],{"class":497},[367,1792,757],{"class":449},[367,1794,504],{"class":497},[326,1796,1797],{},"Usage comparison:",[459,1799,1800,1827],{},[462,1801,1803],{"label":1802},"v5\u002Femails\u002Fwelcome.html",[358,1804,1807],{"className":467,"code":1805,"filename":1806,"language":470,"meta":363,"style":363},"\u003Cx-card>Limited time offer!\u003C\u002Fx-card>\n","emails\u002Fpromo.html",[345,1808,1809],{"__ignoreMap":363},[367,1810,1811,1813,1816,1818,1821,1823,1825],{"class":369,"line":18},[367,1812,498],{"class":497},[367,1814,1815],{"class":449},"x-card",[367,1817,592],{"class":497},[367,1819,1820],{"class":477},"Limited time offer!",[367,1822,598],{"class":497},[367,1824,1815],{"class":449},[367,1826,504],{"class":497},[462,1828,1830],{"label":1829},"v6\u002Femails\u002Fwelcome.vue",[358,1831,1834],{"className":699,"code":1832,"filename":1833,"language":702,"meta":363,"style":363},"\u003CCard>Limited time offer!\u003C\u002FCard>\n","emails\u002Fpromo.vue",[345,1835,1836],{"__ignoreMap":363},[367,1837,1838,1840,1843,1845,1847,1849,1851],{"class":369,"line":18},[367,1839,498],{"class":497},[367,1841,1842],{"class":449},"Card",[367,1844,592],{"class":497},[367,1846,1820],{"class":477},[367,1848,598],{"class":497},[367,1850,1842],{"class":449},[367,1852,504],{"class":497},[429,1854,1856],{"id":1855},"tailwind-first-sizing","Tailwind-first sizing",[326,1858,1859,1860,1865,1866,1182],{},"Most components are now styled and sized with Tailwind. For example, here are the new ",[333,1861,1862],{"href":64},[345,1863,1864],{},"\u003CHr>"," divider and the vertical ",[333,1867,1868],{"href":130},[345,1869,1870],{},"\u003CSpacer>",[459,1872,1873,1926],{},[462,1874,1876],{"label":1875},"x-divider (v5)",[358,1877,1879],{"className":467,"code":1878,"language":470,"meta":363,"style":363},"\u003Cx-divider height=\"2px\" space-y=\"32px\" color=\"#e2e8f0\" \u002F>\n",[345,1880,1881],{"__ignoreMap":363},[367,1882,1883,1885,1888,1891,1893,1895,1898,1900,1903,1905,1907,1910,1912,1915,1917,1919,1922,1924],{"class":369,"line":18},[367,1884,498],{"class":497},[367,1886,1887],{"class":449},"x-divider",[367,1889,1890],{"class":372}," height",[367,1892,518],{"class":497},[367,1894,521],{"class":497},[367,1896,1897],{"class":376},"2px",[367,1899,521],{"class":497},[367,1901,1902],{"class":372}," space-y",[367,1904,518],{"class":497},[367,1906,521],{"class":497},[367,1908,1909],{"class":376},"32px",[367,1911,521],{"class":497},[367,1913,1914],{"class":372}," color",[367,1916,518],{"class":497},[367,1918,521],{"class":497},[367,1920,1921],{"class":376},"#e2e8f0",[367,1923,521],{"class":497},[367,1925,1657],{"class":497},[462,1927,1929],{"label":1928},"Hr (v6)",[358,1930,1932],{"className":699,"code":1931,"language":702,"meta":363,"style":363},"\u003CHr class=\"h-0.5 my-8 bg-slate-200\" \u002F>\n",[345,1933,1934],{"__ignoreMap":363},[367,1935,1936,1938,1940,1942,1944,1946,1949,1951],{"class":369,"line":18},[367,1937,498],{"class":497},[367,1939,65],{"class":449},[367,1941,529],{"class":372},[367,1943,518],{"class":497},[367,1945,521],{"class":497},[367,1947,1948],{"class":376},"h-0.5 my-8 bg-slate-200",[367,1950,521],{"class":497},[367,1952,1657],{"class":497},[459,1954,1955,1982],{},[462,1956,1958],{"label":1957},"x-spacer (v5)",[358,1959,1961],{"className":467,"code":1960,"language":470,"meta":363,"style":363},"\u003Cx-spacer height=\"32px\" \u002F>\n",[345,1962,1963],{"__ignoreMap":363},[367,1964,1965,1967,1970,1972,1974,1976,1978,1980],{"class":369,"line":18},[367,1966,498],{"class":497},[367,1968,1969],{"class":449},"x-spacer",[367,1971,1890],{"class":372},[367,1973,518],{"class":497},[367,1975,521],{"class":497},[367,1977,1909],{"class":376},[367,1979,521],{"class":497},[367,1981,1657],{"class":497},[462,1983,1985],{"label":1984},"Spacer (v6)",[358,1986,1988],{"className":699,"code":1987,"language":702,"meta":363,"style":363},"\u003CSpacer class=\"h-8\" \u002F>\n",[345,1989,1990],{"__ignoreMap":363},[367,1991,1992,1994,1996,1998,2000,2002,2005,2007],{"class":369,"line":18},[367,1993,498],{"class":497},[367,1995,131],{"class":449},[367,1997,529],{"class":372},[367,1999,518],{"class":497},[367,2001,521],{"class":497},[367,2003,2004],{"class":376},"h-8",[367,2006,521],{"class":497},[367,2008,1657],{"class":497},[401,2010,2011],{"type":403},[326,2012,2013,2014,2017],{},"For Outlook fine-tuning, you can use the ",[345,2015,2016],{},"mso-line-height-alt-*"," utility.",[350,2019,173],{"id":2020},"configuration",[326,2022,2023,2026,2027,2030,2031,2033],{},[345,2024,2025],{},"config.js"," becomes ",[345,2028,2029],{},"maizzle.config.ts",", and it uses the composition API with ",[345,2032,423],{}," for type safety and better editor support.",[459,2035,2036,2095],{},[462,2037,2039],{"label":2038},"~\u002Fcode\u002Fproject",[358,2040,2044],{"className":2041,"code":2042,"language":2043,"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,2045,2046,2062,2078],{"__ignoreMap":363},[367,2047,2049,2052,2056,2058],{"class":2048,"line":18},[369,437,1209],[367,2050,2051],{"class":449},"-",[367,2053,2055],{"class":2054},"sU-n2"," config",[367,2057,410],{"class":449},[367,2059,2061],{"class":2060},"s0ZPN","js",[367,2063,2065,2067,2069,2071,2074,2076],{"class":2064,"line":13},[369,437,1209],[367,2066,2051],{"class":449},[367,2068,2055],{"class":2054},[367,2070,410],{"class":449},[367,2072,2073],{"class":2054},"production",[367,2075,410],{"class":449},[367,2077,2061],{"class":2060},[367,2079,2081,2084,2086,2088,2091,2093],{"class":2080,"line":32},[369,437,1221],[367,2082,2083],{"class":449},"+",[367,2085,377],{"class":2054},[367,2087,410],{"class":449},[367,2089,2090],{"class":2054},"config",[367,2092,410],{"class":449},[367,2094,2043],{"class":2060},[462,2096,2097],{"label":2029},[358,2098,2101],{"className":2099,"code":2100,"filename":2029,"language":2043,"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,2102,2103,2127,2131,2144,2154,2167,2172],{"__ignoreMap":363},[367,2104,2105,2108,2111,2114,2117,2120,2122,2125],{"class":369,"line":18},[367,2106,2107],{"class":2060},"import",[367,2109,2110],{"class":497}," {",[367,2112,2113],{"class":2054}," defineConfig",[367,2115,2116],{"class":497}," }",[367,2118,2119],{"class":2060}," from",[367,2121,732],{"class":497},[367,2123,2124],{"class":376},"@maizzle\u002Fframework",[367,2126,738],{"class":497},[367,2128,2129],{"class":369,"line":13},[367,2130,492],{"emptyLinePlaceholder":14},[367,2132,2133,2136,2139,2141],{"class":369,"line":32},[367,2134,2135],{"class":2060},"export",[367,2137,2138],{"class":2060}," default",[367,2140,2113],{"class":372},[367,2142,2143],{"class":497},"({\n",[367,2145,2146,2149,2151],{"class":369,"line":27},[367,2147,2148],{"class":477},"  css",[367,2150,1182],{"class":497},[367,2152,2153],{"class":497}," {\n",[367,2155,2156,2159,2161,2164],{"class":369,"line":52},[367,2157,2158],{"class":477},"    minify",[367,2160,1182],{"class":497},[367,2162,2163],{"class":725}," true",[367,2165,2166],{"class":497},",\n",[367,2168,2169],{"class":369,"line":128},[367,2170,2171],{"class":497},"  },\n",[367,2173,2174],{"class":369,"line":124},[367,2175,2176],{"class":497},"})\n",[401,2178,2179],{"type":403},[326,2180,2181,2182,2186,2187,2189],{},"You don't ",[2183,2184,2185],"em",{},"need"," a ",[345,2188,2029],{}," in your project, Maizzle 6 now has sensible defaults so you can get started without any config file at all.",[429,2191,2193,2196],{"id":2192},"build-key-flattened",[345,2194,2195],{},"build"," key flattened",[326,2198,2199,2200,2203],{},"The whole ",[345,2201,2202],{},"build: { ... }"," wrapper is gone. Move its children to the root:",[459,2205,2206,2284],{},[462,2207,2208],{"label":464},[358,2209,2211],{"className":2099,"code":2210,"filename":2029,"language":2043,"meta":363,"style":363},"export default {\n  build: {\n    content: ['emails\u002F**\u002F*.html'],\n    output: { path: 'build_production' },\n  },\n}\n",[345,2212,2213,2221,2230,2251,2275,2279],{"__ignoreMap":363},[367,2214,2215,2217,2219],{"class":369,"line":18},[367,2216,2135],{"class":2060},[367,2218,2138],{"class":2060},[367,2220,2153],{"class":497},[367,2222,2223,2226,2228],{"class":369,"line":13},[367,2224,2225],{"class":477},"  build",[367,2227,1182],{"class":497},[367,2229,2153],{"class":497},[367,2231,2232,2235,2237,2240,2243,2246,2248],{"class":369,"line":32},[367,2233,2234],{"class":477},"    content",[367,2236,1182],{"class":497},[367,2238,2239],{"class":497}," [",[367,2241,2242],{"class":497},"'",[367,2244,2245],{"class":376},"emails\u002F**\u002F*.html",[367,2247,2242],{"class":497},[367,2249,2250],{"class":497},"],\n",[367,2252,2253,2256,2258,2260,2263,2265,2267,2270,2272],{"class":369,"line":27},[367,2254,2255],{"class":477},"    output",[367,2257,1182],{"class":497},[367,2259,2110],{"class":497},[367,2261,2262],{"class":477}," path",[367,2264,1182],{"class":497},[367,2266,732],{"class":497},[367,2268,2269],{"class":376},"build_production",[367,2271,2242],{"class":497},[367,2273,2274],{"class":497}," },\n",[367,2276,2277],{"class":369,"line":52},[367,2278,2171],{"class":497},[367,2280,2281],{"class":369,"line":128},[367,2282,2283],{"class":497},"}\n",[462,2285,2286],{"label":696},[358,2287,2289],{"className":2099,"code":2288,"filename":2029,"language":2043,"meta":363,"style":363},"import { defineConfig } from '@maizzle\u002Fframework'\n\nexport default defineConfig({\n  content: ['emails\u002F**\u002F*.{vue,md}'],\n  output: { path: 'dist' },\n})\n",[345,2290,2291,2309,2313,2323,2341,2363],{"__ignoreMap":363},[367,2292,2293,2295,2297,2299,2301,2303,2305,2307],{"class":369,"line":18},[367,2294,2107],{"class":2060},[367,2296,2110],{"class":497},[367,2298,2113],{"class":2054},[367,2300,2116],{"class":497},[367,2302,2119],{"class":2060},[367,2304,732],{"class":497},[367,2306,2124],{"class":376},[367,2308,738],{"class":497},[367,2310,2311],{"class":369,"line":13},[367,2312,492],{"emptyLinePlaceholder":14},[367,2314,2315,2317,2319,2321],{"class":369,"line":32},[367,2316,2135],{"class":2060},[367,2318,2138],{"class":2060},[367,2320,2113],{"class":372},[367,2322,2143],{"class":497},[367,2324,2325,2328,2330,2332,2334,2337,2339],{"class":369,"line":27},[367,2326,2327],{"class":477},"  content",[367,2329,1182],{"class":497},[367,2331,2239],{"class":497},[367,2333,2242],{"class":497},[367,2335,2336],{"class":376},"emails\u002F**\u002F*.{vue,md}",[367,2338,2242],{"class":497},[367,2340,2250],{"class":497},[367,2342,2343,2346,2348,2350,2352,2354,2356,2359,2361],{"class":369,"line":52},[367,2344,2345],{"class":477},"  output",[367,2347,1182],{"class":497},[367,2349,2110],{"class":497},[367,2351,2262],{"class":477},[367,2353,1182],{"class":497},[367,2355,732],{"class":497},[367,2357,2358],{"class":376},"dist",[367,2360,2242],{"class":497},[367,2362,2274],{"class":497},[367,2364,2365],{"class":369,"line":128},[367,2366,2176],{"class":497},[429,2368,2370],{"id":2369},"css-defaults-flipped","CSS defaults flipped",[326,2372,2373,906,2376,906,2379,2382,2383,2386,2387,2390,2391,2395],{},[345,2374,2375],{},"css.inline",[345,2377,2378],{},"css.purge",[345,2380,2381],{},"css.shorthand",", and ",[345,2384,2385],{},"html.format"," (former ",[345,2388,2389],{},"prettify",") are now ",[2392,2393,2394],"strong",{},"on by default",". If your v5 project depended on them being off, disable them explicitly:",[358,2397,2399],{"className":2099,"code":2398,"filename":2029,"language":2043,"meta":363,"style":363},"import { defineConfig } from '@maizzle\u002Fframework'\n\nexport default defineConfig({\n  css: {\n    inline: false,\n    purge: false,\n    shorthand: false,\n  },\n  html: {\n    format: false,\n  },\n})\n",[345,2400,2401,2419,2423,2433,2441,2453,2464,2475,2479,2488,2499,2503],{"__ignoreMap":363},[367,2402,2403,2405,2407,2409,2411,2413,2415,2417],{"class":369,"line":18},[367,2404,2107],{"class":2060},[367,2406,2110],{"class":497},[367,2408,2113],{"class":2054},[367,2410,2116],{"class":497},[367,2412,2119],{"class":2060},[367,2414,732],{"class":497},[367,2416,2124],{"class":376},[367,2418,738],{"class":497},[367,2420,2421],{"class":369,"line":13},[367,2422,492],{"emptyLinePlaceholder":14},[367,2424,2425,2427,2429,2431],{"class":369,"line":32},[367,2426,2135],{"class":2060},[367,2428,2138],{"class":2060},[367,2430,2113],{"class":372},[367,2432,2143],{"class":497},[367,2434,2435,2437,2439],{"class":369,"line":27},[367,2436,2148],{"class":477},[367,2438,1182],{"class":497},[367,2440,2153],{"class":497},[367,2442,2443,2446,2448,2451],{"class":369,"line":52},[367,2444,2445],{"class":477},"    inline",[367,2447,1182],{"class":497},[367,2449,2450],{"class":725}," false",[367,2452,2166],{"class":497},[367,2454,2455,2458,2460,2462],{"class":369,"line":128},[367,2456,2457],{"class":477},"    purge",[367,2459,1182],{"class":497},[367,2461,2450],{"class":725},[367,2463,2166],{"class":497},[367,2465,2466,2469,2471,2473],{"class":369,"line":124},[367,2467,2468],{"class":477},"    shorthand",[367,2470,1182],{"class":497},[367,2472,2450],{"class":725},[367,2474,2166],{"class":497},[367,2476,2477],{"class":369,"line":48},[367,2478,2171],{"class":497},[367,2480,2481,2484,2486],{"class":369,"line":23},[367,2482,2483],{"class":477},"  html",[367,2485,1182],{"class":497},[367,2487,2153],{"class":497},[367,2489,2490,2493,2495,2497],{"class":369,"line":140},[367,2491,2492],{"class":477},"    format",[367,2494,1182],{"class":497},[367,2496,2450],{"class":725},[367,2498,2166],{"class":497},[367,2500,2501],{"class":369,"line":56},[367,2502,2171],{"class":497},[367,2504,2505],{"class":369,"line":80},[367,2506,2176],{"class":497},[429,2508,2510],{"id":2509},"remove-posthtml-config","Remove PostHTML config",[326,2512,2513,2514,906,2517,2382,2520,2523],{},"PostHTML is no longer used, so you can remove any related config keys like ",[345,2515,2516],{},"posthtml.*",[345,2518,2519],{},"expressions.*",[345,2521,2522],{},"components.*"," from your config.",[358,2525,2527],{"className":2041,"code":2526,"filename":2029,"language":2043,"meta":363,"style":363},"import { defineConfig } from '@maizzle\u002Fframework'\n\nexport 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,2528,2529,2547,2551,2561,2577,2591,2603,2623,2641,2648,2652],{"__ignoreMap":363},[367,2530,2531,2533,2535,2537,2539,2541,2543,2545],{"class":369,"line":18},[367,2532,2107],{"class":2060},[367,2534,2110],{"class":497},[367,2536,2113],{"class":2054},[367,2538,2116],{"class":497},[367,2540,2119],{"class":2060},[367,2542,732],{"class":497},[367,2544,2124],{"class":376},[367,2546,738],{"class":497},[367,2548,2549],{"class":369,"line":13},[367,2550,492],{"emptyLinePlaceholder":14},[367,2552,2553,2555,2557,2559],{"class":369,"line":32},[367,2554,2135],{"class":2060},[367,2556,2138],{"class":2060},[367,2558,2113],{"class":372},[367,2560,2143],{"class":497},[367,2562,2564,2567,2569,2571,2574],{"class":2563,"line":27},[369,437,1209],[367,2565,2566],{"class":477},"  posthtml",[367,2568,1182],{"class":497},[367,2570,2110],{"class":497},[367,2572,2573],{"class":449}," ...",[367,2575,2576],{"class":497}," },",[367,2578,2580,2583,2585,2587,2589],{"class":2579,"line":52},[369,437,1209],[367,2581,2582],{"class":477},"  expressions",[367,2584,1182],{"class":497},[367,2586,2110],{"class":497},[367,2588,2573],{"class":449},[367,2590,2576],{"class":497},[367,2592,2593,2596,2598,2600],{"class":369,"line":128},[367,2594,2595],{"class":477},"  components",[367,2597,1182],{"class":497},[367,2599,2110],{"class":497},[367,2601,2602],{"class":477}," \n",[367,2604,2606,2609,2611,2613,2615,2618,2620],{"class":2605,"line":124},[369,437,1221],[367,2607,2608],{"class":477},"    source",[367,2610,1182],{"class":497},[367,2612,2239],{"class":497},[367,2614,2242],{"class":497},[367,2616,2617],{"class":376},"custom-components",[367,2619,2242],{"class":497},[367,2621,2622],{"class":497},"],",[367,2624,2626,2629,2631,2633,2635,2637,2639],{"class":2625,"line":48},[369,437,1209],[367,2627,2628],{"class":477},"    folders",[367,2630,1182],{"class":497},[367,2632,2239],{"class":497},[367,2634,2242],{"class":497},[367,2636,2617],{"class":376},[367,2638,2242],{"class":497},[367,2640,2622],{"class":497},[367,2642,2644],{"class":2643,"line":23},[369,437,1209],[367,2645,2647],{"class":2646},"sVsQ9","    \u002F\u002F everything else removed",[367,2649,2650],{"class":369,"line":140},[367,2651,2171],{"class":497},[367,2653,2654],{"class":369,"line":56},[367,2655,2283],{"class":497},[429,2657,2659],{"id":2658},"fetch-tag-removed","Fetch tag removed",[326,2661,2662,2663,2666,2667,2670,2671,2673],{},"The PostHTML ",[345,2664,2665],{},"\u003Cfetch>"," tag has been removed, use ",[345,2668,2669],{},"fetch()"," (or any HTTP client) inside ",[345,2672,427],{}," and bind the result:",[358,2675,2678],{"className":699,"code":2676,"filename":2677,"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,2679,2680,2690,2740,2748,2752,2760,2768,2776,2817,2825,2833],{"__ignoreMap":363},[367,2681,2682,2684,2686,2688],{"class":369,"line":18},[367,2683,498],{"class":497},[367,2685,711],{"class":449},[367,2687,714],{"class":372},[367,2689,504],{"class":497},[367,2691,2692,2694,2697,2699,2702,2705,2708,2710,2713,2715,2718,2721,2723,2726,2729,2732,2734,2737],{"class":369,"line":13},[367,2693,722],{"class":721},[367,2695,2696],{"class":725}," items",[367,2698,729],{"class":449},[367,2700,2701],{"class":2060}," await",[367,2703,2704],{"class":372}," fetch",[367,2706,2707],{"class":497},"(",[367,2709,2242],{"class":497},[367,2711,2712],{"class":376},"https:\u002F\u002Fapi.example.com\u002Fnews",[367,2714,2242],{"class":497},[367,2716,2717],{"class":497},").",[367,2719,2720],{"class":372},"then",[367,2722,2707],{"class":497},[367,2724,2725],{"class":477},"r ",[367,2727,2728],{"class":449},"=>",[367,2730,2731],{"class":2054}," r",[367,2733,410],{"class":497},[367,2735,2736],{"class":372},"json",[367,2738,2739],{"class":497},"())\n",[367,2741,2742,2744,2746],{"class":369,"line":32},[367,2743,598],{"class":497},[367,2745,711],{"class":449},[367,2747,504],{"class":497},[367,2749,2750],{"class":369,"line":27},[367,2751,492],{"emptyLinePlaceholder":14},[367,2753,2754,2756,2758],{"class":369,"line":52},[367,2755,498],{"class":497},[367,2757,757],{"class":449},[367,2759,504],{"class":497},[367,2761,2762,2764,2766],{"class":369,"line":128},[367,2763,509],{"class":497},[367,2765,76],{"class":449},[367,2767,504],{"class":497},[367,2769,2770,2772,2774],{"class":369,"line":124},[367,2771,545],{"class":497},[367,2773,51],{"class":449},[367,2775,504],{"class":497},[367,2777,2778,2780,2782,2785,2787,2789,2792,2794,2797,2799,2801,2804,2806,2808,2811,2813,2815],{"class":369,"line":48},[367,2779,555],{"class":497},[367,2781,139],{"class":449},[367,2783,2784],{"class":372}," v-for",[367,2786,518],{"class":497},[367,2788,521],{"class":497},[367,2790,2791],{"class":376},"item in items",[367,2793,521],{"class":497},[367,2795,2796],{"class":372}," :key",[367,2798,518],{"class":497},[367,2800,521],{"class":497},[367,2802,2803],{"class":376},"item.id",[367,2805,521],{"class":497},[367,2807,592],{"class":497},[367,2809,2810],{"class":477},"{{ item.title }}",[367,2812,598],{"class":497},[367,2814,139],{"class":449},[367,2816,504],{"class":497},[367,2818,2819,2821,2823],{"class":369,"line":23},[367,2820,672],{"class":497},[367,2822,51],{"class":449},[367,2824,504],{"class":497},[367,2826,2827,2829,2831],{"class":369,"line":140},[367,2828,681],{"class":497},[367,2830,76],{"class":449},[367,2832,504],{"class":497},[367,2834,2835,2837,2839],{"class":369,"line":56},[367,2836,598],{"class":497},[367,2838,757],{"class":449},[367,2840,504],{"class":497},[429,2842,2844],{"id":2843},"outlook-config","Outlook config",[326,2846,1089,2847,2850,2851,2856],{},[345,2848,2849],{},"outlook"," config key has been removed. Use the built-in ",[333,2852,2853],{"href":94},[345,2854,2855],{},"\u003COutlook>"," component instead:",[358,2858,2861],{"className":699,"code":2859,"filename":2860,"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,2862,2863,2871,2879,2896,2904],{"__ignoreMap":363},[367,2864,2865,2867,2869],{"class":369,"line":18},[367,2866,498],{"class":497},[367,2868,757],{"class":449},[367,2870,504],{"class":497},[367,2872,2873,2875,2877],{"class":369,"line":13},[367,2874,509],{"class":497},[367,2876,95],{"class":449},[367,2878,504],{"class":497},[367,2880,2881,2883,2885,2887,2890,2892,2894],{"class":369,"line":32},[367,2882,545],{"class":497},[367,2884,139],{"class":449},[367,2886,592],{"class":497},[367,2888,2889],{"class":477},"Visible only in Outlook.",[367,2891,598],{"class":497},[367,2893,139],{"class":449},[367,2895,504],{"class":497},[367,2897,2898,2900,2902],{"class":369,"line":27},[367,2899,681],{"class":497},[367,2901,95],{"class":449},[367,2903,504],{"class":497},[367,2905,2906,2908,2910],{"class":369,"line":52},[367,2907,598],{"class":497},[367,2909,757],{"class":449},[367,2911,504],{"class":497},[429,2913,2915],{"id":2914},"other-renamed-keys","Other renamed keys",[326,2917,2918],{},"Some other config keys have been renamed for clarity. Here's a quick reference:",[512,2920,2921,2930],{},[934,2922,2923],{},[548,2924,2925,2928],{},[939,2926,2927],{},"Maizzle 5.x",[939,2929,696],{},[957,2931,2932,2946,2960,2972],{},[548,2933,2934,2939],{},[558,2935,2936],{},[345,2937,2938],{},"attributes.add",[558,2940,2941],{},[333,2942,2943],{"href":258},[345,2944,2945],{},"html.attributes.add",[548,2947,2948,2953],{},[558,2949,2950],{},[345,2951,2952],{},"attributes.remove",[558,2954,2955],{},[333,2956,2957],{"href":291},[345,2958,2959],{},"html.attributes.remove",[548,2961,2962,2966],{},[558,2963,2964],{},[345,2965,2389],{},[558,2967,2968],{},[333,2969,2970],{"href":274},[345,2971,2385],{},[548,2973,2974,2979],{},[558,2975,2976],{},[345,2977,2978],{},"minify",[558,2980,2981],{},[333,2982,2983],{"href":283},[345,2984,2985],{},"html.minify",[429,2987,2989],{"id":2988},"plaintext-config","Plaintext config",[326,2991,1089,2992,2995,2996,2999],{},[345,2993,2994],{},"plaintext"," config shape changed in v6. The string shorthand and the nested ",[345,2997,2998],{},"output"," key are gone — destination, extension, and strip-HTML options are now flat keys on a single object.",[326,3001,3002,3003,1182],{},"String shorthand → ",[345,3004,3005],{},"destination",[459,3007,3008,3031],{},[462,3009,3011],{"label":3010},"v5",[358,3012,3015],{"className":3013,"code":3014,"filename":2025,"language":2061,"meta":363,"style":363},"language-js shiki shiki-themes laserwave","export default {\n  plaintext: 'dist\u002Fbrand\u002Fplaintext',\n}\n",[345,3016,3017,3022,3027],{"__ignoreMap":363},[367,3018,3019],{"class":369,"line":18},[367,3020,3021],{},"export default {\n",[367,3023,3024],{"class":369,"line":13},[367,3025,3026],{},"  plaintext: 'dist\u002Fbrand\u002Fplaintext',\n",[367,3028,3029],{"class":369,"line":32},[367,3030,2283],{},[462,3032,3034],{"label":3033},"v6",[358,3035,3037],{"className":2099,"code":3036,"filename":2029,"language":2043,"meta":363,"style":363},"import { defineConfig } from '@maizzle\u002Fframework'\n\nexport default defineConfig({\n  plaintext: {\n    destination: 'dist\u002Fbrand\u002Fplaintext',\n  },\n})\n",[345,3038,3039,3057,3061,3071,3080,3096,3100],{"__ignoreMap":363},[367,3040,3041,3043,3045,3047,3049,3051,3053,3055],{"class":369,"line":18},[367,3042,2107],{"class":2060},[367,3044,2110],{"class":497},[367,3046,2113],{"class":2054},[367,3048,2116],{"class":497},[367,3050,2119],{"class":2060},[367,3052,732],{"class":497},[367,3054,2124],{"class":376},[367,3056,738],{"class":497},[367,3058,3059],{"class":369,"line":13},[367,3060,492],{"emptyLinePlaceholder":14},[367,3062,3063,3065,3067,3069],{"class":369,"line":32},[367,3064,2135],{"class":2060},[367,3066,2138],{"class":2060},[367,3068,2113],{"class":372},[367,3070,2143],{"class":497},[367,3072,3073,3076,3078],{"class":369,"line":27},[367,3074,3075],{"class":477},"  plaintext",[367,3077,1182],{"class":497},[367,3079,2153],{"class":497},[367,3081,3082,3085,3087,3089,3092,3094],{"class":369,"line":52},[367,3083,3084],{"class":477},"    destination",[367,3086,1182],{"class":497},[367,3088,732],{"class":497},[367,3090,3091],{"class":376},"dist\u002Fbrand\u002Fplaintext",[367,3093,2242],{"class":497},[367,3095,2166],{"class":497},[367,3097,3098],{"class":369,"line":128},[367,3099,2171],{"class":497},[367,3101,3102],{"class":369,"line":124},[367,3103,2176],{"class":497},[326,3105,3106,3109,3110,3113,3114,3109,3116,1182],{},[345,3107,3108],{},"output.path"," and ",[345,3111,3112],{},"output.extension"," → flat ",[345,3115,3005],{},[345,3117,3118],{},"extension",[459,3120,3121,3165],{},[462,3122,3123],{"label":3010},[358,3124,3126],{"className":3013,"code":3125,"filename":2025,"language":2061,"meta":363,"style":363},"export default {\n  plaintext: {\n    output: {\n      path: 'dist\u002Fbrand\u002Fplaintext',\n      extension: 'rtxt',\n    },\n  },\n}\n",[345,3127,3128,3132,3137,3142,3147,3152,3157,3161],{"__ignoreMap":363},[367,3129,3130],{"class":369,"line":18},[367,3131,3021],{},[367,3133,3134],{"class":369,"line":13},[367,3135,3136],{},"  plaintext: {\n",[367,3138,3139],{"class":369,"line":32},[367,3140,3141],{},"    output: {\n",[367,3143,3144],{"class":369,"line":27},[367,3145,3146],{},"      path: 'dist\u002Fbrand\u002Fplaintext',\n",[367,3148,3149],{"class":369,"line":52},[367,3150,3151],{},"      extension: 'rtxt',\n",[367,3153,3154],{"class":369,"line":128},[367,3155,3156],{},"    },\n",[367,3158,3159],{"class":369,"line":124},[367,3160,2171],{},[367,3162,3163],{"class":369,"line":48},[367,3164,2283],{},[462,3166,3167],{"label":3033},[358,3168,3170],{"className":2099,"code":3169,"filename":2029,"language":2043,"meta":363,"style":363},"import { defineConfig } from '@maizzle\u002Fframework'\n\nexport default defineConfig({\n  plaintext: {\n    destination: 'dist\u002Fbrand\u002Fplaintext',\n    extension: 'rtxt',\n  },\n})\n",[345,3171,3172,3190,3194,3204,3212,3226,3242,3246],{"__ignoreMap":363},[367,3173,3174,3176,3178,3180,3182,3184,3186,3188],{"class":369,"line":18},[367,3175,2107],{"class":2060},[367,3177,2110],{"class":497},[367,3179,2113],{"class":2054},[367,3181,2116],{"class":497},[367,3183,2119],{"class":2060},[367,3185,732],{"class":497},[367,3187,2124],{"class":376},[367,3189,738],{"class":497},[367,3191,3192],{"class":369,"line":13},[367,3193,492],{"emptyLinePlaceholder":14},[367,3195,3196,3198,3200,3202],{"class":369,"line":32},[367,3197,2135],{"class":2060},[367,3199,2138],{"class":2060},[367,3201,2113],{"class":372},[367,3203,2143],{"class":497},[367,3205,3206,3208,3210],{"class":369,"line":27},[367,3207,3075],{"class":477},[367,3209,1182],{"class":497},[367,3211,2153],{"class":497},[367,3213,3214,3216,3218,3220,3222,3224],{"class":369,"line":52},[367,3215,3084],{"class":477},[367,3217,1182],{"class":497},[367,3219,732],{"class":497},[367,3221,3091],{"class":376},[367,3223,2242],{"class":497},[367,3225,2166],{"class":497},[367,3227,3228,3231,3233,3235,3238,3240],{"class":369,"line":128},[367,3229,3230],{"class":477},"    extension",[367,3232,1182],{"class":497},[367,3234,732],{"class":497},[367,3236,3237],{"class":376},"rtxt",[367,3239,2242],{"class":497},[367,3241,2166],{"class":497},[367,3243,3244],{"class":369,"line":124},[367,3245,2171],{"class":497},[367,3247,3248],{"class":369,"line":48},[367,3249,2176],{"class":497},[326,3251,3252,3253,3256],{},"Strip-HTML options now live under a dedicated ",[345,3254,3255],{},"options"," key:",[358,3258,3260],{"className":2099,"code":3259,"filename":2029,"language":2043,"meta":363,"style":363},"import { defineConfig } from '@maizzle\u002Fframework'\n\nexport default defineConfig({\n  plaintext: {\n    options: { ignoreTags: ['br'] },\n  },\n})\n",[345,3261,3262,3280,3284,3294,3302,3329,3333],{"__ignoreMap":363},[367,3263,3264,3266,3268,3270,3272,3274,3276,3278],{"class":369,"line":18},[367,3265,2107],{"class":2060},[367,3267,2110],{"class":497},[367,3269,2113],{"class":2054},[367,3271,2116],{"class":497},[367,3273,2119],{"class":2060},[367,3275,732],{"class":497},[367,3277,2124],{"class":376},[367,3279,738],{"class":497},[367,3281,3282],{"class":369,"line":13},[367,3283,492],{"emptyLinePlaceholder":14},[367,3285,3286,3288,3290,3292],{"class":369,"line":32},[367,3287,2135],{"class":2060},[367,3289,2138],{"class":2060},[367,3291,2113],{"class":372},[367,3293,2143],{"class":497},[367,3295,3296,3298,3300],{"class":369,"line":27},[367,3297,3075],{"class":477},[367,3299,1182],{"class":497},[367,3301,2153],{"class":497},[367,3303,3304,3307,3309,3311,3314,3316,3318,3320,3322,3324,3327],{"class":369,"line":52},[367,3305,3306],{"class":477},"    options",[367,3308,1182],{"class":497},[367,3310,2110],{"class":497},[367,3312,3313],{"class":477}," ignoreTags",[367,3315,1182],{"class":497},[367,3317,2239],{"class":497},[367,3319,2242],{"class":497},[367,3321,943],{"class":376},[367,3323,2242],{"class":497},[367,3325,3326],{"class":497},"]",[367,3328,2274],{"class":497},[367,3330,3331],{"class":369,"line":128},[367,3332,2171],{"class":497},[367,3334,3335],{"class":369,"line":124},[367,3336,2176],{"class":497},[326,3338,3339,3340,3346],{},"To enable plaintext for a single template, use the ",[333,3341,3343],{"href":3342},"\u002Fdocs\u002Fapi\u002Fcomposables#useplaintext",[345,3344,3345],{},"usePlaintext()"," composable instead of frontmatter:",[459,3348,3349,3390],{},[462,3350,3351],{"label":3010},[358,3352,3356],{"className":3353,"code":3354,"filename":469,"language":3355,"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,3357,3358,3362,3367,3371,3375,3380,3385],{"__ignoreMap":363},[367,3359,3360],{"class":369,"line":18},[367,3361,478],{},[367,3363,3364],{"class":369,"line":13},[367,3365,3366],{},"plaintext: true\n",[367,3368,3369],{"class":369,"line":32},[367,3370,478],{},[367,3372,3373],{"class":369,"line":27},[367,3374,492],{"emptyLinePlaceholder":14},[367,3376,3377],{"class":369,"line":52},[367,3378,3379],{},"\u003Cx-main>\n",[367,3381,3382],{"class":369,"line":128},[367,3383,3384],{},"  \u003C!-- ... -->\n",[367,3386,3387],{"class":369,"line":124},[367,3388,3389],{},"\u003C\u002Fx-main>\n",[462,3391,3392],{"label":3033},[358,3393,3395],{"className":699,"code":3394,"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,3396,3397,3407,3415,3423,3427,3435,3443,3448,3456],{"__ignoreMap":363},[367,3398,3399,3401,3403,3405],{"class":369,"line":18},[367,3400,498],{"class":497},[367,3402,711],{"class":449},[367,3404,714],{"class":372},[367,3406,504],{"class":497},[367,3408,3409,3412],{"class":369,"line":13},[367,3410,3411],{"class":372},"  usePlaintext",[367,3413,3414],{"class":497},"()\n",[367,3416,3417,3419,3421],{"class":369,"line":32},[367,3418,598],{"class":497},[367,3420,711],{"class":449},[367,3422,504],{"class":497},[367,3424,3425],{"class":369,"line":27},[367,3426,492],{"emptyLinePlaceholder":14},[367,3428,3429,3431,3433],{"class":369,"line":52},[367,3430,498],{"class":497},[367,3432,757],{"class":449},[367,3434,504],{"class":497},[367,3436,3437,3439,3441],{"class":369,"line":128},[367,3438,509],{"class":497},[367,3440,76],{"class":449},[367,3442,504],{"class":497},[367,3444,3445],{"class":369,"line":124},[367,3446,3447],{"class":2646},"    \u003C!-- ... -->\n",[367,3449,3450,3452,3454],{"class":369,"line":48},[367,3451,681],{"class":497},[367,3453,76],{"class":449},[367,3455,504],{"class":497},[367,3457,3458,3460,3462],{"class":369,"line":23},[367,3459,598],{"class":497},[367,3461,757],{"class":449},[367,3463,504],{"class":497},[326,3465,3466,3467,3470],{},"See the ",[333,3468,3469],{"href":185},"Plaintext docs"," for the full guide.",[429,3472,3474,3477,3478],{"id":3473},"permalink-useoutputpath",[345,3475,3476],{},"permalink"," → ",[345,3479,3480],{},"useOutputPath()",[326,3482,1089,3483,3485,3486,3491],{},[345,3484,3476],{}," frontmatter key, which sent a template to a custom output path, is now the ",[333,3487,3489],{"href":3488},"\u002Fdocs\u002Fapi\u002Fcomposables#useoutputpath",[345,3490,3480],{}," composable:",[459,3493,3494,3539],{},[462,3495,3496],{"label":3010},[358,3497,3500],{"className":1368,"code":3498,"filename":3499,"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,3501,3502,3506,3511,3515,3519,3527,3531],{"__ignoreMap":363},[367,3503,3504],{"class":369,"line":18},[367,3505,478],{"class":477},[367,3507,3508],{"class":369,"line":13},[367,3509,3510],{"class":477},"permalink: out\u002Fpromos\u002Fblack-friday.html\n",[367,3512,3513],{"class":369,"line":32},[367,3514,478],{"class":477},[367,3516,3517],{"class":369,"line":27},[367,3518,492],{"emptyLinePlaceholder":14},[367,3520,3521,3523,3525],{"class":369,"line":52},[367,3522,498],{"class":497},[367,3524,501],{"class":449},[367,3526,504],{"class":497},[367,3528,3529],{"class":369,"line":128},[367,3530,3384],{"class":2646},[367,3532,3533,3535,3537],{"class":369,"line":124},[367,3534,598],{"class":497},[367,3536,501],{"class":449},[367,3538,504],{"class":497},[462,3540,3541],{"label":3033},[358,3542,3545],{"className":699,"code":3543,"filename":3544,"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,3546,3547,3557,3574,3582,3586,3594,3602,3606,3614],{"__ignoreMap":363},[367,3548,3549,3551,3553,3555],{"class":369,"line":18},[367,3550,498],{"class":497},[367,3552,711],{"class":449},[367,3554,714],{"class":372},[367,3556,504],{"class":497},[367,3558,3559,3562,3564,3566,3569,3571],{"class":369,"line":13},[367,3560,3561],{"class":372},"  useOutputPath",[367,3563,2707],{"class":497},[367,3565,2242],{"class":497},[367,3567,3568],{"class":376},"out\u002Fpromos\u002Fblack-friday.html",[367,3570,2242],{"class":497},[367,3572,3573],{"class":497},")\n",[367,3575,3576,3578,3580],{"class":369,"line":32},[367,3577,598],{"class":497},[367,3579,711],{"class":449},[367,3581,504],{"class":497},[367,3583,3584],{"class":369,"line":27},[367,3585,492],{"emptyLinePlaceholder":14},[367,3587,3588,3590,3592],{"class":369,"line":52},[367,3589,498],{"class":497},[367,3591,757],{"class":449},[367,3593,504],{"class":497},[367,3595,3596,3598,3600],{"class":369,"line":128},[367,3597,509],{"class":497},[367,3599,76],{"class":449},[367,3601,504],{"class":497},[367,3603,3604],{"class":369,"line":124},[367,3605,3447],{"class":2646},[367,3607,3608,3610,3612],{"class":369,"line":48},[367,3609,681],{"class":497},[367,3611,76],{"class":449},[367,3613,504],{"class":497},[367,3615,3616,3618,3620],{"class":369,"line":23},[367,3617,598],{"class":497},[367,3619,757],{"class":449},[367,3621,504],{"class":497},[326,3623,3624],{},"The path is still relative to your project root and behaves the same as in v5.",[429,3626,3628],{"id":3627},"per-template-config","Per-template config",[326,3630,3631,3632,424,3634,1182],{},"In v5, you'd set per-template config via frontmatter. In v6, call ",[345,3633,423],{},[345,3635,427],{},[358,3637,3640],{"className":699,"code":3638,"filename":3639,"language":702,"meta":363,"style":363},"\u003Cscript setup>\n  defineConfig({\n    css: { inline: false },\n  })\n\u003C\u002Fscript>\n","emails\u002Fplain.vue",[345,3641,3642,3652,3659,3677,3682],{"__ignoreMap":363},[367,3643,3644,3646,3648,3650],{"class":369,"line":18},[367,3645,498],{"class":497},[367,3647,711],{"class":449},[367,3649,714],{"class":372},[367,3651,504],{"class":497},[367,3653,3654,3657],{"class":369,"line":13},[367,3655,3656],{"class":372},"  defineConfig",[367,3658,2143],{"class":497},[367,3660,3661,3664,3666,3668,3671,3673,3675],{"class":369,"line":32},[367,3662,3663],{"class":2060},"    css",[367,3665,1182],{"class":497},[367,3667,2110],{"class":497},[367,3669,3670],{"class":2060}," inline",[367,3672,1182],{"class":497},[367,3674,2450],{"class":725},[367,3676,2274],{"class":497},[367,3678,3679],{"class":369,"line":27},[367,3680,3681],{"class":497},"  })\n",[367,3683,3684,3686,3688],{"class":369,"line":52},[367,3685,598],{"class":497},[367,3687,711],{"class":449},[367,3689,504],{"class":497},[326,3691,3692],{},"Or use the dedicated composables for common cases:",[889,3694,3695,3703,3711,3719,3727,3733,3739],{},[892,3696,3697],{},[333,3698,3700],{"href":3699},"\u002Fdocs\u002Fapi\u002Fcomposables#usetransformers",[345,3701,3702],{},"useTransformers()",[892,3704,3705],{},[333,3706,3708],{"href":3707},"\u002Fdocs\u002Fapi\u002Fcomposables#usebaseurl",[345,3709,3710],{},"useBaseUrl()",[892,3712,3713],{},[333,3714,3716],{"href":3715},"\u002Fdocs\u002Fapi\u002Fcomposables#useurlquery",[345,3717,3718],{},"useUrlQuery()",[892,3720,3721],{},[333,3722,3724],{"href":3723},"\u002Fdocs\u002Fapi\u002Fcomposables#usedoctype",[345,3725,3726],{},"useDoctype()",[892,3728,3729],{},[333,3730,3731],{"href":3488},[345,3732,3480],{},[892,3734,3735],{},[333,3736,3737],{"href":3342},[345,3738,3345],{},[892,3740,3741],{},[333,3742,3744],{"href":3743},"\u002Fdocs\u002Fapi\u002Fcomposables#usepreheader",[345,3745,3746],{},"usePreheader()",[350,3748,177],{"id":3749},"events",[326,3751,3752],{},"Events still register at the root of the config, but the signatures have changed.",[429,3754,3756,3759,3760],{"id":3755},"aftertransformers-renamed-to-aftertransform",[345,3757,3758],{},"afterTransformers"," renamed to ",[345,3761,3762],{},"afterTransform",[459,3764,3765,3833],{},[462,3766,3767],{"label":464},[358,3768,3770],{"className":2099,"code":3769,"language":2043,"meta":363,"style":363},"afterTransformers({ html, matter, config }) {\n  return html.replace('\u003C\u002Fbody>', '\u003Cimg src=\"...\" \u002F>\\n\u003C\u002Fbody>')\n}\n",[345,3771,3772,3797,3829],{"__ignoreMap":363},[367,3773,3774,3776,3779,3782,3785,3788,3790,3792,3795],{"class":369,"line":18},[367,3775,3758],{"class":372},[367,3777,3778],{"class":497},"({",[367,3780,3781],{"class":2054}," html",[367,3783,3784],{"class":497},",",[367,3786,3787],{"class":2054}," matter",[367,3789,3784],{"class":497},[367,3791,2055],{"class":2054},[367,3793,3794],{"class":497}," })",[367,3796,2153],{"class":497},[367,3798,3799,3802,3804,3806,3809,3811,3813,3816,3818,3820,3822,3825,3827],{"class":369,"line":13},[367,3800,3801],{"class":2060},"  return",[367,3803,3781],{"class":2054},[367,3805,410],{"class":449},[367,3807,3808],{"class":372},"replace",[367,3810,2707],{"class":497},[367,3812,2242],{"class":497},[367,3814,3815],{"class":376},"\u003C\u002Fbody>",[367,3817,2242],{"class":497},[367,3819,3784],{"class":497},[367,3821,732],{"class":497},[367,3823,3824],{"class":376},"\u003Cimg src=\"...\" \u002F>\\n\u003C\u002Fbody>",[367,3826,2242],{"class":497},[367,3828,3573],{"class":497},[367,3830,3831],{"class":369,"line":32},[367,3832,2283],{"class":497},[462,3834,3835],{"label":696},[358,3836,3838],{"className":2099,"code":3837,"language":2043,"meta":363,"style":363},"import { defineConfig } from '@maizzle\u002Fframework'\n\nafterTransform({ html, template, config }) {\n  return html.replace('\u003C\u002Fbody>', '\u003Cimg src=\"...\" \u002F>\\n\u003C\u002Fbody>')\n}\n",[345,3839,3840,3858,3862,3883,3911],{"__ignoreMap":363},[367,3841,3842,3844,3846,3848,3850,3852,3854,3856],{"class":369,"line":18},[367,3843,2107],{"class":2060},[367,3845,2110],{"class":497},[367,3847,2113],{"class":2054},[367,3849,2116],{"class":497},[367,3851,2119],{"class":2060},[367,3853,732],{"class":497},[367,3855,2124],{"class":376},[367,3857,738],{"class":497},[367,3859,3860],{"class":369,"line":13},[367,3861,492],{"emptyLinePlaceholder":14},[367,3863,3864,3866,3868,3870,3872,3875,3877,3879,3881],{"class":369,"line":32},[367,3865,3762],{"class":372},[367,3867,3778],{"class":497},[367,3869,3781],{"class":2054},[367,3871,3784],{"class":497},[367,3873,3874],{"class":2054}," template",[367,3876,3784],{"class":497},[367,3878,2055],{"class":2054},[367,3880,3794],{"class":497},[367,3882,2153],{"class":497},[367,3884,3885,3887,3889,3891,3893,3895,3897,3899,3901,3903,3905,3907,3909],{"class":369,"line":27},[367,3886,3801],{"class":2060},[367,3888,3781],{"class":2054},[367,3890,410],{"class":449},[367,3892,3808],{"class":372},[367,3894,2707],{"class":497},[367,3896,2242],{"class":497},[367,3898,3815],{"class":376},[367,3900,2242],{"class":497},[367,3902,3784],{"class":497},[367,3904,732],{"class":497},[367,3906,3824],{"class":376},[367,3908,2242],{"class":497},[367,3910,3573],{"class":497},[367,3912,3913],{"class":369,"line":52},[367,3914,2283],{"class":497},[429,3916,3918,3921],{"id":3917},"matter-is-gone",[345,3919,3920],{},"matter"," is gone",[326,3923,3924,3925,3927,3928,897,3930,3932,3933,3935],{},"v5 handlers received ",[345,3926,3920],{}," (the frontmatter object). v6 has no frontmatter — config lives inside ",[345,3929,427],{},[345,3931,423],{},", and template-level config is on the resolved ",[345,3934,2090],{}," argument that handlers already receive.",[429,3937,3939,3942],{"id":3938},"beforerender-now-operates-on-the-sfc-source",[345,3940,3941],{},"beforeRender"," now operates on the SFC source",[326,3944,3945,3946,3949,3950,3953,3954,3956,3957,3960],{},"In v5, ",[345,3947,3948],{},"beforeRender({ html, ... })"," received the pre-rendered HTML and you returned a modified HTML string. In v6, the renderer is Vue SSR, so ",[345,3951,3952],{},"beforeRender({ template, config })"," receives the raw ",[345,3955,419],{}," SFC source instead — return a string to replace ",[345,3958,3959],{},"template.source"," before it's handed to the renderer.",[459,3962,3963,4016],{},[462,3964,3965],{"label":464},[358,3966,3968],{"className":2099,"code":3967,"language":2043,"meta":363,"style":363},"beforeRender({ html }) {\n  return html.replace('FOO', 'BAR')\n}\n",[345,3969,3970,3982,4012],{"__ignoreMap":363},[367,3971,3972,3974,3976,3978,3980],{"class":369,"line":18},[367,3973,3941],{"class":372},[367,3975,3778],{"class":497},[367,3977,3781],{"class":2054},[367,3979,3794],{"class":497},[367,3981,2153],{"class":497},[367,3983,3984,3986,3988,3990,3992,3994,3996,3999,4001,4003,4005,4008,4010],{"class":369,"line":13},[367,3985,3801],{"class":2060},[367,3987,3781],{"class":2054},[367,3989,410],{"class":449},[367,3991,3808],{"class":372},[367,3993,2707],{"class":497},[367,3995,2242],{"class":497},[367,3997,3998],{"class":376},"FOO",[367,4000,2242],{"class":497},[367,4002,3784],{"class":497},[367,4004,732],{"class":497},[367,4006,4007],{"class":376},"BAR",[367,4009,2242],{"class":497},[367,4011,3573],{"class":497},[367,4013,4014],{"class":369,"line":32},[367,4015,2283],{"class":497},[462,4017,4018],{"label":696},[358,4019,4021],{"className":2099,"code":4020,"language":2043,"meta":363,"style":363},"beforeRender({ template }) {\n  return template.source.replace('FOO', 'BAR')\n}\n",[345,4022,4023,4035,4068],{"__ignoreMap":363},[367,4024,4025,4027,4029,4031,4033],{"class":369,"line":18},[367,4026,3941],{"class":372},[367,4028,3778],{"class":497},[367,4030,3874],{"class":2054},[367,4032,3794],{"class":497},[367,4034,2153],{"class":497},[367,4036,4037,4039,4041,4043,4046,4048,4050,4052,4054,4056,4058,4060,4062,4064,4066],{"class":369,"line":13},[367,4038,3801],{"class":2060},[367,4040,3874],{"class":2054},[367,4042,410],{"class":449},[367,4044,4045],{"class":2054},"source",[367,4047,410],{"class":449},[367,4049,3808],{"class":372},[367,4051,2707],{"class":497},[367,4053,2242],{"class":497},[367,4055,3998],{"class":376},[367,4057,2242],{"class":497},[367,4059,3784],{"class":497},[367,4061,732],{"class":497},[367,4063,4007],{"class":376},[367,4065,2242],{"class":497},[367,4067,3573],{"class":497},[367,4069,4070],{"class":369,"line":32},[367,4071,2283],{"class":497},[429,4073,4075,4077],{"id":4074},"template-argument",[345,4076,757],{}," argument",[326,4079,4080,3109,4083,4085,4086,4088,4089,1182],{},[345,4081,4082],{},"afterRender",[345,4084,3762],{}," now also receive a ",[345,4087,757],{}," argument — same shape as the one passed to ",[345,4090,3941],{},[358,4092,4094],{"className":2099,"code":4093,"language":2043,"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,4095,4096,4106,4119,4132],{"__ignoreMap":363},[367,4097,4098,4101,4104],{"class":369,"line":18},[367,4099,4100],{"class":721},"interface",[367,4102,4103],{"class":721}," TemplateInfo",[367,4105,2153],{"class":497},[367,4107,4108,4111,4113,4116],{"class":369,"line":13},[367,4109,4110],{"class":477},"  source",[367,4112,1182],{"class":449},[367,4114,4115],{"class":721}," string         ",[367,4117,4118],{"class":2646},"\u002F\u002F raw Vue SFC source\n",[367,4120,4121,4124,4126,4129],{"class":369,"line":32},[367,4122,4123],{"class":477},"  path",[367,4125,1182],{"class":449},[367,4127,4128],{"class":449}," ParsedPath",[367,4130,4131],{"class":2646},"       \u002F\u002F result of path.parse(absolutePath)\n",[367,4133,4134],{"class":369,"line":27},[367,4135,2283],{"class":497},[429,4137,4139,3921],{"id":4138},"configbuildcurrent-is-gone",[345,4140,4141],{},"config.build.current",[326,4143,4144,4145,4148,4149,4156],{},"v5 exposed the currently-building template path on ",[345,4146,4147],{},"config.build.current.path"," (also a ",[333,4150,4153],{"href":4151,"rel":4152,"target":338},"https:\u002F\u002Fnodejs.org\u002Fapi\u002Fpath.html#pathparsepath",[337],[345,4154,4155],{},"path.parse()"," result, mutated onto the shared config). v6 drops that and surfaces the same info two ways:",[889,4158,4159,4169],{},[892,4160,4161,4162,4165,4166,2717],{},"In event handlers, via ",[345,4163,4164],{},"template.path"," (e.g. ",[345,4167,4168],{},"template.path.name === 'newsletter'",[892,4170,4171,4172,4178],{},"Anywhere inside an SFC, via the new ",[333,4173,4175],{"href":4174},"\u002Fdocs\u002Fapi\u002Fcomposables#usecurrenttemplate",[345,4176,4177],{},"useCurrentTemplate()"," composable.",[459,4180,4181,4257],{},[462,4182,4183],{"label":464},[358,4184,4186],{"className":2099,"code":4185,"language":2043,"meta":363,"style":363},"beforeRender({ config }) {\n  if (config.build.current.path.name === 'newsletter') {\n    \u002F\u002F ...\n  }\n}\n",[345,4187,4188,4200,4243,4248,4253],{"__ignoreMap":363},[367,4189,4190,4192,4194,4196,4198],{"class":369,"line":18},[367,4191,3941],{"class":372},[367,4193,3778],{"class":497},[367,4195,2055],{"class":2054},[367,4197,3794],{"class":497},[367,4199,2153],{"class":497},[367,4201,4202,4205,4208,4210,4212,4214,4216,4219,4221,4224,4226,4229,4232,4234,4237,4239,4241],{"class":369,"line":13},[367,4203,4204],{"class":2060},"  if",[367,4206,4207],{"class":497}," (",[367,4209,2090],{"class":2054},[367,4211,410],{"class":449},[367,4213,2195],{"class":2054},[367,4215,410],{"class":449},[367,4217,4218],{"class":2054},"current",[367,4220,410],{"class":449},[367,4222,4223],{"class":2054},"path",[367,4225,410],{"class":449},[367,4227,4228],{"class":2060},"name",[367,4230,4231],{"class":449}," ===",[367,4233,732],{"class":497},[367,4235,4236],{"class":376},"newsletter",[367,4238,2242],{"class":497},[367,4240,916],{"class":497},[367,4242,2153],{"class":497},[367,4244,4245],{"class":369,"line":32},[367,4246,4247],{"class":2646},"    \u002F\u002F ...\n",[367,4249,4250],{"class":369,"line":27},[367,4251,4252],{"class":497},"  }\n",[367,4254,4255],{"class":369,"line":52},[367,4256,2283],{"class":497},[462,4258,4259],{"label":696},[358,4260,4262],{"className":2099,"code":4261,"language":2043,"meta":363,"style":363},"beforeRender({ template }) {\n  if (template.path.name === 'newsletter') {\n    \u002F\u002F ...\n  }\n}\n",[345,4263,4264,4276,4304,4308,4312],{"__ignoreMap":363},[367,4265,4266,4268,4270,4272,4274],{"class":369,"line":18},[367,4267,3941],{"class":372},[367,4269,3778],{"class":497},[367,4271,3874],{"class":2054},[367,4273,3794],{"class":497},[367,4275,2153],{"class":497},[367,4277,4278,4280,4282,4284,4286,4288,4290,4292,4294,4296,4298,4300,4302],{"class":369,"line":13},[367,4279,4204],{"class":2060},[367,4281,4207],{"class":497},[367,4283,757],{"class":2054},[367,4285,410],{"class":449},[367,4287,4223],{"class":2054},[367,4289,410],{"class":449},[367,4291,4228],{"class":2060},[367,4293,4231],{"class":449},[367,4295,732],{"class":497},[367,4297,4236],{"class":376},[367,4299,2242],{"class":497},[367,4301,916],{"class":497},[367,4303,2153],{"class":497},[367,4305,4306],{"class":369,"line":32},[367,4307,4247],{"class":2646},[367,4309,4310],{"class":369,"line":27},[367,4311,4252],{"class":497},[367,4313,4314],{"class":369,"line":52},[367,4315,2283],{"class":497},[326,4317,1330,4318,4320],{},[333,4319,177],{"href":176}," for the full list and signatures.",[350,4322,4324],{"id":4323},"cli-commands","CLI commands",[512,4326,4327,4335],{},[934,4328,4329],{},[548,4330,4331,4333],{},[939,4332,3010],{},[939,4334,3033],{},[957,4336,4337,4355,4367,4382],{},[548,4338,4339,4344],{},[558,4340,4341],{},[345,4342,4343],{},"maizzle build",[558,4345,4346,4348,4349,916],{},[345,4347,4343],{}," (or programmatic ",[333,4350,4352],{"href":4351},"\u002Fdocs\u002Fapi\u002Futilities#build",[345,4353,4354],{},"build()",[548,4356,4357,4362],{},[558,4358,4359],{},[345,4360,4361],{},"maizzle build production",[558,4363,4364],{},[345,4365,4366],{},"maizzle build -c production.config.ts",[548,4368,4369,4374],{},[558,4370,4371],{},[345,4372,4373],{},"maizzle serve",[558,4375,4376,4378,4379],{},[345,4377,4373],{}," or ",[345,4380,4381],{},"maizzle dev",[548,4383,4384,4389],{},[558,4385,4386],{},[345,4387,4388],{},"maizzle make:template name",[558,4390,4391],{},[345,4392,4393],{},"maizzle make:template [filepath]",[350,4395,4397],{"id":4396},"optional-but-recommended","Optional but recommended",[429,4399,4401],{"id":4400},"use-built-in-components","Use built-in components",[326,4403,4404,4405,906,4409,906,4413,906,4417,906,4421,906,4426,906,4430,4435],{},"Maizzle 6 ships polished, render-tested email building blocks: ",[333,4406,4407],{"href":34},[345,4408,915],{},[333,4410,4411],{"href":50},[345,4412,909],{},[333,4414,4415],{"href":61},[345,4416,912],{},[333,4418,4419],{"href":64},[345,4420,1864],{},[333,4422,4423],{"href":71},[345,4424,4425],{},"\u003CImg>",[333,4427,4428],{"href":130},[345,4429,1870],{},[333,4431,4432],{"href":138},[345,4433,4434],{},"\u003CText>",", and more.",[326,4437,4438],{},"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,4440,4442],{"id":4441},"vite-plugin","Vite plugin",[326,4444,4445,4446,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,4447,197],{"href":196},[1403,4449,4450],{},"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":4452},[4453,4454,4462,4466,4470,4483,4495,4496],{"id":352,"depth":13,"text":353},{"id":413,"depth":13,"text":188,"children":4455},[4456,4457,4458,4459,4460,4461],{"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":4463},[4464,4465],{"id":1344,"depth":32,"text":1345},{"id":1536,"depth":32,"text":1537},{"id":1571,"depth":13,"text":31,"children":4467},[4468,4469],{"id":1574,"depth":32,"text":1575},{"id":1855,"depth":32,"text":1856},{"id":2020,"depth":13,"text":173,"children":4471},[4472,4474,4475,4476,4477,4478,4479,4480,4482],{"id":2192,"depth":32,"text":4473},"build key flattened",{"id":2369,"depth":32,"text":2370},{"id":2509,"depth":32,"text":2510},{"id":2658,"depth":32,"text":2659},{"id":2843,"depth":32,"text":2844},{"id":2914,"depth":32,"text":2915},{"id":2988,"depth":32,"text":2989},{"id":3473,"depth":32,"text":4481},"permalink → useOutputPath()",{"id":3627,"depth":32,"text":3628},{"id":3749,"depth":13,"text":177,"children":4484},[4485,4487,4489,4491,4493],{"id":3755,"depth":32,"text":4486},"afterTransformers renamed to afterTransform",{"id":3917,"depth":32,"text":4488},"matter is gone",{"id":3938,"depth":32,"text":4490},"beforeRender now operates on the SFC source",{"id":4074,"depth":32,"text":4492},"template argument",{"id":4138,"depth":32,"text":4494},"config.build.current is gone",{"id":4323,"depth":13,"text":4324},{"id":4396,"depth":13,"text":4397,"children":4497},[4498,4499],{"id":4400,"depth":32,"text":4401},{"id":4441,"depth":32,"text":4442},"How to upgrade your Maizzle projects from v5 to v6.",{},{"title":310,"description":4500},"docs\u002Fupgrade-guide","RH0ZjENanwAE9SdLmEhkhQwItXCdymWpjHML8NGYwU0",1785758968558]