[{"data":1,"prerenderedAt":2014},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Fmigrate\u002Fmjml":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":242,"body":318,"description":2008,"extension":2009,"meta":2010,"navigation":14,"order":13,"path":241,"section":243,"seo":2011,"sidebar":14,"stem":2012,"toc":14,"__hash__":2013},"docs\u002Fdocs\u002Fmigrate\u002Fmjml.md",{"type":319,"value":320,"toc":1999},"minimark",[321,326,330,335,597,602,605,802,806,1450,1454,1468,1471,1475,1481,1658,1672,1676,1679,1721,1730,1839,1842,1995],[322,323,325],"h1",{"id":324},"migrating-from-mjml","Migrating from MJML",[327,328,329],"p",{},"Coming from MJML, once you switch your mental model to the Vue syntax you'll find a lot of familiar concepts in Maizzle, but with more flexibility and power under the hood.",[331,332,334],"h2",{"id":333},"component-map","Component map",[336,337,338,350],"table",{},[339,340,341],"thead",{},[342,343,344,347],"tr",{},[345,346,242],"th",{},[345,348,349],{},"Maizzle",[351,352,353,370,383,398,411,424,437,450,463,476,489,502,515,528,542,555,571,587],"tbody",{},[342,354,355,362],{},[356,357,358],"td",{},[359,360,361],"code",{},"\u003Cmjml>",[356,363,364],{},[365,366,367],"a",{"href":68},[368,369,69],"strong",{},[342,371,372,377],{},[356,373,374],{},[359,375,376],{},"\u003Cmj-head>",[356,378,379],{},[365,380,381],{"href":58},[368,382,59],{},[342,384,385,390],{},[356,386,387],{},[359,388,389],{},"\u003Cmj-title>",[356,391,392],{},[365,393,395],{"href":394},"\u002Fdocs\u002Fapi\u002Fcomposables#usehead",[368,396,397],{},"useHead()",[342,399,400,405],{},[356,401,402],{},[359,403,404],{},"\u003Cmj-preview>",[356,406,407],{},[365,408,409],{"href":110},[368,410,111],{},[342,412,413,418],{},[356,414,415],{},[359,416,417],{},"\u003Cmj-body>",[356,419,420],{},[365,421,422],{"href":29},[368,423,30],{},[342,425,426,431],{},[356,427,428],{},[359,429,430],{},"\u003Cmj-section>",[356,432,433],{},[365,434,435],{"href":126},[368,436,127],{},[342,438,439,444],{},[356,440,441],{},[359,442,443],{},"\u003Cmj-group>",[356,445,446],{},[365,447,448],{"href":122},[368,449,123],{},[342,451,452,457],{},[356,453,454],{},[359,455,456],{},"\u003Cmj-column>",[356,458,459],{},[365,460,461],{"href":46},[368,462,47],{},[342,464,465,470],{},[356,466,467],{},[359,468,469],{},"\u003Cmj-text>",[356,471,472],{},[365,473,474],{"href":138},[368,475,139],{},[342,477,478,483],{},[356,479,480],{},[359,481,482],{},"\u003Cmj-button>",[356,484,485],{},[365,486,487],{"href":34},[368,488,35],{},[342,490,491,496],{},[356,492,493],{},[359,494,495],{},"\u003Cmj-image>",[356,497,498],{},[365,499,500],{"href":71},[368,501,72],{},[342,503,504,509],{},[356,505,506],{},[359,507,508],{},"\u003Cmj-divider>",[356,510,511],{},[365,512,513],{"href":64},[368,514,65],{},[342,516,517,522],{},[356,518,519],{},[359,520,521],{},"\u003Cmj-spacer>",[356,523,524],{},[365,525,526],{"href":130},[368,527,131],{},[342,529,530,535],{},[356,531,532],{},[359,533,534],{},"\u003Cmj-table>",[356,536,537,538,541],{},"Plain ",[359,539,540],{},"\u003Ctable>"," with Tailwind classes",[342,543,544,549],{},[356,545,546],{},[359,547,548],{},"\u003Cmj-raw>",[356,550,551],{},[365,552,553],{"href":118},[368,554,119],{},[342,556,557,563],{},[356,558,559,562],{},[359,560,561],{},"\u003Cmj-html-attributes>"," defaults",[356,564,565],{},[365,566,568],{"href":567},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration#html-attributes-add",[359,569,570],{},"html.attributes.add",[342,572,573,578],{},[356,574,575],{},[359,576,577],{},"\u003Cmj-style>",[356,579,580,583,584],{},[359,581,582],{},"\u003Cstyle>"," block in ",[359,585,586],{},"\u003CHead>",[342,588,589,594],{},[356,590,591],{},[359,592,593],{},"\u003Cmj-include>",[356,595,596],{},"Custom Vue component",[598,599,601],"h3",{"id":600},"maizzle-components","Maizzle components",[327,603,604],{},"These have no MJML equivalent, here's what you've been missing out on:",[336,606,607,617],{},[339,608,609],{},[342,610,611,614],{},[345,612,613],{},"Component",[345,615,616],{},"Purpose",[351,618,619,630,641,652,663,674,685,701,712,723,734,745,756,767,778,791],{},[342,620,621,627],{},[356,622,623],{},[365,624,625],{"href":75},[368,626,76],{},[356,628,629],{},"Opinionated skeleton with email-safe defaults",[342,631,632,638],{},[356,633,634],{},[365,635,636],{"href":50},[368,637,51],{},[356,639,640],{},"Centered content wrapper",[342,642,643,649],{},[356,644,645],{},[365,646,647],{"href":61},[368,648,62],{},[356,650,651],{},"Headings with semantic markup",[342,653,654,660],{},[356,655,656],{},[365,657,658],{"href":78},[368,659,79],{},[356,661,662],{},"Unstyled hyperlink",[342,664,665,671],{},[356,666,667],{},[365,668,669],{"href":134},[368,670,135],{},[356,672,673],{},"Enables Tailwind CSS for styling",[342,675,676,682],{},[356,677,678],{},[365,679,680],{"href":82},[368,681,83],{},[356,683,684],{},"Render markdown content",[342,686,687,698],{},[356,688,689,693,694],{},[365,690,691],{"href":38},[368,692,39],{}," \u002F ",[365,695,696],{"href":42},[368,697,43],{},[356,699,700],{},"Syntax-highlighted code \u002F Inline code formatting",[342,702,703,709],{},[356,704,705],{},[365,706,707],{"href":54},[368,708,55],{},[356,710,711],{},"Use custom fonts",[342,713,714,720],{},[356,715,716],{},[365,717,718],{"href":94},[368,719,95],{},[356,721,722],{},"Render content only for Outlook",[342,724,725,731],{},[356,726,727],{},[365,728,729],{"href":86},[368,730,87],{},[356,732,733],{},"Render content everywhere except Outlook",[342,735,736,742],{},[356,737,738],{},[365,739,740],{"href":98},[368,741,99],{},[356,743,744],{},"Outlook background images with VML",[342,746,747,753],{},[356,748,749],{},[365,750,751],{"href":90},[368,752,91],{},[356,754,755],{},"Prevent orphaned words",[342,757,758,764],{},[356,759,760],{},[365,761,762],{"href":146},[368,763,147],{},[356,765,766],{},"Add base URLs and tracking query params",[342,768,769,775],{},[356,770,771],{},[365,772,773],{"href":106},[368,774,107],{},[356,776,777],{},"Render content only in the plaintext output",[342,779,780,788],{},[356,781,782],{},[365,783,785],{"href":784},"\u002Fdocs\u002Fcomponents\u002Fnotplaintext",[368,786,787],{},"NotPlaintext",[356,789,790],{},"Render content everywhere except in the plaintext output",[342,792,793,799],{},[356,794,795],{},[365,796,797],{"href":114},[368,798,115],{},[356,800,801],{},"Generate inline QR codes using tables",[331,803,805],{"id":804},"side-by-side","Side-by-side",[807,808,809,1149],"code-tabs",{},[810,811,812],"code-tab",{"label":242},[813,814,820],"pre",{"className":815,"code":816,"filename":817,"language":818,"meta":819,"style":819},"language-xml shiki shiki-themes laserwave","\u003Cmjml>\n  \u003Cmj-head>\n    \u003Cmj-title>Welcome to Acme\u003C\u002Fmj-title>\n    \u003Cmj-preview>Let's get you set up.\u003C\u002Fmj-preview>\n    \u003Cmj-attributes>\n      \u003Cmj-all font-family=\"Helvetica, Arial, sans-serif\" \u002F>\n      \u003Cmj-text color=\"#475569\" font-size=\"16px\" \u002F>\n    \u003C\u002Fmj-attributes>\n  \u003C\u002Fmj-head>\n  \u003Cmj-body background-color=\"#ffffff\">\n    \u003Cmj-section>\n      \u003Cmj-column>\n        \u003Cmj-text font-size=\"24px\" color=\"#0f172a\">Hi {{ name }}\u003C\u002Fmj-text>\n        \u003Cmj-text>Thanks for signing up. Click below to verify your email.\u003C\u002Fmj-text>\n        \u003Cmj-button href=\"https:\u002F\u002Fexample.com\u002Fverify\" background-color=\"#2563eb\">\n          Verify email\n        \u003C\u002Fmj-button>\n      \u003C\u002Fmj-column>\n    \u003C\u002Fmj-section>\n  \u003C\u002Fmj-body>\n\u003C\u002Fmjml>\n","emails\u002Fwelcome.mjml","xml","",[359,821,822,837,847,869,887,896,923,956,965,974,995,1004,1013,1053,1070,1102,1107,1116,1125,1133,1141],{"__ignoreMap":819},[823,824,826,830,834],"span",{"class":825,"line":18},"line",[823,827,829],{"class":828},"sGGKt","\u003C",[823,831,833],{"class":832},"sb4Pa","mjml",[823,835,836],{"class":828},">\n",[823,838,839,842,845],{"class":825,"line":13},[823,840,841],{"class":828},"  \u003C",[823,843,844],{"class":832},"mj-head",[823,846,836],{"class":828},[823,848,849,852,855,858,862,865,867],{"class":825,"line":32},[823,850,851],{"class":828},"    \u003C",[823,853,854],{"class":832},"mj-title",[823,856,857],{"class":828},">",[823,859,861],{"class":860},"sLaUg","Welcome to Acme",[823,863,864],{"class":828},"\u003C\u002F",[823,866,854],{"class":832},[823,868,836],{"class":828},[823,870,871,873,876,878,881,883,885],{"class":825,"line":27},[823,872,851],{"class":828},[823,874,875],{"class":832},"mj-preview",[823,877,857],{"class":828},[823,879,880],{"class":860},"Let's get you set up.",[823,882,864],{"class":828},[823,884,875],{"class":832},[823,886,836],{"class":828},[823,888,889,891,894],{"class":825,"line":52},[823,890,851],{"class":828},[823,892,893],{"class":832},"mj-attributes",[823,895,836],{"class":828},[823,897,898,901,904,908,911,914,918,920],{"class":825,"line":128},[823,899,900],{"class":828},"      \u003C",[823,902,903],{"class":832},"mj-all",[823,905,907],{"class":906},"sZNF3"," font-family",[823,909,910],{"class":860},"=",[823,912,913],{"class":828},"\"",[823,915,917],{"class":916},"sXiT_","Helvetica, Arial, sans-serif",[823,919,913],{"class":828},[823,921,922],{"class":828}," \u002F>\n",[823,924,925,927,930,933,935,937,940,942,945,947,949,952,954],{"class":825,"line":124},[823,926,900],{"class":828},[823,928,929],{"class":832},"mj-text",[823,931,932],{"class":906}," color",[823,934,910],{"class":860},[823,936,913],{"class":828},[823,938,939],{"class":916},"#475569",[823,941,913],{"class":828},[823,943,944],{"class":906}," font-size",[823,946,910],{"class":860},[823,948,913],{"class":828},[823,950,951],{"class":916},"16px",[823,953,913],{"class":828},[823,955,922],{"class":828},[823,957,958,961,963],{"class":825,"line":48},[823,959,960],{"class":828},"    \u003C\u002F",[823,962,893],{"class":832},[823,964,836],{"class":828},[823,966,967,970,972],{"class":825,"line":23},[823,968,969],{"class":828},"  \u003C\u002F",[823,971,844],{"class":832},[823,973,836],{"class":828},[823,975,976,978,981,984,986,988,991,993],{"class":825,"line":140},[823,977,841],{"class":828},[823,979,980],{"class":832},"mj-body",[823,982,983],{"class":906}," background-color",[823,985,910],{"class":860},[823,987,913],{"class":828},[823,989,990],{"class":916},"#ffffff",[823,992,913],{"class":828},[823,994,836],{"class":828},[823,996,997,999,1002],{"class":825,"line":56},[823,998,851],{"class":828},[823,1000,1001],{"class":832},"mj-section",[823,1003,836],{"class":828},[823,1005,1006,1008,1011],{"class":825,"line":80},[823,1007,900],{"class":828},[823,1009,1010],{"class":832},"mj-column",[823,1012,836],{"class":828},[823,1014,1015,1018,1020,1022,1024,1026,1029,1031,1033,1035,1037,1040,1042,1044,1047,1049,1051],{"class":825,"line":36},[823,1016,1017],{"class":828},"        \u003C",[823,1019,929],{"class":832},[823,1021,944],{"class":906},[823,1023,910],{"class":860},[823,1025,913],{"class":828},[823,1027,1028],{"class":916},"24px",[823,1030,913],{"class":828},[823,1032,932],{"class":906},[823,1034,910],{"class":860},[823,1036,913],{"class":828},[823,1038,1039],{"class":916},"#0f172a",[823,1041,913],{"class":828},[823,1043,857],{"class":828},[823,1045,1046],{"class":860},"Hi {{ name }}",[823,1048,864],{"class":828},[823,1050,929],{"class":832},[823,1052,836],{"class":828},[823,1054,1055,1057,1059,1061,1064,1066,1068],{"class":825,"line":73},[823,1056,1017],{"class":828},[823,1058,929],{"class":832},[823,1060,857],{"class":828},[823,1062,1063],{"class":860},"Thanks for signing up. Click below to verify your email.",[823,1065,864],{"class":828},[823,1067,929],{"class":832},[823,1069,836],{"class":828},[823,1071,1072,1074,1077,1080,1082,1084,1087,1089,1091,1093,1095,1098,1100],{"class":825,"line":132},[823,1073,1017],{"class":828},[823,1075,1076],{"class":832},"mj-button",[823,1078,1079],{"class":906}," href",[823,1081,910],{"class":860},[823,1083,913],{"class":828},[823,1085,1086],{"class":916},"https:\u002F\u002Fexample.com\u002Fverify",[823,1088,913],{"class":828},[823,1090,983],{"class":906},[823,1092,910],{"class":860},[823,1094,913],{"class":828},[823,1096,1097],{"class":916},"#2563eb",[823,1099,913],{"class":828},[823,1101,836],{"class":828},[823,1103,1104],{"class":825,"line":66},[823,1105,1106],{"class":860},"          Verify email\n",[823,1108,1109,1112,1114],{"class":825,"line":112},[823,1110,1111],{"class":828},"        \u003C\u002F",[823,1113,1076],{"class":832},[823,1115,836],{"class":828},[823,1117,1118,1121,1123],{"class":825,"line":40},[823,1119,1120],{"class":828},"      \u003C\u002F",[823,1122,1010],{"class":832},[823,1124,836],{"class":828},[823,1126,1127,1129,1131],{"class":825,"line":44},[823,1128,960],{"class":828},[823,1130,1001],{"class":832},[823,1132,836],{"class":828},[823,1134,1135,1137,1139],{"class":825,"line":84},[823,1136,969],{"class":828},[823,1138,980],{"class":832},[823,1140,836],{"class":828},[823,1142,1143,1145,1147],{"class":825,"line":96},[823,1144,864],{"class":828},[823,1146,833],{"class":832},[823,1148,836],{"class":828},[810,1150,1151],{"label":349},[813,1152,1157],{"className":1153,"code":1154,"filename":1155,"language":1156,"meta":819,"style":819},"language-vue shiki shiki-themes laserwave","\u003Cscript setup>\n  defineProps({ name: String })\n\n  useHead({ title: 'Welcome to Acme' })\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CPreheader>Let's get you set up.\u003C\u002FPreheader>\n    \u003CTailwind>\n      \u003CBody class=\"text-gray-600 text-base bg-white font-sans\">\n        \u003CContainer class=\"max-w-lg\">\n          \u003CText class=\"text-2xl text-gray-950\">Hi {{ name }}\u003C\u002FText>\n          \u003CText>Thanks for signing up. Click below to verify your email.\u003C\u002FText>\n          \u003CButton href=\"https:\u002F\u002Fexample.com\u002Fverify\" class=\"bg-blue-600 text-white\">\n            Verify email\n          \u003C\u002FButton>\n        \u003C\u002FContainer>\n      \u003C\u002FBody>\n    \u003C\u002FTailwind>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","emails\u002Fwelcome.vue","vue",[359,1158,1159,1171,1193,1198,1220,1228,1232,1241,1249,1260,1276,1284,1304,1323,1351,1367,1396,1401,1410,1418,1426,1434,1442],{"__ignoreMap":819},[823,1160,1161,1163,1166,1169],{"class":825,"line":18},[823,1162,829],{"class":828},[823,1164,1165],{"class":832},"script",[823,1167,1168],{"class":906}," setup",[823,1170,836],{"class":828},[823,1172,1173,1176,1179,1183,1186,1190],{"class":825,"line":13},[823,1174,1175],{"class":906},"  defineProps",[823,1177,1178],{"class":828},"({",[823,1180,1182],{"class":1181},"s0ZPN"," name",[823,1184,1185],{"class":828},":",[823,1187,1189],{"class":1188},"sU-n2"," String",[823,1191,1192],{"class":828}," })\n",[823,1194,1195],{"class":825,"line":32},[823,1196,1197],{"emptyLinePlaceholder":14},"\n",[823,1199,1200,1203,1205,1208,1210,1213,1215,1218],{"class":825,"line":27},[823,1201,1202],{"class":906},"  useHead",[823,1204,1178],{"class":828},[823,1206,1207],{"class":1181}," title",[823,1209,1185],{"class":828},[823,1211,1212],{"class":828}," '",[823,1214,861],{"class":916},[823,1216,1217],{"class":828},"'",[823,1219,1192],{"class":828},[823,1221,1222,1224,1226],{"class":825,"line":52},[823,1223,864],{"class":828},[823,1225,1165],{"class":832},[823,1227,836],{"class":828},[823,1229,1230],{"class":825,"line":128},[823,1231,1197],{"emptyLinePlaceholder":14},[823,1233,1234,1236,1239],{"class":825,"line":124},[823,1235,829],{"class":828},[823,1237,1238],{"class":832},"template",[823,1240,836],{"class":828},[823,1242,1243,1245,1247],{"class":825,"line":48},[823,1244,841],{"class":828},[823,1246,69],{"class":832},[823,1248,836],{"class":828},[823,1250,1251,1253,1255,1258],{"class":825,"line":23},[823,1252,851],{"class":828},[823,1254,59],{"class":832},[823,1256,1257],{"class":860}," \u002F",[823,1259,836],{"class":828},[823,1261,1262,1264,1266,1268,1270,1272,1274],{"class":825,"line":140},[823,1263,851],{"class":828},[823,1265,111],{"class":832},[823,1267,857],{"class":828},[823,1269,880],{"class":860},[823,1271,864],{"class":828},[823,1273,111],{"class":832},[823,1275,836],{"class":828},[823,1277,1278,1280,1282],{"class":825,"line":56},[823,1279,851],{"class":828},[823,1281,135],{"class":832},[823,1283,836],{"class":828},[823,1285,1286,1288,1290,1293,1295,1297,1300,1302],{"class":825,"line":80},[823,1287,900],{"class":828},[823,1289,30],{"class":832},[823,1291,1292],{"class":906}," class",[823,1294,910],{"class":828},[823,1296,913],{"class":828},[823,1298,1299],{"class":916},"text-gray-600 text-base bg-white font-sans",[823,1301,913],{"class":828},[823,1303,836],{"class":828},[823,1305,1306,1308,1310,1312,1314,1316,1319,1321],{"class":825,"line":36},[823,1307,1017],{"class":828},[823,1309,51],{"class":832},[823,1311,1292],{"class":906},[823,1313,910],{"class":828},[823,1315,913],{"class":828},[823,1317,1318],{"class":916},"max-w-lg",[823,1320,913],{"class":828},[823,1322,836],{"class":828},[823,1324,1325,1328,1330,1332,1334,1336,1339,1341,1343,1345,1347,1349],{"class":825,"line":73},[823,1326,1327],{"class":828},"          \u003C",[823,1329,139],{"class":832},[823,1331,1292],{"class":906},[823,1333,910],{"class":828},[823,1335,913],{"class":828},[823,1337,1338],{"class":916},"text-2xl text-gray-950",[823,1340,913],{"class":828},[823,1342,857],{"class":828},[823,1344,1046],{"class":860},[823,1346,864],{"class":828},[823,1348,139],{"class":832},[823,1350,836],{"class":828},[823,1352,1353,1355,1357,1359,1361,1363,1365],{"class":825,"line":132},[823,1354,1327],{"class":828},[823,1356,139],{"class":832},[823,1358,857],{"class":828},[823,1360,1063],{"class":860},[823,1362,864],{"class":828},[823,1364,139],{"class":832},[823,1366,836],{"class":828},[823,1368,1369,1371,1373,1375,1377,1379,1381,1383,1385,1387,1389,1392,1394],{"class":825,"line":66},[823,1370,1327],{"class":828},[823,1372,35],{"class":832},[823,1374,1079],{"class":906},[823,1376,910],{"class":828},[823,1378,913],{"class":828},[823,1380,1086],{"class":916},[823,1382,913],{"class":828},[823,1384,1292],{"class":906},[823,1386,910],{"class":828},[823,1388,913],{"class":828},[823,1390,1391],{"class":916},"bg-blue-600 text-white",[823,1393,913],{"class":828},[823,1395,836],{"class":828},[823,1397,1398],{"class":825,"line":112},[823,1399,1400],{"class":860},"            Verify email\n",[823,1402,1403,1406,1408],{"class":825,"line":40},[823,1404,1405],{"class":828},"          \u003C\u002F",[823,1407,35],{"class":832},[823,1409,836],{"class":828},[823,1411,1412,1414,1416],{"class":825,"line":44},[823,1413,1111],{"class":828},[823,1415,51],{"class":832},[823,1417,836],{"class":828},[823,1419,1420,1422,1424],{"class":825,"line":84},[823,1421,1120],{"class":828},[823,1423,30],{"class":832},[823,1425,836],{"class":828},[823,1427,1428,1430,1432],{"class":825,"line":96},[823,1429,960],{"class":828},[823,1431,135],{"class":832},[823,1433,836],{"class":828},[823,1435,1436,1438,1440],{"class":825,"line":88},[823,1437,969],{"class":828},[823,1439,69],{"class":832},[823,1441,836],{"class":828},[823,1443,1444,1446,1448],{"class":825,"line":100},[823,1445,864],{"class":828},[823,1447,1238],{"class":832},[823,1449,836],{"class":828},[331,1451,1453],{"id":1452},"styling","Styling",[327,1455,1456,1457,1460,1461,1460,1464,1467],{},"MJML uses tag attributes (",[359,1458,1459],{},"background-color",", ",[359,1462,1463],{},"font-size",[359,1465,1466],{},"padding",") on every element.",[327,1469,1470],{},"In Maizzle, you can use Tailwind utility classes or inline CSS.",[331,1472,1474],{"id":1473},"includes-and-partials","Includes and partials",[327,1476,1477,1480],{},[359,1478,1479],{},"\u003Cmj-include path=\".\u002Fheader.mjml\" \u002F>"," becomes a custom Vue component:",[807,1482,1483,1578],{},[810,1484,1486],{"label":1485},"components\u002FHeader.vue",[813,1487,1489],{"className":1153,"code":1488,"filename":1485,"language":1156,"meta":819,"style":819},"\u003Ctemplate>\n  \u003CSection class=\"py-4\">\n    \u003CImg src=\"\u002Flogo.png\" alt=\"Acme\" width=\"120\" \u002F>\n  \u003C\u002FSection>\n\u003C\u002Ftemplate>\n",[359,1490,1491,1499,1518,1562,1570],{"__ignoreMap":819},[823,1492,1493,1495,1497],{"class":825,"line":18},[823,1494,829],{"class":828},[823,1496,1238],{"class":832},[823,1498,836],{"class":828},[823,1500,1501,1503,1505,1507,1509,1511,1514,1516],{"class":825,"line":13},[823,1502,841],{"class":828},[823,1504,127],{"class":832},[823,1506,1292],{"class":906},[823,1508,910],{"class":828},[823,1510,913],{"class":828},[823,1512,1513],{"class":916},"py-4",[823,1515,913],{"class":828},[823,1517,836],{"class":828},[823,1519,1520,1522,1524,1527,1529,1531,1534,1536,1539,1541,1543,1546,1548,1551,1553,1555,1558,1560],{"class":825,"line":32},[823,1521,851],{"class":828},[823,1523,72],{"class":832},[823,1525,1526],{"class":906}," src",[823,1528,910],{"class":828},[823,1530,913],{"class":828},[823,1532,1533],{"class":916},"\u002Flogo.png",[823,1535,913],{"class":828},[823,1537,1538],{"class":906}," alt",[823,1540,910],{"class":828},[823,1542,913],{"class":828},[823,1544,1545],{"class":916},"Acme",[823,1547,913],{"class":828},[823,1549,1550],{"class":906}," width",[823,1552,910],{"class":828},[823,1554,913],{"class":828},[823,1556,1557],{"class":916},"120",[823,1559,913],{"class":828},[823,1561,922],{"class":828},[823,1563,1564,1566,1568],{"class":825,"line":27},[823,1565,969],{"class":828},[823,1567,127],{"class":832},[823,1569,836],{"class":828},[823,1571,1572,1574,1576],{"class":825,"line":52},[823,1573,864],{"class":828},[823,1575,1238],{"class":832},[823,1577,836],{"class":828},[810,1579,1580],{"label":1155},[813,1581,1584],{"className":1582,"code":1583,"filename":1155,"language":1156,"meta":819,"style":819},"language-vue shiki shiki-themes laserwave has-highlighted","\u003Ctemplate>\n  \u003CHtml>\n    \u003C!-- ... -->\n    \u003CBody>\n      \u003CHeader \u002F> \u002F\u002F [!code highlight]\n      \u003C!-- ... -->\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n",[359,1585,1586,1594,1602,1608,1616,1629,1634,1642,1650],{"__ignoreMap":819},[823,1587,1588,1590,1592],{"class":825,"line":18},[823,1589,829],{"class":828},[823,1591,1238],{"class":832},[823,1593,836],{"class":828},[823,1595,1596,1598,1600],{"class":825,"line":13},[823,1597,841],{"class":828},[823,1599,69],{"class":832},[823,1601,836],{"class":828},[823,1603,1604],{"class":825,"line":32},[823,1605,1607],{"class":1606},"sVsQ9","    \u003C!-- ... -->\n",[823,1609,1610,1612,1614],{"class":825,"line":27},[823,1611,851],{"class":828},[823,1613,30],{"class":832},[823,1615,836],{"class":828},[823,1617,1620,1622,1625,1627],{"class":1618,"line":52},[825,1619],"highlighted",[823,1621,900],{"class":828},[823,1623,1624],{"class":832},"Header",[823,1626,1257],{"class":860},[823,1628,857],{"class":828},[823,1630,1631],{"class":825,"line":128},[823,1632,1633],{"class":1606},"      \u003C!-- ... -->\n",[823,1635,1636,1638,1640],{"class":825,"line":124},[823,1637,960],{"class":828},[823,1639,30],{"class":832},[823,1641,836],{"class":828},[823,1643,1644,1646,1648],{"class":825,"line":48},[823,1645,969],{"class":828},[823,1647,69],{"class":832},[823,1649,836],{"class":828},[823,1651,1652,1654,1656],{"class":825,"line":23},[823,1653,864],{"class":828},[823,1655,1238],{"class":832},[823,1657,836],{"class":828},[1659,1660,1662],"callout",{"type":1661},"info",[327,1663,1664,1665,1668,1669,1671],{},"Components are auto-imported, no manual ",[359,1666,1667],{},"import"," statements needed. See ",[365,1670,31],{"href":102},".",[331,1673,1675],{"id":1674},"compiling-emails","Compiling emails",[327,1677,1678],{},"Use the Maizzle CLI in place of the MJML one:",[807,1680,1681,1703],{},[810,1682,1683],{"label":242},[813,1684,1688],{"className":1685,"code":1686,"language":1687,"meta":819,"style":819},"language-bash shiki shiki-themes laserwave","mjml file.mjml -o dist\u002Ffile.html\n","bash",[359,1689,1690],{"__ignoreMap":819},[823,1691,1692,1694,1697,1700],{"class":825,"line":18},[823,1693,833],{"class":906},[823,1695,1696],{"class":916}," file.mjml",[823,1698,1699],{"class":916}," -o",[823,1701,1702],{"class":916}," dist\u002Ffile.html\n",[810,1704,1705],{"label":349},[813,1706,1708],{"className":1685,"code":1707,"language":1687,"meta":819,"style":819},"npx maizzle build\n",[359,1709,1710],{"__ignoreMap":819},[823,1711,1712,1715,1718],{"class":825,"line":18},[823,1713,1714],{"class":906},"npx",[823,1716,1717],{"class":916}," maizzle",[823,1719,1720],{"class":916}," build\n",[327,1722,1723,1724,1185],{},"Or programmatically with ",[365,1725,1727],{"href":1726},"\u002Fdocs\u002Fapi\u002Futilities#build",[359,1728,1729],{},"build()",[813,1731,1736],{"className":1732,"code":1733,"filename":1734,"language":1735,"meta":819,"style":819},"language-ts shiki shiki-themes laserwave","import { build } from '@maizzle\u002Fframework'\n\nconst { files } = await build({\n  content: ['emails\u002F**\u002F*.vue'],\n  output: { path: 'dist' },\n})\n","build.ts","ts",[359,1737,1738,1762,1766,1790,1810,1834],{"__ignoreMap":819},[823,1739,1740,1742,1745,1748,1751,1754,1756,1759],{"class":825,"line":18},[823,1741,1667],{"class":1181},[823,1743,1744],{"class":828}," {",[823,1746,1747],{"class":1188}," build",[823,1749,1750],{"class":828}," }",[823,1752,1753],{"class":1181}," from",[823,1755,1212],{"class":828},[823,1757,1758],{"class":916},"@maizzle\u002Fframework",[823,1760,1761],{"class":828},"'\n",[823,1763,1764],{"class":825,"line":13},[823,1765,1197],{"emptyLinePlaceholder":14},[823,1767,1768,1772,1774,1777,1779,1782,1785,1787],{"class":825,"line":32},[823,1769,1771],{"class":1770},"sIihq","const",[823,1773,1744],{"class":828},[823,1775,1776],{"class":1188}," files",[823,1778,1750],{"class":828},[823,1780,1781],{"class":832}," =",[823,1783,1784],{"class":1181}," await",[823,1786,1747],{"class":906},[823,1788,1789],{"class":828},"({\n",[823,1791,1792,1795,1797,1800,1802,1805,1807],{"class":825,"line":27},[823,1793,1794],{"class":860},"  content",[823,1796,1185],{"class":828},[823,1798,1799],{"class":828}," [",[823,1801,1217],{"class":828},[823,1803,1804],{"class":916},"emails\u002F**\u002F*.vue",[823,1806,1217],{"class":828},[823,1808,1809],{"class":828},"],\n",[823,1811,1812,1815,1817,1819,1822,1824,1826,1829,1831],{"class":825,"line":52},[823,1813,1814],{"class":860},"  output",[823,1816,1185],{"class":828},[823,1818,1744],{"class":828},[823,1820,1821],{"class":860}," path",[823,1823,1185],{"class":828},[823,1825,1212],{"class":828},[823,1827,1828],{"class":916},"dist",[823,1830,1217],{"class":828},[823,1832,1833],{"class":828}," },\n",[823,1835,1836],{"class":825,"line":128},[823,1837,1838],{"class":828},"})\n",[327,1840,1841],{},"Or, to render a single email template and get the compiled HTML string:",[807,1843,1844,1898],{},[810,1845,1846],{"label":242},[813,1847,1849],{"className":1732,"code":1848,"language":1735,"meta":819,"style":819},"import mjml2html from 'mjml'\n\nconst { html } = mjml2html('\u003Cmjml>...\u003C\u002Fmjml>')\n",[359,1850,1851,1866,1870],{"__ignoreMap":819},[823,1852,1853,1855,1858,1860,1862,1864],{"class":825,"line":18},[823,1854,1667],{"class":1181},[823,1856,1857],{"class":1188}," mjml2html",[823,1859,1753],{"class":1181},[823,1861,1212],{"class":828},[823,1863,833],{"class":916},[823,1865,1761],{"class":828},[823,1867,1868],{"class":825,"line":13},[823,1869,1197],{"emptyLinePlaceholder":14},[823,1871,1872,1874,1876,1879,1881,1883,1885,1888,1890,1893,1895],{"class":825,"line":32},[823,1873,1771],{"class":1770},[823,1875,1744],{"class":828},[823,1877,1878],{"class":1188}," html",[823,1880,1750],{"class":828},[823,1882,1781],{"class":832},[823,1884,1857],{"class":906},[823,1886,1887],{"class":828},"(",[823,1889,1217],{"class":828},[823,1891,1892],{"class":916},"\u003Cmjml>...\u003C\u002Fmjml>",[823,1894,1217],{"class":828},[823,1896,1897],{"class":828},")\n",[810,1899,1900],{"label":349},[813,1901,1903],{"className":1732,"code":1902,"language":1735,"meta":819,"style":819},"import { render } from '@maizzle\u002Fframework'\n\n\u002F\u002F Render from file path (relative to project root)\nconst { html } = await render('emails\u002Fwelcome.vue')\n\n\u002F\u002F Or from a SFC string\nconst { html } = await render('\u003Ctemplate>...\u003C\u002Ftemplate>')\n",[359,1904,1905,1924,1928,1933,1959,1963,1968],{"__ignoreMap":819},[823,1906,1907,1909,1911,1914,1916,1918,1920,1922],{"class":825,"line":18},[823,1908,1667],{"class":1181},[823,1910,1744],{"class":828},[823,1912,1913],{"class":1188}," render",[823,1915,1750],{"class":828},[823,1917,1753],{"class":1181},[823,1919,1212],{"class":828},[823,1921,1758],{"class":916},[823,1923,1761],{"class":828},[823,1925,1926],{"class":825,"line":13},[823,1927,1197],{"emptyLinePlaceholder":14},[823,1929,1930],{"class":825,"line":32},[823,1931,1932],{"class":1606},"\u002F\u002F Render from file path (relative to project root)\n",[823,1934,1935,1937,1939,1941,1943,1945,1947,1949,1951,1953,1955,1957],{"class":825,"line":27},[823,1936,1771],{"class":1770},[823,1938,1744],{"class":828},[823,1940,1878],{"class":1188},[823,1942,1750],{"class":828},[823,1944,1781],{"class":832},[823,1946,1784],{"class":1181},[823,1948,1913],{"class":906},[823,1950,1887],{"class":828},[823,1952,1217],{"class":828},[823,1954,1155],{"class":916},[823,1956,1217],{"class":828},[823,1958,1897],{"class":828},[823,1960,1961],{"class":825,"line":52},[823,1962,1197],{"emptyLinePlaceholder":14},[823,1964,1965],{"class":825,"line":128},[823,1966,1967],{"class":1606},"\u002F\u002F Or from a SFC string\n",[823,1969,1970,1972,1974,1976,1978,1980,1982,1984,1986,1988,1991,1993],{"class":825,"line":124},[823,1971,1771],{"class":1770},[823,1973,1744],{"class":828},[823,1975,1878],{"class":1188},[823,1977,1750],{"class":828},[823,1979,1781],{"class":832},[823,1981,1784],{"class":1181},[823,1983,1913],{"class":906},[823,1985,1887],{"class":828},[823,1987,1217],{"class":828},[823,1989,1990],{"class":916},"\u003Ctemplate>...\u003C\u002Ftemplate>",[823,1992,1217],{"class":828},[823,1994,1897],{"class":828},[1996,1997,1998],"style",{},"html pre.shiki code .sGGKt, html code.shiki .sGGKt{--shiki-default:#7B6995}html pre.shiki code .sb4Pa, html code.shiki .sb4Pa{--shiki-default:#74DFC4}html pre.shiki code .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 .sU-n2, html code.shiki .sU-n2{--shiki-default:#FFF}html pre.shiki code .sVsQ9, html code.shiki .sVsQ9{--shiki-default:#91889B}html pre.shiki code .sIihq, html code.shiki .sIihq{--shiki-default:#A96BC0}",{"title":819,"searchDepth":13,"depth":13,"links":2000},[2001,2004,2005,2006,2007],{"id":333,"depth":13,"text":334,"children":2002},[2003],{"id":600,"depth":32,"text":601},{"id":804,"depth":13,"text":805},{"id":1452,"depth":13,"text":1453},{"id":1473,"depth":13,"text":1474},{"id":1674,"depth":13,"text":1675},"How to migrate your email templates from MJML to Maizzle.","md",{},{"title":242,"description":2008},"docs\u002Fmigrate\u002Fmjml","4_R0v8Em9E5YZgUU4fyMGGlL8VKxaXyBjeELbS76PJk",1781015459775]