[{"data":1,"prerenderedAt":623},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:vFfxOUp6qIO4j2BYaZ8fLqVrGWPUuc_Dx2YiNAMb8dA":135,"content-page-surround:docs:vFfxOUp6qIO4j2BYaZ8fLqVrGWPUuc_Dx2YiNAMb8dA":605,"i-logos:vue":615,"i-lucide:clipboard":620},[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":62,"description":136,"body":137,"type":592,"id":63,"canonicalKey":64,"draft":9,"partial":9,"locale":8,"collection":593,"navigationFile":9,"file":594,"resolvedRefs":599,"route":600,"resolution":602},"ETailwind compiles Tailwind v4 utilities into email-safe inline styles and head rules during server rendering.",{"type":138,"children":139,"toc":586},"root",[140,161,258,304,328,369,492,499,513,574],{"type":141,"tag":142,"props":143,"children":144},"element","p",{},[145,152,154,159],{"type":141,"tag":146,"props":147,"children":148},"code",{},[149],{"type":150,"value":151},"text","ETailwind",{"type":150,"value":153}," is the server-only Tailwind v4 boundary. It compiles utilities used by its subtree into email-safe output during rendering. Wrap the whole document so a ",{"type":141,"tag":146,"props":155,"children":156},{},[157],{"type":150,"value":158},"\u003Chead>",{"type":150,"value":160}," is available inside the boundary.",{"type":141,"tag":162,"props":163,"children":164},"table",{},[165,184],{"type":141,"tag":166,"props":167,"children":168},"thead",{},[169],{"type":141,"tag":170,"props":171,"children":172},"tr",{},[173,179],{"type":141,"tag":174,"props":175,"children":176},"th",{},[177],{"type":150,"value":178},"Prop",{"type":141,"tag":174,"props":180,"children":181},{},[182],{"type":150,"value":183},"Contract",{"type":141,"tag":185,"props":186,"children":187},"tbody",{},[188,219,242],{"type":141,"tag":170,"props":189,"children":190},{},[191,200],{"type":141,"tag":192,"props":193,"children":194},"td",{},[195],{"type":141,"tag":146,"props":196,"children":197},{},[198],{"type":150,"value":199},"config",{"type":141,"tag":192,"props":201,"children":202},{},[203,205,210,212,217],{"type":150,"value":204},"Optional Tailwind config (everything except ",{"type":141,"tag":146,"props":206,"children":207},{},[208],{"type":150,"value":209},"content",{"type":150,"value":211},"), matching React Email's ",{"type":141,"tag":146,"props":213,"children":214},{},[215],{"type":150,"value":216},"TailwindConfig",{"type":150,"value":218},".",{"type":141,"tag":170,"props":220,"children":221},{},[222,230],{"type":141,"tag":192,"props":223,"children":224},{},[225],{"type":141,"tag":146,"props":226,"children":227},{},[228],{"type":150,"value":229},"theme",{"type":141,"tag":192,"props":231,"children":232},{},[233,235,240],{"type":150,"value":234},"Optional raw CSS appended to the ",{"type":141,"tag":146,"props":236,"children":237},{},[238],{"type":150,"value":239},"@theme",{"type":150,"value":241}," layer.",{"type":141,"tag":170,"props":243,"children":244},{},[245,253],{"type":141,"tag":192,"props":246,"children":247},{},[248],{"type":141,"tag":146,"props":249,"children":250},{},[251],{"type":150,"value":252},"utility",{"type":141,"tag":192,"props":254,"children":255},{},[256],{"type":150,"value":257},"Optional raw CSS appended to the utilities layer.",{"type":141,"tag":142,"props":259,"children":260},{},[261,263,268,270,276,278,283,285,289,291,296,298,302],{"type":150,"value":262},"Utility classes on descendant elements are inlined into each element's ",{"type":141,"tag":146,"props":264,"children":265},{},[266],{"type":150,"value":267},"style",{"type":150,"value":269},", with precedence ",{"type":141,"tag":271,"props":272,"children":273},"strong",{},[274],{"type":150,"value":275},"component defaults \u003C Tailwind utilities \u003C author style",{"type":150,"value":277},". Rules that cannot be inlined (media queries, pseudo-classes) are collected into a ",{"type":141,"tag":146,"props":279,"children":280},{},[281],{"type":150,"value":282},"\u003Cstyle>",{"type":150,"value":284}," in the ",{"type":141,"tag":146,"props":286,"children":287},{},[288],{"type":150,"value":158},{"type":150,"value":290},", residual class names are sanitized, and ",{"type":141,"tag":146,"props":292,"children":293},{},[294],{"type":150,"value":295},"mso-*",{"type":150,"value":297}," properties survive inlining. If a class needs a ",{"type":141,"tag":146,"props":299,"children":300},{},[301],{"type":150,"value":158},{"type":150,"value":303}," and none is present inside the boundary, rendering throws with a message naming the offending classes.",{"type":141,"tag":305,"props":306,"children":309},"card",{"title":307,"icon":308},"Nuxt theme values are explicit","lucide:palette",[310,314,316,320,322,326],{"type":141,"tag":146,"props":311,"children":312},{},[313],{"type":150,"value":151},{"type":150,"value":315}," does not consume your Nuxt app stylesheet or inherit browser CSS variables. Email classes must compile to concrete values. Pass a ",{"type":141,"tag":146,"props":317,"children":318},{},[319],{"type":150,"value":229},{"type":150,"value":321}," string or ",{"type":141,"tag":146,"props":323,"children":324},{},[325],{"type":150,"value":199},{"type":150,"value":327}," to the boundary, ideally sourced from the same application-owned design-token module that feeds your web CSS.",{"type":141,"tag":142,"props":329,"children":330},{},[331,333,337,339,343,345,349,351,355,357,362,364,368],{"type":150,"value":332},"The render path is filesystem-free. ",{"type":141,"tag":146,"props":334,"children":335},{},[336],{"type":150,"value":151},{"type":150,"value":338}," accepts ",{"type":141,"tag":146,"props":340,"children":341},{},[342],{"type":150,"value":199},{"type":150,"value":344},", ",{"type":141,"tag":146,"props":346,"children":347},{},[348],{"type":150,"value":229},{"type":150,"value":350},", and ",{"type":141,"tag":146,"props":352,"children":353},{},[354],{"type":150,"value":252},{"type":150,"value":356}," values, but does not resolve arbitrary CSS file imports or CSS ",{"type":141,"tag":146,"props":358,"children":359},{},[360],{"type":150,"value":361},"@plugin",{"type":150,"value":363}," module imports while rendering. Put executable plugins in ",{"type":141,"tag":146,"props":365,"children":366},{},[367],{"type":150,"value":199},{"type":150,"value":218},{"type":141,"tag":370,"props":371,"children":374},"pre",{"language":372,"class":373},"vue","shiki shiki-themes light-plus dark-plus dark:dark-plus",[375],{"type":141,"tag":146,"props":376,"children":378},{"class":377},"language-vue",[379,401,403,412,413,421,422,430,431,439,440,448,449,457,458,466,467,475,476],{"type":141,"tag":380,"props":381,"children":384},"span",{"class":382,"style":383},"line","display: inline",[385,391,396],{"type":141,"tag":380,"props":386,"children":388},{"style":387},"color:#800000;--shiki-dark:#808080",[389],{"type":150,"value":390},"\u003C",{"type":141,"tag":380,"props":392,"children":394},{"style":393},"color:#800000;--shiki-dark:#569CD6",[395],{"type":150,"value":151},{"type":141,"tag":380,"props":397,"children":398},{"style":387},[399],{"type":150,"value":400},">",{"type":150,"value":402},"\n",{"type":141,"tag":380,"props":404,"children":405},{"class":382,"style":383},[406],{"type":141,"tag":380,"props":407,"children":409},{"style":408},"color:#000000;--shiki-dark:#D4D4D4",[410],{"type":150,"value":411},"  \u003CEHtml>",{"type":150,"value":402},{"type":141,"tag":380,"props":414,"children":415},{"class":382,"style":383},[416],{"type":141,"tag":380,"props":417,"children":418},{"style":408},[419],{"type":150,"value":420},"    \u003CEHead \u002F>",{"type":150,"value":402},{"type":141,"tag":380,"props":423,"children":424},{"class":382,"style":383},[425],{"type":141,"tag":380,"props":426,"children":427},{"style":408},[428],{"type":150,"value":429},"    \u003CEBody class=\"bg-gray-100\">",{"type":150,"value":402},{"type":141,"tag":380,"props":432,"children":433},{"class":382,"style":383},[434],{"type":141,"tag":380,"props":435,"children":436},{"style":408},[437],{"type":150,"value":438},"      \u003CEContainer class=\"p-4\">",{"type":150,"value":402},{"type":141,"tag":380,"props":441,"children":442},{"class":382,"style":383},[443],{"type":141,"tag":380,"props":444,"children":445},{"style":408},[446],{"type":150,"value":447},"        \u003CEText class=\"text-red-500\">Styled with Tailwind\u003C\u002FEText>",{"type":150,"value":402},{"type":141,"tag":380,"props":450,"children":451},{"class":382,"style":383},[452],{"type":141,"tag":380,"props":453,"children":454},{"style":408},[455],{"type":150,"value":456},"      \u003C\u002FEContainer>",{"type":150,"value":402},{"type":141,"tag":380,"props":459,"children":460},{"class":382,"style":383},[461],{"type":141,"tag":380,"props":462,"children":463},{"style":408},[464],{"type":150,"value":465},"    \u003C\u002FEBody>",{"type":150,"value":402},{"type":141,"tag":380,"props":468,"children":469},{"class":382,"style":383},[470],{"type":141,"tag":380,"props":471,"children":472},{"style":408},[473],{"type":150,"value":474},"  \u003C\u002FEHtml>",{"type":150,"value":402},{"type":141,"tag":380,"props":477,"children":478},{"class":382,"style":383},[479,484,488],{"type":141,"tag":380,"props":480,"children":481},{"style":387},[482],{"type":150,"value":483},"\u003C\u002F",{"type":141,"tag":380,"props":485,"children":486},{"style":393},[487],{"type":150,"value":151},{"type":141,"tag":380,"props":489,"children":490},{"style":387},[491],{"type":150,"value":400},{"type":141,"tag":493,"props":494,"children":496},"h2",{"id":495},"nested-component-classes-work-too",[497],{"type":150,"value":498},"Nested-component classes work too",{"type":141,"tag":142,"props":500,"children":501},{},[502,504,511],{"type":150,"value":503},"Nuxt Email also inlines classes that a nested component emits. A reusable card\nor button therefore uses the same Tailwind behavior as inline markup. Read the\n",{"type":141,"tag":505,"props":506,"children":508},"a",{"href":507},"$docs\u002Fguides\u002Ftailwind",[509],{"type":150,"value":510},"Tailwind guide",{"type":150,"value":512}," for the supported boundaries.",{"type":141,"tag":305,"props":514,"children":517},{"title":515,"icon":516},"Limitations at a glance","lucide:alert-triangle",[518,523,524,529,530,535,536,541,543,548,550,555,557,561,563,567,569,573],{"type":141,"tag":146,"props":519,"children":520},{},[521],{"type":150,"value":522},"ECodeInline",{"type":150,"value":344},{"type":141,"tag":146,"props":525,"children":526},{},[527],{"type":150,"value":528},"EMarkdown",{"type":150,"value":344},{"type":141,"tag":146,"props":531,"children":532},{},[533],{"type":150,"value":534},"EPreview",{"type":150,"value":350},{"type":141,"tag":146,"props":537,"children":538},{},[539],{"type":150,"value":540},"EFont",{"type":150,"value":542}," do not treat a nested ",{"type":141,"tag":146,"props":544,"children":545},{},[546],{"type":150,"value":547},"class",{"type":150,"value":549}," as a Tailwind style target; nested ",{"type":141,"tag":146,"props":551,"children":552},{},[553],{"type":150,"value":554},"\u003CETailwind>",{"type":150,"value":556}," boundaries are not supported; and render-time CSS\u002F",{"type":141,"tag":146,"props":558,"children":559},{},[560],{"type":150,"value":361},{"type":150,"value":562}," filesystem imports are not resolved. Emails that do not use ",{"type":141,"tag":146,"props":564,"children":565},{},[566],{"type":150,"value":554},{"type":150,"value":568}," are entirely unaffected. Full detail in the ",{"type":141,"tag":505,"props":570,"children":571},{"href":507},[572],{"type":150,"value":510},{"type":150,"value":218},{"type":141,"tag":142,"props":575,"children":576},{},[577,579,585],{"type":150,"value":578},"For the seventeen ETailwind conformance cases, see the ",{"type":141,"tag":505,"props":580,"children":582},{"href":581},"$docs\u002Freference\u002Fconformance",[583],{"type":150,"value":584},"conformance report",{"type":150,"value":218},{"title":587,"searchDepth":588,"depth":588,"links":589},"",4,[590],{"id":495,"depth":591,"text":498},2,"markdown","docs",{"source":209,"path":595,"stem":596,"dir":597,"extension":598},"docs\u002F2.components\u002F7.tailwind.md","docs\u002F2.components\u002F7.tailwind","components","md",{"$docs\u002Fguides\u002Ftailwind":77,"$docs\u002Freference\u002Fconformance":129},{"requestedPath":65,"resolvedPath":65,"alternates":601},[],{"requested":603,"resolved":604,"usedFallback":9},{},{"locale":8},{"previous":606,"next":607},{"title":57,"id":58,"canonicalKey":59,"locale":8,"draft":9,"path":60},{"title":67,"id":68,"canonicalKey":69,"locale":8,"draft":9,"path":71,"children":608},[609,610,611,612,613,614],{"title":74,"id":75,"canonicalKey":76,"locale":8,"draft":9,"path":77},{"title":79,"id":80,"canonicalKey":81,"locale":8,"draft":9,"path":82},{"title":84,"id":85,"canonicalKey":86,"locale":8,"draft":9,"path":87},{"title":89,"id":90,"canonicalKey":91,"locale":8,"draft":9,"path":92},{"title":94,"id":95,"canonicalKey":96,"locale":8,"draft":9,"path":97},{"title":99,"id":100,"canonicalKey":101,"locale":8,"draft":9,"path":102},{"left":616,"top":616,"width":617,"height":618,"rotate":616,"vFlip":9,"hFlip":9,"body":619},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":616,"top":616,"width":621,"height":621,"rotate":616,"vFlip":9,"hFlip":9,"body":622},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>",1786647278275]