[{"data":1,"prerenderedAt":1021},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Fintroduction":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":239,"body":318,"description":1015,"extension":1016,"meta":1017,"navigation":14,"order":18,"path":238,"section":22,"seo":1018,"sidebar":14,"stem":1019,"toc":14,"__hash__":1020},"docs\u002Fdocs\u002Fintroduction.md",{"type":319,"value":320,"toc":1002},"minimark",[321,326,330,333,338,341,344,371,375,378,930,933,942,946,950,953,956,959,962,965,969,972,975,978,982,985,988,999],[322,323,325],"h1",{"id":324},"introduction","Introduction",[327,328,329],"p",{},"Maizzle is a modern framework for building HTML emails with Vue and Tailwind CSS.",[327,331,332],{},"It provides a component-based workflow, modern dev server, production-ready email build pipeline, tools and many optimizations that help you focus on what you want to build instead of fighting email client quirks.",[334,335,337],"h2",{"id":336},"why-maizzle","Why Maizzle?",[327,339,340],{},"Building HTML emails is notoriously difficult. Email clients render HTML inconsistently, CSS support is limited, and coding layouts that look good and render well quickly becomes a game of whack-a-mole with nested tables and a soup of inline styles with conditional comments for The Old Outlooks.",[327,342,343],{},"Maizzle bridges the gap between frontend development and the unique requirements of HTML emails through a modern dev stack:",[345,346,347,355,360,365],"ul",{},[348,349,350,354],"li",{},[351,352,353],"strong",{},"Vue components",": render-tested, composable components",[348,356,357,359],{},[351,358,255],{},": style emails with utility classes",[348,361,362,364],{},[351,363,260],{},": CSS inlining, unused CSS purging etc.",[348,366,367,370],{},[351,368,369],{},"Vite plugin",": use it in your Vite-powered project",[334,372,374],{"id":373},"how-it-works","How it works",[327,376,377],{},"You write Vue Single-File Components (SFCs) as your email templates, using our built-in components or your own HTML, and style them with Tailwind CSS or inline styles.",[379,380,381,597],"code-tabs",{},[382,383,384],"code-tab",{"label":31},[385,386,392],"pre",{"className":387,"code":388,"filename":389,"language":390,"meta":391,"style":391},"language-vue shiki shiki-themes laserwave","\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CTailwind>\n      \u003CBody class=\"font-sans bg-slate-100\">\n        \u003CContainer class=\"max-w-xl\">\n          \u003Ch1 class=\"m-0 mb-6 text-lg\">\n            Hello, welcome aboard!\n          \u003C\u002Fh1>\n          \u003CButton href=\"https:\u002F\u002Fexample.com\">\n            Get Started\n          \u003C\u002FButton>\n        \u003C\u002FContainer>\n      \u003C\u002FBody>\n    \u003C\u002FTailwind>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","emails\u002Fwelcome.vue","vue","",[393,394,395,410,419,432,440,465,485,505,510,519,539,544,552,561,570,579,588],"code",{"__ignoreMap":391},[396,397,399,403,407],"span",{"class":398,"line":18},"line",[396,400,402],{"class":401},"sGGKt","\u003C",[396,404,406],{"class":405},"sb4Pa","template",[396,408,409],{"class":401},">\n",[396,411,412,415,417],{"class":398,"line":13},[396,413,414],{"class":401},"  \u003C",[396,416,69],{"class":405},[396,418,409],{"class":401},[396,420,421,424,426,430],{"class":398,"line":32},[396,422,423],{"class":401},"    \u003C",[396,425,59],{"class":405},[396,427,429],{"class":428},"sLaUg"," \u002F",[396,431,409],{"class":401},[396,433,434,436,438],{"class":398,"line":27},[396,435,423],{"class":401},[396,437,135],{"class":405},[396,439,409],{"class":401},[396,441,442,445,447,451,454,457,461,463],{"class":398,"line":52},[396,443,444],{"class":401},"      \u003C",[396,446,30],{"class":405},[396,448,450],{"class":449},"sZNF3"," class",[396,452,453],{"class":401},"=",[396,455,456],{"class":401},"\"",[396,458,460],{"class":459},"sXiT_","font-sans bg-slate-100",[396,462,456],{"class":401},[396,464,409],{"class":401},[396,466,467,470,472,474,476,478,481,483],{"class":398,"line":128},[396,468,469],{"class":401},"        \u003C",[396,471,51],{"class":405},[396,473,450],{"class":449},[396,475,453],{"class":401},[396,477,456],{"class":401},[396,479,480],{"class":459},"max-w-xl",[396,482,456],{"class":401},[396,484,409],{"class":401},[396,486,487,490,492,494,496,498,501,503],{"class":398,"line":124},[396,488,489],{"class":401},"          \u003C",[396,491,322],{"class":405},[396,493,450],{"class":449},[396,495,453],{"class":401},[396,497,456],{"class":401},[396,499,500],{"class":459},"m-0 mb-6 text-lg",[396,502,456],{"class":401},[396,504,409],{"class":401},[396,506,507],{"class":398,"line":48},[396,508,509],{"class":428},"            Hello, welcome aboard!\n",[396,511,512,515,517],{"class":398,"line":23},[396,513,514],{"class":401},"          \u003C\u002F",[396,516,322],{"class":405},[396,518,409],{"class":401},[396,520,521,523,525,528,530,532,535,537],{"class":398,"line":140},[396,522,489],{"class":401},[396,524,35],{"class":405},[396,526,527],{"class":449}," href",[396,529,453],{"class":401},[396,531,456],{"class":401},[396,533,534],{"class":459},"https:\u002F\u002Fexample.com",[396,536,456],{"class":401},[396,538,409],{"class":401},[396,540,541],{"class":398,"line":56},[396,542,543],{"class":428},"            Get Started\n",[396,545,546,548,550],{"class":398,"line":80},[396,547,514],{"class":401},[396,549,35],{"class":405},[396,551,409],{"class":401},[396,553,554,557,559],{"class":398,"line":36},[396,555,556],{"class":401},"        \u003C\u002F",[396,558,51],{"class":405},[396,560,409],{"class":401},[396,562,563,566,568],{"class":398,"line":73},[396,564,565],{"class":401},"      \u003C\u002F",[396,567,30],{"class":405},[396,569,409],{"class":401},[396,571,572,575,577],{"class":398,"line":132},[396,573,574],{"class":401},"    \u003C\u002F",[396,576,135],{"class":405},[396,578,409],{"class":401},[396,580,581,584,586],{"class":398,"line":66},[396,582,583],{"class":401},"  \u003C\u002F",[396,585,69],{"class":405},[396,587,409],{"class":401},[396,589,590,593,595],{"class":398,"line":112},[396,591,592],{"class":401},"\u003C\u002F",[396,594,406],{"class":405},[396,596,409],{"class":401},[382,598,600],{"label":599},"Custom HTML",[385,601,603],{"className":387,"code":602,"filename":389,"language":390,"meta":391,"style":391},"\u003Ctemplate>\n  \u003Chtml>\n    \u003Chead>\n      \u003Cstyle>\n        @import \"@maizzle\u002Ftailwindcss\";\n      \u003C\u002Fstyle>\n    \u003C\u002Fhead>\n    \u003Cbody class=\"m-0 p-0 w-full\">\n      \u003Ctable class=\"w-full font-sans bg-slate-100\">\n        \u003Ctr>\n          \u003Ctd class=\"w-xl sm:w-full\">\n            \u003Ch1 class=\"m-0 mb-6 text-lg\">\n              Hello, welcome aboard!\n            \u003C\u002Fh1>\n\n            \u003Cdiv>\n              \u003Ca href=\"https:\u002F\u002Fexample.com\" class=\"inline-block py-4 px-6 text-base no-underline rounded text-white bg-indigo-500\">\n                \u003C!--[if mso]>\u003Ci style=\"mso-font-width: 150%; mso-text-raise: 31px;\" hidden> \u003C\u002Fi>\u003C![endif]-->\n                \u003Cspan class=\"mso-text-raise-4\">Get Started\u003C\u002Fspan>\n                \u003C!--[if mso]>\u003Ci style=\"mso-font-width: 150%;\" hidden> ​​\u003C\u002Fi>\u003C![endif]-->\n              \u003C\u002Fa>\n            \u003C\u002Fdiv>\n          \u003C\u002Ftd>\n        \u003C\u002Ftr>\n      \u003C\u002Ftable>\n    \u003C\u002Fbody>\n  \u003C\u002Fhtml>\n\u003C\u002Ftemplate>\n",[393,604,605,613,622,631,640,660,668,676,696,716,725,745,764,769,778,783,792,823,829,859,864,873,881,889,897,906,914,922],{"__ignoreMap":391},[396,606,607,609,611],{"class":398,"line":18},[396,608,402],{"class":401},[396,610,406],{"class":405},[396,612,409],{"class":401},[396,614,615,617,620],{"class":398,"line":13},[396,616,414],{"class":401},[396,618,619],{"class":405},"html",[396,621,409],{"class":401},[396,623,624,626,629],{"class":398,"line":32},[396,625,423],{"class":401},[396,627,628],{"class":405},"head",[396,630,409],{"class":401},[396,632,633,635,638],{"class":398,"line":27},[396,634,444],{"class":401},[396,636,637],{"class":405},"style",[396,639,409],{"class":401},[396,641,642,645,649,652,655,657],{"class":398,"line":52},[396,643,644],{"class":401},"        @",[396,646,648],{"class":647},"s0ZPN","import",[396,650,651],{"class":401}," \"",[396,653,654],{"class":459},"@maizzle\u002Ftailwindcss",[396,656,456],{"class":401},[396,658,659],{"class":401},";\n",[396,661,662,664,666],{"class":398,"line":128},[396,663,565],{"class":401},[396,665,637],{"class":405},[396,667,409],{"class":401},[396,669,670,672,674],{"class":398,"line":124},[396,671,574],{"class":401},[396,673,628],{"class":405},[396,675,409],{"class":401},[396,677,678,680,683,685,687,689,692,694],{"class":398,"line":48},[396,679,423],{"class":401},[396,681,682],{"class":405},"body",[396,684,450],{"class":449},[396,686,453],{"class":401},[396,688,456],{"class":401},[396,690,691],{"class":459},"m-0 p-0 w-full",[396,693,456],{"class":401},[396,695,409],{"class":401},[396,697,698,700,703,705,707,709,712,714],{"class":398,"line":23},[396,699,444],{"class":401},[396,701,702],{"class":405},"table",[396,704,450],{"class":449},[396,706,453],{"class":401},[396,708,456],{"class":401},[396,710,711],{"class":459},"w-full font-sans bg-slate-100",[396,713,456],{"class":401},[396,715,409],{"class":401},[396,717,718,720,723],{"class":398,"line":140},[396,719,469],{"class":401},[396,721,722],{"class":405},"tr",[396,724,409],{"class":401},[396,726,727,729,732,734,736,738,741,743],{"class":398,"line":56},[396,728,489],{"class":401},[396,730,731],{"class":405},"td",[396,733,450],{"class":449},[396,735,453],{"class":401},[396,737,456],{"class":401},[396,739,740],{"class":459},"w-xl sm:w-full",[396,742,456],{"class":401},[396,744,409],{"class":401},[396,746,747,750,752,754,756,758,760,762],{"class":398,"line":80},[396,748,749],{"class":401},"            \u003C",[396,751,322],{"class":405},[396,753,450],{"class":449},[396,755,453],{"class":401},[396,757,456],{"class":401},[396,759,500],{"class":459},[396,761,456],{"class":401},[396,763,409],{"class":401},[396,765,766],{"class":398,"line":36},[396,767,768],{"class":428},"              Hello, welcome aboard!\n",[396,770,771,774,776],{"class":398,"line":73},[396,772,773],{"class":401},"            \u003C\u002F",[396,775,322],{"class":405},[396,777,409],{"class":401},[396,779,780],{"class":398,"line":132},[396,781,782],{"emptyLinePlaceholder":14},"\n",[396,784,785,787,790],{"class":398,"line":66},[396,786,749],{"class":401},[396,788,789],{"class":405},"div",[396,791,409],{"class":401},[396,793,794,797,800,802,804,806,808,810,812,814,816,819,821],{"class":398,"line":112},[396,795,796],{"class":401},"              \u003C",[396,798,799],{"class":405},"a",[396,801,527],{"class":449},[396,803,453],{"class":401},[396,805,456],{"class":401},[396,807,534],{"class":459},[396,809,456],{"class":401},[396,811,450],{"class":449},[396,813,453],{"class":401},[396,815,456],{"class":401},[396,817,818],{"class":459},"inline-block py-4 px-6 text-base no-underline rounded text-white bg-indigo-500",[396,820,456],{"class":401},[396,822,409],{"class":401},[396,824,825],{"class":398,"line":40},[396,826,828],{"class":827},"sVsQ9","                \u003C!--[if mso]>\u003Ci style=\"mso-font-width: 150%; mso-text-raise: 31px;\" hidden> \u003C\u002Fi>\u003C![endif]-->\n",[396,830,831,834,836,838,840,842,845,847,850,853,855,857],{"class":398,"line":44},[396,832,833],{"class":401},"                \u003C",[396,835,396],{"class":405},[396,837,450],{"class":449},[396,839,453],{"class":401},[396,841,456],{"class":401},[396,843,844],{"class":459},"mso-text-raise-4",[396,846,456],{"class":401},[396,848,849],{"class":401},">",[396,851,852],{"class":428},"Get Started",[396,854,592],{"class":401},[396,856,396],{"class":405},[396,858,409],{"class":401},[396,860,861],{"class":398,"line":84},[396,862,863],{"class":827},"                \u003C!--[if mso]>\u003Ci style=\"mso-font-width: 150%;\" hidden> ​​\u003C\u002Fi>\u003C![endif]-->\n",[396,865,866,869,871],{"class":398,"line":96},[396,867,868],{"class":401},"              \u003C\u002F",[396,870,799],{"class":405},[396,872,409],{"class":401},[396,874,875,877,879],{"class":398,"line":88},[396,876,773],{"class":401},[396,878,789],{"class":405},[396,880,409],{"class":401},[396,882,883,885,887],{"class":398,"line":100},[396,884,514],{"class":401},[396,886,731],{"class":405},[396,888,409],{"class":401},[396,890,891,893,895],{"class":398,"line":144},[396,892,556],{"class":401},[396,894,722],{"class":405},[396,896,409],{"class":401},[396,898,900,902,904],{"class":398,"line":899},25,[396,901,565],{"class":401},[396,903,702],{"class":405},[396,905,409],{"class":401},[396,907,908,910,912],{"class":398,"line":92},[396,909,574],{"class":401},[396,911,682],{"class":405},[396,913,409],{"class":401},[396,915,916,918,920],{"class":398,"line":148},[396,917,583],{"class":401},[396,919,619],{"class":405},[396,921,409],{"class":401},[396,923,924,926,928],{"class":398,"line":120},[396,925,592],{"class":401},[396,927,406],{"class":405},[396,929,409],{"class":401},[327,931,932],{},"When you build for production, Maizzle renders the Vue components to HTML and runs a series of transformers that optimize the output for email clients.",[327,934,935,936,941],{},"The result is production-ready HTML with inlined CSS, email-safe class names, and proper Outlook fallbacks that you can upload to your ",[937,938,940],"abbr",{"title":939},"Email Service Provider","ESP"," or send with an email sending service.",[334,943,945],{"id":944},"key-features","Key features",[947,948,31],"h3",{"id":949},"components",[327,951,952],{},"30+ email components handle the hard parts for you — responsive layouts, buttons that work in Outlook, images with dark mode support, syntax-highlighted code blocks, and more. All render-tested to ensure they look good and work well across popular email clients.",[947,954,255],{"id":955},"tailwind-css",[327,957,958],{},"Tailwind CSS is a first-class citizen in Maizzle: it works out of the box through a custom compilation pipeline and email-optimized configuration that adjusts spacing, sizing, and other utilities for maximum email client compatibility.",[947,960,260],{"id":961},"transformers",[327,963,964],{},"After being rendered, your HTML goes through a configurable pipeline of transformers that handle CSS inlining, unused CSS removal, minification, and many other email optimizations.",[947,966,968],{"id":967},"dev-server","Dev server",[327,970,971],{},"A modern dev server with live preview\u002FHMR, device resizing, compatibility checks with jump-to-editor, dark mode emulation, quick search and even test email sending.",[947,973,369],{"id":974},"vite-plugin",[327,976,977],{},"Already have a Vite project? Use Maizzle as a Vite plugin and start building emails in any Vite-powered framework, like Laravel, Nuxt, SvelteKit or Astro.",[947,979,981],{"id":980},"cli-tool","CLI tool",[327,983,984],{},"Easily scaffold new projects, generate components or configuration, develop locally and run production builds straight from the terminal.",[947,986,12],{"id":987},"api",[327,989,990,991,994,995,998],{},"Use functions like ",[393,992,993],{},"render()"," to compile a template string, or ",[393,996,997],{},"build()"," to build a batch of templates and output them to disk.",[637,1000,1001],{},"html pre.shiki code .sGGKt, html code.shiki .sGGKt{--shiki-default:#7B6995}html pre.shiki code .sb4Pa, html code.shiki .sb4Pa{--shiki-default:#74DFC4}html pre.shiki code .sLaUg, html code.shiki .sLaUg{--shiki-default:#FFFFFF}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 .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 .s0ZPN, html code.shiki .s0ZPN{--shiki-default:#40B4C4}html pre.shiki code .sVsQ9, html code.shiki .sVsQ9{--shiki-default:#91889B}",{"title":391,"searchDepth":13,"depth":13,"links":1003},[1004,1005,1006],{"id":336,"depth":13,"text":337},{"id":373,"depth":13,"text":374},{"id":944,"depth":13,"text":945,"children":1007},[1008,1009,1010,1011,1012,1013,1014],{"id":949,"depth":32,"text":31},{"id":955,"depth":32,"text":255},{"id":961,"depth":32,"text":260},{"id":967,"depth":32,"text":968},{"id":974,"depth":32,"text":369},{"id":980,"depth":32,"text":981},{"id":987,"depth":32,"text":12},"Getting started with the Maizzle Email Framework.","md",{},{"title":239,"description":1015},"docs\u002Fintroduction","WbqKbEAnE3i8eSIKwngmePy-o0to2aTguDvAAuMRQY8",1781013223958]