[{"data":1,"prerenderedAt":714},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Fcomponents\u002Fnowidows":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":91,"body":318,"description":328,"extension":709,"meta":710,"navigation":14,"order":92,"path":90,"section":31,"seo":711,"sidebar":14,"stem":712,"toc":14,"__hash__":713},"docs\u002Fdocs\u002Fcomponents\u002Fnowidows.md",{"type":319,"value":320,"toc":703},"minimark",[321,325,329,334,472,479,482,571,585,589,594,607,610,693,699],[322,323,91],"h1",{"id":324},"nowidows",[326,327,328],"p",{},"Prevents orphaned words in text by replacing the last space with a non-breaking space.",[330,331,333],"h2",{"id":332},"usage","Usage",[335,336,337,413],"code-tabs",{},[338,339,341],"code-tab",{"label":340},"emails\u002Fexample.vue",[342,343,348],"pre",{"className":344,"code":345,"language":346,"meta":347,"style":347},"language-vue shiki shiki-themes laserwave","\u003Ctemplate>\n  \u003CNoWidows>\n    \u003CText>This paragraph will not have a widow on the last line.\u003C\u002FText>\n  \u003C\u002FNoWidows>\n\u003C\u002Ftemplate>\n","vue","",[349,350,351,366,375,396,405],"code",{"__ignoreMap":347},[352,353,355,359,363],"span",{"class":354,"line":18},"line",[352,356,358],{"class":357},"sGGKt","\u003C",[352,360,362],{"class":361},"sb4Pa","template",[352,364,365],{"class":357},">\n",[352,367,368,371,373],{"class":354,"line":13},[352,369,370],{"class":357},"  \u003C",[352,372,91],{"class":361},[352,374,365],{"class":357},[352,376,377,380,382,385,389,392,394],{"class":354,"line":32},[352,378,379],{"class":357},"    \u003C",[352,381,139],{"class":361},[352,383,384],{"class":357},">",[352,386,388],{"class":387},"sLaUg","This paragraph will not have a widow on the last line.",[352,390,391],{"class":357},"\u003C\u002F",[352,393,139],{"class":361},[352,395,365],{"class":357},[352,397,398,401,403],{"class":354,"line":27},[352,399,400],{"class":357},"  \u003C\u002F",[352,402,91],{"class":361},[352,404,365],{"class":357},[352,406,407,409,411],{"class":354,"line":52},[352,408,391],{"class":357},[352,410,362],{"class":361},[352,412,365],{"class":357},[338,414,416],{"label":415},"dist\u002Fexample.html",[342,417,421],{"className":418,"code":419,"language":420,"meta":347,"style":347},"language-html shiki shiki-themes laserwave","\u003Cp style=\"margin: 16px 0; font-size: 16px; line-height: 24px;\">\n  This paragraph will not have a widow on the last line.\n\u003C\u002Fp>\n","html",[349,422,423,447,464],{"__ignoreMap":347},[352,424,425,427,429,433,436,439,443,445],{"class":354,"line":18},[352,426,358],{"class":357},[352,428,326],{"class":361},[352,430,432],{"class":431},"sZNF3"," style",[352,434,435],{"class":357},"=",[352,437,438],{"class":357},"\"",[352,440,442],{"class":441},"sXiT_","margin: 16px 0; font-size: 16px; line-height: 24px;",[352,444,438],{"class":357},[352,446,365],{"class":357},[352,448,449,452,455,458,461],{"class":354,"line":13},[352,450,451],{"class":387},"  This paragraph will not have a widow on the last",[352,453,454],{"class":357},"&",[352,456,457],{"class":387},"nbsp",[352,459,460],{"class":357},";",[352,462,463],{"class":387},"line.\n",[352,465,466,468,470],{"class":354,"line":32},[352,467,391],{"class":357},[352,469,326],{"class":361},[352,471,365],{"class":357},[326,473,474,475,478],{},"In typography, a \"widow\" is a single word left alone on the last line of a paragraph. In emails with narrow columns, this looks awkward. NoWidows prevents it automatically by inserting a ",[349,476,477],{}," "," between the last two words, keeping them together.",[326,480,481],{},"The component recursively processes all text nodes in child elements, so it works with nested HTML too:",[342,483,485],{"className":344,"code":484,"filename":340,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u003CNoWidows>\n    \u003CText>This paragraph will not have a widow on the last line.\u003C\u002FText>\n    \u003CText>Neither will \u003Cstrong>this bold paragraph\u003C\u002Fstrong> on the last line.\u003C\u002FText>\n  \u003C\u002FNoWidows>\n\u003C\u002Ftemplate>\n",[349,486,487,495,503,519,555,563],{"__ignoreMap":347},[352,488,489,491,493],{"class":354,"line":18},[352,490,358],{"class":357},[352,492,362],{"class":361},[352,494,365],{"class":357},[352,496,497,499,501],{"class":354,"line":13},[352,498,370],{"class":357},[352,500,91],{"class":361},[352,502,365],{"class":357},[352,504,505,507,509,511,513,515,517],{"class":354,"line":32},[352,506,379],{"class":357},[352,508,139],{"class":361},[352,510,384],{"class":357},[352,512,388],{"class":387},[352,514,391],{"class":357},[352,516,139],{"class":361},[352,518,365],{"class":357},[352,520,521,523,525,527,530,532,535,537,540,542,544,546,549,551,553],{"class":354,"line":27},[352,522,379],{"class":357},[352,524,139],{"class":361},[352,526,384],{"class":357},[352,528,529],{"class":387},"Neither will ",[352,531,358],{"class":357},[352,533,534],{"class":361},"strong",[352,536,384],{"class":357},[352,538,539],{"class":387},"this bold paragraph",[352,541,391],{"class":357},[352,543,534],{"class":361},[352,545,384],{"class":357},[352,547,548],{"class":387}," on the last line.",[352,550,391],{"class":357},[352,552,139],{"class":361},[352,554,365],{"class":357},[352,556,557,559,561],{"class":354,"line":52},[352,558,400],{"class":357},[352,560,91],{"class":361},[352,562,365],{"class":357},[352,564,565,567,569],{"class":354,"line":128},[352,566,391],{"class":357},[352,568,362],{"class":361},[352,570,365],{"class":357},[326,572,573,574,577,578,577,581,584],{},"Template expression syntax like ",[349,575,576],{},"{{ }}",", ",[349,579,580],{},"{% %}",[349,582,583],{},"\u003C%= %>"," and others (Handlebars, Liquid, Nunjucks, EJS, Smarty, PHP, Pug) is automatically skipped to avoid breaking template logic.",[330,586,588],{"id":587},"props","Props",[590,591,593],"h3",{"id":592},"minwords","minWords",[326,595,596,597,600,603,604],{},"Type: ",[349,598,599],{},"String | Number",[601,602],"br",{},"\nDefault: ",[349,605,606],{},"4",[326,608,609],{},"Minimum number of words a text node must have for widow prevention to apply. Text with fewer words is left unchanged.",[342,611,613],{"className":344,"code":612,"filename":340,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u003CNoWidows :min-words=\"6\">\n    \u003CText>Short text is left alone.\u003C\u002FText>\n    \u003CText>But this longer paragraph will have widow prevention applied to it properly.\u003C\u002FText>\n  \u003C\u002FNoWidows>\n\u003C\u002Ftemplate>\n",[349,614,615,623,643,660,677,685],{"__ignoreMap":347},[352,616,617,619,621],{"class":354,"line":18},[352,618,358],{"class":357},[352,620,362],{"class":361},[352,622,365],{"class":357},[352,624,625,627,629,632,634,636,639,641],{"class":354,"line":13},[352,626,370],{"class":357},[352,628,91],{"class":361},[352,630,631],{"class":431}," :min-words",[352,633,435],{"class":357},[352,635,438],{"class":357},[352,637,638],{"class":441},"6",[352,640,438],{"class":357},[352,642,365],{"class":357},[352,644,645,647,649,651,654,656,658],{"class":354,"line":32},[352,646,379],{"class":357},[352,648,139],{"class":361},[352,650,384],{"class":357},[352,652,653],{"class":387},"Short text is left alone.",[352,655,391],{"class":357},[352,657,139],{"class":361},[352,659,365],{"class":357},[352,661,662,664,666,668,671,673,675],{"class":354,"line":27},[352,663,379],{"class":357},[352,665,139],{"class":361},[352,667,384],{"class":357},[352,669,670],{"class":387},"But this longer paragraph will have widow prevention applied to it properly.",[352,672,391],{"class":357},[352,674,139],{"class":361},[352,676,365],{"class":357},[352,678,679,681,683],{"class":354,"line":52},[352,680,400],{"class":357},[352,682,91],{"class":361},[352,684,365],{"class":357},[352,686,687,689,691],{"class":354,"line":128},[352,688,391],{"class":357},[352,690,362],{"class":361},[352,692,365],{"class":357},[326,694,695,696,698],{},"Only the second paragraph gets a ",[349,697,477],{}," before the last word, because the first one has fewer than 6 words.",[700,701,702],"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 .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sZNF3, html code.shiki .sZNF3{--shiki-default:#EB64B9}html pre.shiki code .sXiT_, html code.shiki .sXiT_{--shiki-default:#B4DCE7}",{"title":347,"searchDepth":13,"depth":13,"links":704},[705,706],{"id":332,"depth":13,"text":333},{"id":587,"depth":13,"text":588,"children":707},[708],{"id":592,"depth":32,"text":593},"md",{},{"title":91,"description":328},"docs\u002Fcomponents\u002Fnowidows","WvY4vjLpogApk_fBKxSHiGnpL6w1yJzQb-ccCgRHn0w",1781015441082]