[{"data":1,"prerenderedAt":765},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:_zppu2Kryo-D0EU8AVmy5JKGrry8gUWr72-wBgXtsNE":135,"content-page-surround:docs:_zppu2Kryo-D0EU8AVmy5JKGrry8gUWr72-wBgXtsNE":754,"i-logos:vue":757,"i-lucide:clipboard":762},[4,29,66,103],{"title":5,"id":6,"canonicalKey":7,"locale":8,"draft":9,"icon":10,"sidebar":11,"path":12,"children":13},"Getting Started","content:docs:1.getting-started:.navigation.yml","1","en",false,"i-lucide-rocket","section","\u002Fdocs\u002Fgetting-started",[14,19,24],{"title":15,"id":16,"canonicalKey":17,"locale":8,"draft":9,"path":18},"Installation","content:docs:1.getting-started:2.installation.md","1\u002F2","\u002Fdocs\u002Fgetting-started\u002Finstallation",{"title":20,"id":21,"canonicalKey":22,"locale":8,"draft":9,"path":23},"Your first email","content:docs:1.getting-started:3.first-email.md","1\u002F3","\u002Fdocs\u002Fgetting-started\u002Ffirst-email",{"title":25,"id":26,"canonicalKey":27,"locale":8,"draft":9,"path":28},"Render from Nitro","content:docs:1.getting-started:4.render-from-nitro.md","1\u002F4","\u002Fdocs\u002Fgetting-started\u002Frender-from-nitro",{"title":30,"id":31,"canonicalKey":32,"locale":8,"draft":9,"icon":33,"sidebar":11,"path":34,"children":35},"Components","content:docs:2.components:.navigation.yml","2","i-lucide-blocks","\u002Fdocs\u002Fcomponents",[36,41,46,51,56,61],{"title":37,"id":38,"canonicalKey":39,"locale":8,"draft":9,"path":40},"Structure","content:docs:2.components:2.structure.md","2\u002F2","\u002Fdocs\u002Fcomponents\u002Fstructure",{"title":42,"id":43,"canonicalKey":44,"locale":8,"draft":9,"path":45},"Layout","content:docs:2.components:3.layout.md","2\u002F3","\u002Fdocs\u002Fcomponents\u002Flayout",{"title":47,"id":48,"canonicalKey":49,"locale":8,"draft":9,"path":50},"Content","content:docs:2.components:4.content.md","2\u002F4","\u002Fdocs\u002Fcomponents\u002Fcontent",{"title":52,"id":53,"canonicalKey":54,"locale":8,"draft":9,"path":55},"Code","content:docs:2.components:5.code.md","2\u002F5","\u002Fdocs\u002Fcomponents\u002Fcode",{"title":57,"id":58,"canonicalKey":59,"locale":8,"draft":9,"path":60},"Markdown","content:docs:2.components:6.markdown.md","2\u002F6","\u002Fdocs\u002Fcomponents\u002Fmarkdown",{"title":62,"id":63,"canonicalKey":64,"locale":8,"draft":9,"path":65},"Tailwind","content:docs:2.components:7.tailwind.md","2\u002F7","\u002Fdocs\u002Fcomponents\u002Ftailwind",{"title":67,"id":68,"canonicalKey":69,"locale":8,"draft":9,"icon":70,"sidebar":11,"path":71,"children":72},"Guides","content:docs:3.guides:.navigation.yml","3","i-lucide-compass","\u002Fdocs\u002Fguides",[73,78,83,88,93,98],{"title":74,"id":75,"canonicalKey":76,"locale":8,"draft":9,"path":77},"Using Tailwind","content:docs:3.guides:2.tailwind.md","3\u002F2","\u002Fdocs\u002Fguides\u002Ftailwind",{"title":79,"id":80,"canonicalKey":81,"locale":8,"draft":9,"path":82},"Subject lines","content:docs:3.guides:3.subject-lines.md","3\u002F3","\u002Fdocs\u002Fguides\u002Fsubject-lines",{"title":84,"id":85,"canonicalKey":86,"locale":8,"draft":9,"path":87},"Plain text","content:docs:3.guides:4.plain-text.md","3\u002F4","\u002Fdocs\u002Fguides\u002Fplain-text",{"title":89,"id":90,"canonicalKey":91,"locale":8,"draft":9,"path":92},"Testing your emails","content:docs:3.guides:5.testing-your-emails.md","3\u002F5","\u002Fdocs\u002Fguides\u002Ftesting-your-emails",{"title":94,"id":95,"canonicalKey":96,"locale":8,"draft":9,"path":97},"Preview workflow","content:docs:3.guides:6.preview-workflow.md","3\u002F6","\u002Fdocs\u002Fguides\u002Fpreview-workflow",{"title":99,"id":100,"canonicalKey":101,"locale":8,"draft":9,"path":102},"Client compatibility and proofs","content:docs:3.guides:7.client-compatibility.md","3\u002F7","\u002Fdocs\u002Fguides\u002Fclient-compatibility",{"title":104,"id":105,"canonicalKey":106,"locale":8,"draft":9,"icon":107,"sidebar":11,"path":108,"children":109},"Reference","content:docs:4.reference:.navigation.yml","4","i-lucide-file-text","\u002Fdocs\u002Freference",[110,115,120,125,130],{"title":111,"id":112,"canonicalKey":113,"locale":8,"draft":9,"path":114},"renderEmail","content:docs:4.reference:2.render-email.md","4\u002F2","\u002Fdocs\u002Freference\u002Frender-email",{"title":116,"id":117,"canonicalKey":118,"locale":8,"draft":9,"path":119},"Module behavior","content:docs:4.reference:3.module.md","4\u002F3","\u002Fdocs\u002Freference\u002Fmodule",{"title":121,"id":122,"canonicalKey":123,"locale":8,"draft":9,"path":124},"Error types","content:docs:4.reference:4.errors.md","4\u002F4","\u002Fdocs\u002Freference\u002Ferrors",{"title":126,"id":127,"canonicalKey":128,"locale":8,"draft":9,"path":129},"Conformance & divergences","content:docs:4.reference:5.conformance.md","4\u002F5","\u002Fdocs\u002Freference\u002Fconformance",{"title":131,"id":132,"canonicalKey":133,"locale":8,"draft":9,"path":134},"Migration from React Email","content:docs:4.reference:6.migration.md","4\u002F6","\u002Fdocs\u002Freference\u002Fmigration",{"title":42,"description":136,"body":137,"type":740,"id":43,"canonicalKey":44,"draft":9,"partial":9,"locale":8,"collection":741,"navigationFile":9,"file":742,"resolvedRefs":748,"route":749,"resolution":751},"EContainer, ESection, ERow, and EColumn — the presentation-table primitives that keep layout stable across email clients.",{"type":138,"children":139,"toc":733},"root",[140,148,330,337,401,446,452,534,699],{"type":141,"tag":142,"props":143,"children":144},"element","p",{},[145],{"type":146,"value":147},"text","Email layout must use tables, not modern CSS. These four components emit email-client-safe presentation tables and move physical padding to inner cells where clients handle it reliably.",{"type":141,"tag":149,"props":150,"children":151},"table",{},[152,176],{"type":141,"tag":153,"props":154,"children":155},"thead",{},[156],{"type":141,"tag":157,"props":158,"children":159},"tr",{},[160,166,171],{"type":141,"tag":161,"props":162,"children":163},"th",{},[164],{"type":146,"value":165},"Component",{"type":141,"tag":161,"props":167,"children":168},{},[169],{"type":146,"value":170},"Output and important props",{"type":141,"tag":161,"props":172,"children":173},{},[174],{"type":146,"value":175},"Defaults and fixed behavior",{"type":141,"tag":177,"props":178,"children":179},"tbody",{},[180,241,262,290],{"type":141,"tag":157,"props":181,"children":182},{},[183,193,198],{"type":141,"tag":184,"props":185,"children":186},"td",{},[187],{"type":141,"tag":188,"props":189,"children":190},"code",{},[191],{"type":146,"value":192},"EContainer",{"type":141,"tag":184,"props":194,"children":195},{},[196],{"type":146,"value":197},"Centered presentation table for bounded content; accepts safe table attributes except the fixed semantics.",{"type":141,"tag":184,"props":199,"children":200},{},[201,206,208,213,215,220,221,226,227,232,234,239],{"type":141,"tag":188,"props":202,"children":203},{},[204],{"type":146,"value":205},"width=\"100%\"",{"type":146,"value":207},", ",{"type":141,"tag":188,"props":209,"children":210},{},[211],{"type":146,"value":212},"max-width: 37.5em",{"type":146,"value":214},"; physical padding moves to the inner cell. ",{"type":141,"tag":188,"props":216,"children":217},{},[218],{"type":146,"value":219},"border",{"type":146,"value":207},{"type":141,"tag":188,"props":222,"children":223},{},[224],{"type":146,"value":225},"cellpadding",{"type":146,"value":207},{"type":141,"tag":188,"props":228,"children":229},{},[230],{"type":146,"value":231},"cellspacing",{"type":146,"value":233},", and ",{"type":141,"tag":188,"props":235,"children":236},{},[237],{"type":146,"value":238},"role",{"type":146,"value":240}," are fixed.",{"type":141,"tag":157,"props":242,"children":243},{},[244,252,257],{"type":141,"tag":184,"props":245,"children":246},{},[247],{"type":141,"tag":188,"props":248,"children":249},{},[250],{"type":146,"value":251},"ESection",{"type":141,"tag":184,"props":253,"children":254},{},[255],{"type":146,"value":256},"Full-width presentation table with one inner cell.",{"type":141,"tag":184,"props":258,"children":259},{},[260],{"type":146,"value":261},"Physical padding moves to the inner cell. Presentation-table attributes are fixed.",{"type":141,"tag":157,"props":263,"children":264},{},[265,273,278],{"type":141,"tag":184,"props":266,"children":267},{},[268],{"type":141,"tag":188,"props":269,"children":270},{},[271],{"type":146,"value":272},"ERow",{"type":141,"tag":184,"props":274,"children":275},{},[276],{"type":146,"value":277},"Full-width presentation table whose row receives slot content.",{"type":141,"tag":184,"props":279,"children":280},{},[281,283,288],{"type":146,"value":282},"Place ",{"type":141,"tag":188,"props":284,"children":285},{},[286],{"type":146,"value":287},"EColumn",{"type":146,"value":289}," components directly in the slot. Physical padding is carried by an outer presentation-table cell when present. Presentation-table attributes are fixed.",{"type":141,"tag":157,"props":291,"children":292},{},[293,300,325],{"type":141,"tag":184,"props":294,"children":295},{},[296],{"type":141,"tag":188,"props":297,"children":298},{},[299],{"type":146,"value":287},{"type":141,"tag":184,"props":301,"children":302},{},[303,305,310,312,317,318,323],{"type":146,"value":304},"A ",{"type":141,"tag":188,"props":306,"children":307},{},[308],{"type":146,"value":309},"\u003Ctd>",{"type":146,"value":311}," cell; accepts safe cell attributes such as ",{"type":141,"tag":188,"props":313,"children":314},{},[315],{"type":146,"value":316},"width",{"type":146,"value":207},{"type":141,"tag":188,"props":319,"children":320},{},[321],{"type":146,"value":322},"colspan",{"type":146,"value":324},", alignment, and style.",{"type":141,"tag":184,"props":326,"children":327},{},[328],{"type":146,"value":329},"No synthetic React marker and no default width.",{"type":141,"tag":331,"props":332,"children":334},"h2",{"id":333},"padding-placement",[335],{"type":146,"value":336},"Padding placement",{"type":141,"tag":142,"props":338,"children":339},{},[340,342,346,347,351,352,356,358,363,364,369,370,375,376,381,382,387,389,393,395,399],{"type":146,"value":341},"For ",{"type":141,"tag":188,"props":343,"children":344},{},[345],{"type":146,"value":192},{"type":146,"value":207},{"type":141,"tag":188,"props":348,"children":349},{},[350],{"type":146,"value":251},{"type":146,"value":233},{"type":141,"tag":188,"props":353,"children":354},{},[355],{"type":146,"value":272},{"type":146,"value":357},", physical ",{"type":141,"tag":188,"props":359,"children":360},{},[361],{"type":146,"value":362},"padding",{"type":146,"value":207},{"type":141,"tag":188,"props":365,"children":366},{},[367],{"type":146,"value":368},"paddingTop",{"type":146,"value":207},{"type":141,"tag":188,"props":371,"children":372},{},[373],{"type":146,"value":374},"paddingRight",{"type":146,"value":207},{"type":141,"tag":188,"props":377,"children":378},{},[379],{"type":146,"value":380},"paddingBottom",{"type":146,"value":233},{"type":141,"tag":188,"props":383,"children":384},{},[385],{"type":146,"value":386},"paddingLeft",{"type":146,"value":388}," are placed on a ",{"type":141,"tag":188,"props":390,"children":391},{},[392],{"type":146,"value":309},{"type":146,"value":394}," for compatibility with clients that force collapsed table borders. ",{"type":141,"tag":188,"props":396,"children":397},{},[398],{"type":146,"value":272},{"type":146,"value":400}," emits its wrapper only when physical padding is present. Logical padding properties remain on the table.",{"type":141,"tag":142,"props":402,"children":403},{},[404,406,411,413,418,420,425,427,432,434,438,440,444],{"type":146,"value":405},"This relocation applies to padding known at render time: author ",{"type":141,"tag":188,"props":407,"children":408},{},[409],{"type":146,"value":410},"style",{"type":146,"value":412}," and non-variant Tailwind utilities such as ",{"type":141,"tag":188,"props":414,"children":415},{},[416],{"type":146,"value":417},"p-4",{"type":146,"value":419},". Responsive or pseudo-class utilities such as ",{"type":141,"tag":188,"props":421,"children":422},{},[423],{"type":146,"value":424},"md:p-4",{"type":146,"value":426}," remain CSS rules on the presentation table because they have no single inline value to move. Clients that force ",{"type":141,"tag":188,"props":428,"children":429},{},[430],{"type":146,"value":431},"table { border-collapse: collapse }",{"type":146,"value":433}," may ignore that table padding. Put responsive padding on an inner ",{"type":141,"tag":188,"props":435,"children":436},{},[437],{"type":146,"value":287},{"type":146,"value":439}," (a real ",{"type":141,"tag":188,"props":441,"children":442},{},[443],{"type":146,"value":309},{"type":146,"value":445},") and verify the target clients.",{"type":141,"tag":331,"props":447,"children":449},{"id":448},"fixed-presentation-attributes",[450],{"type":146,"value":451},"Fixed presentation attributes",{"type":141,"tag":142,"props":453,"children":454},{},[455,459,460,464,465,469,471,475,476,480,481,485,486,490,492,503,505,510,512,517,519,523,525,532],{"type":141,"tag":188,"props":456,"children":457},{},[458],{"type":146,"value":192},{"type":146,"value":207},{"type":141,"tag":188,"props":461,"children":462},{},[463],{"type":146,"value":251},{"type":146,"value":233},{"type":141,"tag":188,"props":466,"children":467},{},[468],{"type":146,"value":272},{"type":146,"value":470}," fix ",{"type":141,"tag":188,"props":472,"children":473},{},[474],{"type":146,"value":219},{"type":146,"value":207},{"type":141,"tag":188,"props":477,"children":478},{},[479],{"type":146,"value":225},{"type":146,"value":207},{"type":141,"tag":188,"props":482,"children":483},{},[484],{"type":146,"value":231},{"type":146,"value":233},{"type":141,"tag":188,"props":487,"children":488},{},[489],{"type":146,"value":238},{"type":146,"value":491}," to preserve the email-safe table layout. Unlike React Email — which silently discards overrides for these attributes — ",{"type":141,"tag":493,"props":494,"children":495},"strong",{},[496,498],{"type":146,"value":497},"Nuxt Email throws a ",{"type":141,"tag":188,"props":499,"children":500},{},[501],{"type":146,"value":502},"TypeError",{"type":146,"value":504}," when any of them is supplied (case-insensitive, so ",{"type":141,"tag":188,"props":506,"children":507},{},[508],{"type":146,"value":509},"cellPadding",{"type":146,"value":511}," and ",{"type":141,"tag":188,"props":513,"children":514},{},[515],{"type":146,"value":516},"cellSpacing",{"type":146,"value":518}," are caught too). Set these through ",{"type":141,"tag":188,"props":520,"children":521},{},[522],{"type":146,"value":410},{"type":146,"value":524}," if you need to adjust them. This is a deliberate ",{"type":141,"tag":526,"props":527,"children":529},"a",{"href":528},"$docs\u002Freference\u002Fconformance",[530],{"type":146,"value":531},"divergence",{"type":146,"value":533},": fail loudly rather than emit a silently-broken layout.",{"type":141,"tag":535,"props":536,"children":539},"pre",{"language":537,"class":538},"vue","shiki shiki-themes light-plus dark-plus dark:dark-plus",[540],{"type":141,"tag":188,"props":541,"children":543},{"class":542},"language-vue",[544,627,629,637,638,646,647,655,656,664,665,673,674,682,683],{"type":141,"tag":545,"props":546,"children":549},"span",{"class":547,"style":548},"line","display: inline",[550,556,561,567,572,577,582,587,593,599,603,608,613,618,622],{"type":141,"tag":545,"props":551,"children":553},{"style":552},"color:#800000;--shiki-dark:#808080",[554],{"type":146,"value":555},"\u003C",{"type":141,"tag":545,"props":557,"children":559},{"style":558},"color:#800000;--shiki-dark:#569CD6",[560],{"type":146,"value":192},{"type":141,"tag":545,"props":562,"children":564},{"style":563},"color:#000000;--shiki-dark:#D4D4D4",[565],{"type":146,"value":566}," :",{"type":141,"tag":545,"props":568,"children":570},{"style":569},"color:#E50000;--shiki-dark:#9CDCFE",[571],{"type":146,"value":410},{"type":141,"tag":545,"props":573,"children":574},{"style":563},[575],{"type":146,"value":576},"=",{"type":141,"tag":545,"props":578,"children":579},{"style":563},[580],{"type":146,"value":581},"\"",{"type":141,"tag":545,"props":583,"children":584},{"style":563},[585],{"type":146,"value":586},"{ ",{"type":141,"tag":545,"props":588,"children":590},{"style":589},"color:#001080;--shiki-dark:#9CDCFE",[591],{"type":146,"value":592},"maxWidth:",{"type":141,"tag":545,"props":594,"children":596},{"style":595},"color:#A31515;--shiki-dark:#CE9178",[597],{"type":146,"value":598}," '600px'",{"type":141,"tag":545,"props":600,"children":601},{"style":563},[602],{"type":146,"value":207},{"type":141,"tag":545,"props":604,"children":605},{"style":589},[606],{"type":146,"value":607},"padding:",{"type":141,"tag":545,"props":609,"children":610},{"style":595},[611],{"type":146,"value":612}," '24px'",{"type":141,"tag":545,"props":614,"children":615},{"style":563},[616],{"type":146,"value":617}," }",{"type":141,"tag":545,"props":619,"children":620},{"style":563},[621],{"type":146,"value":581},{"type":141,"tag":545,"props":623,"children":624},{"style":552},[625],{"type":146,"value":626},">",{"type":146,"value":628},"\n",{"type":141,"tag":545,"props":630,"children":631},{"class":547,"style":548},[632],{"type":141,"tag":545,"props":633,"children":634},{"style":563},[635],{"type":146,"value":636},"  \u003CESection :style=\"{ padding: '16px 20px' }\">",{"type":146,"value":628},{"type":141,"tag":545,"props":639,"children":640},{"class":547,"style":548},[641],{"type":141,"tag":545,"props":642,"children":643},{"style":563},[644],{"type":146,"value":645},"    \u003CERow>",{"type":146,"value":628},{"type":141,"tag":545,"props":648,"children":649},{"class":547,"style":548},[650],{"type":141,"tag":545,"props":651,"children":652},{"style":563},[653],{"type":146,"value":654},"      \u003CEColumn width=\"50%\">Left\u003C\u002FEColumn>",{"type":146,"value":628},{"type":141,"tag":545,"props":657,"children":658},{"class":547,"style":548},[659],{"type":141,"tag":545,"props":660,"children":661},{"style":563},[662],{"type":146,"value":663},"      \u003CEColumn width=\"50%\">Right\u003C\u002FEColumn>",{"type":146,"value":628},{"type":141,"tag":545,"props":666,"children":667},{"class":547,"style":548},[668],{"type":141,"tag":545,"props":669,"children":670},{"style":563},[671],{"type":146,"value":672},"    \u003C\u002FERow>",{"type":146,"value":628},{"type":141,"tag":545,"props":675,"children":676},{"class":547,"style":548},[677],{"type":141,"tag":545,"props":678,"children":679},{"style":563},[680],{"type":146,"value":681},"  \u003C\u002FESection>",{"type":146,"value":628},{"type":141,"tag":545,"props":684,"children":685},{"class":547,"style":548},[686,691,695],{"type":141,"tag":545,"props":687,"children":688},{"style":552},[689],{"type":146,"value":690},"\u003C\u002F",{"type":141,"tag":545,"props":692,"children":693},{"style":558},[694],{"type":146,"value":192},{"type":141,"tag":545,"props":696,"children":697},{"style":552},[698],{"type":146,"value":626},{"type":141,"tag":700,"props":701,"children":704},"card",{"title":702,"icon":703},"Client note: Outlook columns","lucide:columns-3",[705,707,711,713,717,719,723,725,731],{"type":146,"value":706},"Two-column rows built with ",{"type":141,"tag":188,"props":708,"children":709},{},[710],{"type":146,"value":272},{"type":146,"value":712}," \u002F ",{"type":141,"tag":188,"props":714,"children":715},{},[716],{"type":146,"value":287},{"type":146,"value":718}," hold together in Outlook for Windows because they are real table cells, not floats or flexbox. Give columns explicit ",{"type":141,"tag":188,"props":720,"children":721},{},[722],{"type":146,"value":316},{"type":146,"value":724}," values and verify narrow-width rendering — see the ",{"type":141,"tag":526,"props":726,"children":728},{"href":727},"$docs\u002Fguides\u002Fclient-compatibility",[729],{"type":146,"value":730},"client compatibility guide",{"type":146,"value":732},".",{"title":734,"searchDepth":735,"depth":735,"links":736},"",4,[737,739],{"id":333,"depth":738,"text":336},2,{"id":448,"depth":738,"text":451},"markdown","docs",{"source":743,"path":744,"stem":745,"dir":746,"extension":747},"content","docs\u002F2.components\u002F3.layout.md","docs\u002F2.components\u002F3.layout","components","md",{"$docs\u002Freference\u002Fconformance":129,"$docs\u002Fguides\u002Fclient-compatibility":102},{"requestedPath":45,"resolvedPath":45,"alternates":750},[],{"requested":752,"resolved":753,"usedFallback":9},{},{"locale":8},{"previous":755,"next":756},{"title":37,"id":38,"canonicalKey":39,"locale":8,"draft":9,"path":40},{"title":47,"id":48,"canonicalKey":49,"locale":8,"draft":9,"path":50},{"left":758,"top":758,"width":759,"height":760,"rotate":758,"vFlip":9,"hFlip":9,"body":761},0,256,221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",{"left":758,"top":758,"width":763,"height":763,"rotate":758,"vFlip":9,"hFlip":9,"body":764},24,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\u002F>\u003Cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u002F>\u003C\u002Fg>",1786647277438]