[{"data":1,"prerenderedAt":1515},["ShallowReactive",2],{"docs-side-nav":3,"docs-header-nav":197,"/docs/expressions":270,"docs-bottom-nav":1442},{"id":4,"extension":5,"items":6,"meta":194,"stem":195,"__hash__":196},"navigation/data/navigation.json","json",[7,34,46,70,104,155,170],{"name":8,"items":9},"Getting Started",[10,13,16,19,22,25,28,31],{"title":11,"path":12},"What is Maizzle?","/docs/introduction",{"title":14,"path":15},"Installation","/docs/installation",{"title":17,"path":18},"Editor Setup","/docs/editor-setup",{"title":20,"path":21},"Compatibility","/docs/compatibility",{"title":23,"path":24},"Upgrade Guide","/docs/upgrade-guide",{"title":26,"path":27},"Resources","/resources",{"title":29,"path":30},"Glossary","/glossary",{"title":32,"path":33},"CLI","/docs/cli",{"name":35,"items":36},"Concepts",[37,40,43],{"title":38,"path":39},"Environments","/docs/environments",{"title":41,"path":42},"Tailwind CSS","/docs/tailwindcss",{"title":44,"path":45},"Build Process","/docs/build-process",{"name":47,"items":48},"Configuration",[49,52,55,58,61,64,67],{"title":50,"path":51},"CSS","/docs/configuration/css",{"title":53,"path":54},"Build","/docs/configuration/build",{"title":56,"path":57},"Server","/docs/configuration/server",{"title":59,"path":60},"Components","/docs/configuration/components",{"title":62,"path":63},"Expressions","/docs/configuration/expressions",{"title":65,"path":66},"PostHTML","/docs/configuration/posthtml",{"title":68,"path":69},"PostCSS","/docs/configuration/postcss",{"name":71,"items":72},"Development",[73,76,79,81,83,86,89,92,95,98,101],{"title":74,"path":75},"Layouts","/docs/layouts",{"title":77,"path":78},"Templates","/docs/templates",{"title":59,"path":80},"/docs/components",{"title":62,"path":82},"/docs/expressions",{"title":84,"path":85},"Tags","/docs/tags",{"title":87,"path":88},"Assets","/docs/assets",{"title":90,"path":91},"Events","/docs/events",{"title":93,"path":94},"Functions","/docs/functions",{"title":96,"path":97},"Markdown","/docs/markdown",{"title":99,"path":100},"Plaintext","/docs/plaintext",{"title":102,"path":103},"API","/docs/api",{"name":105,"items":106},"Transformers",[107,110,113,116,119,122,125,128,131,134,137,140,143,146,149,152],{"title":108,"path":109},"What are Transformers?","/docs/transformers",{"title":111,"path":112},"Filters","/docs/transformers/filters",{"title":114,"path":115},"Inline CSS","/docs/transformers/inline-css",{"title":117,"path":118},"Safe Selectors","/docs/transformers/safe-class-names",{"title":120,"path":121},"CSS Purging","/docs/transformers/purge-css",{"title":123,"path":124},"Shorthand CSS","/docs/transformers/shorthand-css",{"title":126,"path":127},"Attribute To Style","/docs/transformers/attribute-to-style",{"title":129,"path":130},"Remove Attributes","/docs/transformers/remove-attributes",{"title":132,"path":133},"Add Attributes","/docs/transformers/add-attributes",{"title":135,"path":136},"Replace Strings","/docs/transformers/replace-strings",{"title":138,"path":139},"Widow Words","/docs/transformers/widows",{"title":141,"path":142},"URL Parameters","/docs/transformers/url-parameters",{"title":144,"path":145},"Base URL","/docs/transformers/base-url",{"title":147,"path":148},"Six HEX","/docs/transformers/six-hex",{"title":150,"path":151},"Prettify","/docs/transformers/prettify",{"title":153,"path":154},"Minify","/docs/transformers/minify",{"name":156,"items":157},"Starter Components",[158,161,164,167],{"title":159,"path":160},"Spacer","/docs/components/spacer",{"title":162,"path":163},"Divider","/docs/components/divider",{"title":165,"path":166},"Button","/docs/components/button",{"title":168,"path":169},"VML","/docs/components/vml",{"name":171,"items":172},"Examples",[173,176,179,182,185,188,191],{"title":174,"path":175},"Spacers","/docs/examples/spacers",{"title":177,"path":178},"Dividers","/docs/examples/dividers",{"title":180,"path":181},"Buttons","/docs/examples/buttons",{"title":183,"path":184},"Cards","/docs/examples/cards",{"title":186,"path":187},"Grids","/docs/examples/grids",{"title":189,"path":190},"Google Fonts","/docs/examples/google-fonts",{"title":192,"path":193},"Reverse Stack","/docs/examples/reverse-stack",{},"data/navigation","lXnN10nQFMOp0U7LPKSlEiRFYPoRC0dC5rgvZn8-pes",{"id":4,"extension":5,"items":198,"meta":269,"stem":195,"__hash__":196},[199,209,214,223,236,254,260],{"name":8,"items":200},[201,202,203,204,205,206,207,208],{"title":11,"path":12},{"title":14,"path":15},{"title":17,"path":18},{"title":20,"path":21},{"title":23,"path":24},{"title":26,"path":27},{"title":29,"path":30},{"title":32,"path":33},{"name":35,"items":210},[211,212,213],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":215},[216,217,218,219,220,221,222],{"title":50,"path":51},{"title":53,"path":54},{"title":56,"path":57},{"title":59,"path":60},{"title":62,"path":63},{"title":65,"path":66},{"title":68,"path":69},{"name":71,"items":224},[225,226,227,228,229,230,231,232,233,234,235],{"title":74,"path":75},{"title":77,"path":78},{"title":59,"path":80},{"title":62,"path":82},{"title":84,"path":85},{"title":87,"path":88},{"title":90,"path":91},{"title":93,"path":94},{"title":96,"path":97},{"title":99,"path":100},{"title":102,"path":103},{"name":105,"items":237},[238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253],{"title":108,"path":109},{"title":111,"path":112},{"title":114,"path":115},{"title":117,"path":118},{"title":120,"path":121},{"title":123,"path":124},{"title":126,"path":127},{"title":129,"path":130},{"title":132,"path":133},{"title":135,"path":136},{"title":138,"path":139},{"title":141,"path":142},{"title":144,"path":145},{"title":147,"path":148},{"title":150,"path":151},{"title":153,"path":154},{"name":156,"items":255},[256,257,258,259],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":261},[262,263,264,265,266,267,268],{"title":174,"path":175},{"title":177,"path":178},{"title":180,"path":181},{"title":183,"path":184},{"title":186,"path":187},{"title":189,"path":190},{"title":192,"path":193},{},{"id":271,"title":62,"body":272,"description":1435,"extension":1436,"meta":1437,"navigation":332,"path":82,"seo":1438,"sitemap":1439,"stem":1440,"__hash__":1441},"docs/docs/expressions.md",{"type":273,"value":274,"toc":1425},"minimark",[275,279,288,386,393,414,417,501,507,522,527,530,595,598,658,662,675,678,683,686,716,719,734,738,759,766,826,829,891,895,901,953,955,975,981,1035,1037,1051,1055,1062,1154,1159,1222,1234,1238,1244,1342,1348,1421],[276,277,62],"h1",{"id":278},"expressions",[280,281,282,283,287],"p",{},"Handlebars-like, curly brace expression syntax is supported, allowing you to access variables from your ",[284,285,286],"a",{"href":39},"Environment config"," or from a Template's Front Matter:",[289,290,296],"pre",{"className":291,"code":292,"filename":293,"language":294,"meta":295,"style":295},"language-hbs shiki shiki-themes tailwind-css tailwind-css","---\ntitle: Example\n---\n\n\u003Cx-main>\n  The title is: {{ page.title }}\n\n  You ran the `maizzle build {{ page.env }}` command.\n\u003C/x-main>\n","emails/example.html","hbs","",[297,298,299,308,322,327,334,346,359,364,376],"code",{"__ignoreMap":295},[300,301,304],"span",{"class":302,"line":303},"line",1,[300,305,307],{"class":306},"sfCc6","---\n",[300,309,311,315,319],{"class":302,"line":310},2,[300,312,314],{"class":313},"sizJ4","title",[300,316,318],{"class":317},"soJEP",":",[300,320,321],{"class":306}," Example\n",[300,323,325],{"class":302,"line":324},3,[300,326,307],{"class":306},[300,328,330],{"class":302,"line":329},4,[300,331,333],{"emptyLinePlaceholder":332},true,"\n",[300,335,337,340,343],{"class":302,"line":336},5,[300,338,339],{"class":317},"\u003C",[300,341,342],{"class":313},"x-main",[300,344,345],{"class":317},">\n",[300,347,349,352,356],{"class":302,"line":348},6,[300,350,351],{"class":306},"  The title is: {{ ",[300,353,355],{"class":354},"s8qYB","page.title",[300,357,358],{"class":306}," }}\n",[300,360,362],{"class":302,"line":361},7,[300,363,333],{"emptyLinePlaceholder":332},[300,365,367,370,373],{"class":302,"line":366},8,[300,368,369],{"class":306},"  You ran the `maizzle build {{ ",[300,371,372],{"class":354},"page.env",[300,374,375],{"class":306}," }}` command.\n",[300,377,379,382,384],{"class":302,"line":378},9,[300,380,381],{"class":317},"\u003C/",[300,383,342],{"class":313},[300,385,345],{"class":317},[280,387,388,389,392],{},"Running ",[297,390,391],{},"maizzle build production"," would render this HTML:",[289,394,398],{"className":395,"code":396,"language":397,"meta":295,"style":295},"language-html shiki shiki-themes tailwind-css tailwind-css","The title is: Example\n\nYou ran the `maizzle build production` command.\n","html",[297,399,400,405,409],{"__ignoreMap":295},[300,401,402],{"class":302,"line":303},[300,403,404],{"class":306},"The title is: Example\n",[300,406,407],{"class":302,"line":310},[300,408,333],{"emptyLinePlaceholder":332},[300,410,411],{"class":302,"line":324},[300,412,413],{"class":306},"You ran the `maizzle build production` command.\n",[280,415,416],{},"You may use basic JavaScript expressions within curly braces:",[289,418,420],{"className":291,"code":419,"filename":293,"language":294,"meta":295,"style":295},"\u003Cx-main>\n  doctype is {{ page.doctype || 'not set' }}\n  this email {{ page.env === 'production' ? \"is\" : \"isn't\" }} production ready!\n\u003C/x-main>\n",[297,421,422,430,452,493],{"__ignoreMap":295},[300,423,424,426,428],{"class":302,"line":303},[300,425,339],{"class":317},[300,427,342],{"class":313},[300,429,345],{"class":317},[300,431,432,435,438,441,445,448,450],{"class":302,"line":310},[300,433,434],{"class":306},"  doctype is {{ ",[300,436,437],{"class":354},"page.doctype",[300,439,440],{"class":306}," || ",[300,442,444],{"class":443},"sQMLp","'",[300,446,447],{"class":306},"not set",[300,449,444],{"class":443},[300,451,358],{"class":306},[300,453,454,457,459,462,464,467,469,472,475,478,480,483,485,488,490],{"class":302,"line":324},[300,455,456],{"class":306},"  this email {{ ",[300,458,372],{"class":354},[300,460,461],{"class":306}," === ",[300,463,444],{"class":443},[300,465,466],{"class":306},"production",[300,468,444],{"class":443},[300,470,471],{"class":306}," ? ",[300,473,474],{"class":443},"\"",[300,476,477],{"class":306},"is",[300,479,474],{"class":443},[300,481,482],{"class":306}," : ",[300,484,474],{"class":443},[300,486,487],{"class":306},"isn't",[300,489,474],{"class":443},[300,491,492],{"class":306}," }} production ready!\n",[300,494,495,497,499],{"class":302,"line":329},[300,496,381],{"class":317},[300,498,342],{"class":313},[300,500,345],{"class":317},[280,502,388,503,506],{},[297,504,505],{},"maizzle build",", we would get:",[289,508,510],{"className":395,"code":509,"language":397,"meta":295,"style":295},"doctype is not set\nthis email isn't production ready!\n",[297,511,512,517],{"__ignoreMap":295},[300,513,514],{"class":302,"line":303},[300,515,516],{"class":306},"doctype is not set\n",[300,518,519],{"class":302,"line":310},[300,520,521],{"class":306},"this email isn't production ready!\n",[523,524,526],"h2",{"id":525},"unescaping","Unescaping",[280,528,529],{},"By default, special characters are escaped when using two curly braces:",[289,531,533],{"className":291,"code":532,"filename":293,"language":294,"meta":295,"style":295},"---\nmarkup: '\u003Cstrong>Bold\u003C/strong>'\n---\n\n\u003Cx-main>\n  {{ page.markup }}\n  \u003C!-- Result: &lt;strong&gt;Bold&lt;strong&gt; -->\n\u003C/x-main>\n",[297,534,535,539,555,559,563,571,581,587],{"__ignoreMap":295},[300,536,537],{"class":302,"line":303},[300,538,307],{"class":306},[300,540,541,544,546,549,552],{"class":302,"line":310},[300,542,543],{"class":313},"markup",[300,545,318],{"class":317},[300,547,548],{"class":443}," '",[300,550,551],{"class":306},"\u003Cstrong>Bold\u003C/strong>",[300,553,554],{"class":443},"'\n",[300,556,557],{"class":302,"line":324},[300,558,307],{"class":306},[300,560,561],{"class":302,"line":329},[300,562,333],{"emptyLinePlaceholder":332},[300,564,565,567,569],{"class":302,"line":336},[300,566,339],{"class":317},[300,568,342],{"class":313},[300,570,345],{"class":317},[300,572,573,576,579],{"class":302,"line":348},[300,574,575],{"class":306},"  {{ ",[300,577,578],{"class":354},"page.markup",[300,580,358],{"class":306},[300,582,583],{"class":302,"line":361},[300,584,586],{"class":585},"smVoC","  \u003C!-- Result: &lt;strong&gt;Bold&lt;strong&gt; -->\n",[300,588,589,591,593],{"class":302,"line":366},[300,590,381],{"class":317},[300,592,342],{"class":313},[300,594,345],{"class":317},[280,596,597],{},"If you need to render values exactly as they are, use triple curly braces:",[289,599,601],{"className":291,"code":600,"filename":293,"language":294,"meta":295,"style":295},"---\nmarkup: '\u003Cstrong>Bold\u003C/strong>'\n---\n\n\u003Cx-main>\n  {{{ page.markup }}}\n  \u003C!-- Result: \u003Cstrong>Bold\u003C/strong> -->\n\u003C/x-main>\n",[297,602,603,607,619,623,627,635,645,650],{"__ignoreMap":295},[300,604,605],{"class":302,"line":303},[300,606,307],{"class":306},[300,608,609,611,613,615,617],{"class":302,"line":310},[300,610,543],{"class":313},[300,612,318],{"class":317},[300,614,548],{"class":443},[300,616,551],{"class":306},[300,618,554],{"class":443},[300,620,621],{"class":302,"line":324},[300,622,307],{"class":306},[300,624,625],{"class":302,"line":329},[300,626,333],{"emptyLinePlaceholder":332},[300,628,629,631,633],{"class":302,"line":336},[300,630,339],{"class":317},[300,632,342],{"class":313},[300,634,345],{"class":317},[300,636,637,640,642],{"class":302,"line":348},[300,638,639],{"class":306},"  {{{ ",[300,641,578],{"class":354},[300,643,644],{"class":306}," }}}\n",[300,646,647],{"class":302,"line":361},[300,648,649],{"class":585},"  \u003C!-- Result: \u003Cstrong>Bold\u003C/strong> -->\n",[300,651,652,654,656],{"class":302,"line":366},[300,653,381],{"class":317},[300,655,342],{"class":313},[300,657,345],{"class":317},[523,659,661],{"id":660},"ignoring","Ignoring",[280,663,664,665,670,671,674],{},"Other templating engines and many ",[666,667,669],"abbr",{"title":668},"Email Service Provider","ESP","s also use the ",[297,672,673],{},"{{ }}"," syntax.",[280,676,677],{},"If you want to prevent expression compilation and actually render the curly braces so you can evaluate them at a later stage, you have several options.",[679,680,682],"h3",{"id":681},"undefined-variables","Undefined variables",[280,684,685],{},"First, it's important to note that any undefined variable will simply be output as-is, so you don't need to do anything special if you want to ignore an expression containing a variable that doesn't exist in your Environment config or Front Matter:",[289,687,689],{"className":291,"code":688,"filename":293,"language":294,"meta":295,"style":295},"\u003Cx-main>\n  {{ undefinedVariable }}\n\u003C/x-main>\n",[297,690,691,699,708],{"__ignoreMap":295},[300,692,693,695,697],{"class":302,"line":303},[300,694,339],{"class":317},[300,696,342],{"class":313},[300,698,345],{"class":317},[300,700,701,703,706],{"class":302,"line":310},[300,702,575],{"class":306},[300,704,705],{"class":354},"undefinedVariable",[300,707,358],{"class":306},[300,709,710,712,714],{"class":302,"line":324},[300,711,381],{"class":317},[300,713,342],{"class":313},[300,715,345],{"class":317},[280,717,718],{},"Result:",[289,720,723],{"className":291,"code":721,"filename":722,"language":294,"meta":295,"style":295},"{{ undefinedVariable }}\n","build_production/example.html",[297,724,725],{"__ignoreMap":295},[300,726,727,730,732],{"class":302,"line":303},[300,728,729],{"class":306},"{{ ",[300,731,705],{"class":354},[300,733,358],{"class":306},[679,735,737],{"id":736},"ignore-inline","Ignore inline",[280,739,740,741,747,748,751,752,754,755,758],{},"The ",[284,742,746],{"href":743,"rel":744},"https://laravel.com/docs/blade",[745],"nofollow","Blade","-inspired ",[297,749,750],{},"@{{ }}"," syntax is useful for one-offs, where you need to ignore a single expression which contains variables that you also have defined in your Maizzle project. The compiled email will render ",[297,753,673],{}," without the ",[297,756,757],{},"@",".",[280,760,761,762,765],{},"For example, if you actually want to render ",[297,763,764],{},"{{ page.title }}"," instead of evaluating it:",[289,767,769],{"className":291,"code":768,"filename":293,"language":294,"meta":295,"style":295},"---\ntitle: 'Weekly newsletter'\n---\n\n\u003Cx-main>\n  @{{ page.title }}\n  \u003C!-- Result: {{ page.title }} -->\n\u003C/x-main>\n",[297,770,771,775,788,792,796,804,813,818],{"__ignoreMap":295},[300,772,773],{"class":302,"line":303},[300,774,307],{"class":306},[300,776,777,779,781,783,786],{"class":302,"line":310},[300,778,314],{"class":313},[300,780,318],{"class":317},[300,782,548],{"class":443},[300,784,785],{"class":306},"Weekly newsletter",[300,787,554],{"class":443},[300,789,790],{"class":302,"line":324},[300,791,307],{"class":306},[300,793,794],{"class":302,"line":329},[300,795,333],{"emptyLinePlaceholder":332},[300,797,798,800,802],{"class":302,"line":336},[300,799,339],{"class":317},[300,801,342],{"class":313},[300,803,345],{"class":317},[300,805,806,809,811],{"class":302,"line":348},[300,807,808],{"class":306},"  @{{ ",[300,810,355],{"class":354},[300,812,358],{"class":306},[300,814,815],{"class":302,"line":361},[300,816,817],{"class":585},"  \u003C!-- Result: {{ page.title }} -->\n",[300,819,820,822,824],{"class":302,"line":366},[300,821,381],{"class":317},[300,823,342],{"class":313},[300,825,345],{"class":317},[280,827,828],{},"This can also be used to avoid encoding entities inside the expression:",[289,830,832],{"className":291,"code":831,"filename":293,"language":294,"meta":295,"style":295},"\u003Cx-main>\n  {{ $foo->bar }}\n  \u003C!-- Result: {{ $foo-&gt;bar }} -->\n\n  @{{ $foo->bar }}\n  \u003C!-- Result: {{ $foo->bar }} -->\n\u003C/x-main>\n",[297,833,834,842,857,862,866,878,883],{"__ignoreMap":295},[300,835,836,838,840],{"class":302,"line":303},[300,837,339],{"class":317},[300,839,342],{"class":313},[300,841,345],{"class":317},[300,843,844,846,849,852,855],{"class":302,"line":310},[300,845,575],{"class":306},[300,847,848],{"class":354},"$foo-",[300,850,851],{"class":306},">",[300,853,854],{"class":354},"bar",[300,856,358],{"class":306},[300,858,859],{"class":302,"line":324},[300,860,861],{"class":585},"  \u003C!-- Result: {{ $foo-&gt;bar }} -->\n",[300,863,864],{"class":302,"line":329},[300,865,333],{"emptyLinePlaceholder":332},[300,867,868,870,872,874,876],{"class":302,"line":336},[300,869,808],{"class":306},[300,871,848],{"class":354},[300,873,851],{"class":306},[300,875,854],{"class":354},[300,877,358],{"class":306},[300,879,880],{"class":302,"line":348},[300,881,882],{"class":585},"  \u003C!-- Result: {{ $foo->bar }} -->\n",[300,884,885,887,889],{"class":302,"line":361},[300,886,381],{"class":317},[300,888,342],{"class":313},[300,890,345],{"class":317},[679,892,894],{"id":893},"ignore-in-front-matter","Ignore in Front Matter",[280,896,897,898,900],{},"You may also use ",[297,899,750],{}," to ignore expressions in Front Matter.",[289,902,904],{"className":291,"code":903,"filename":293,"language":294,"meta":295,"style":295},"---\ntitle: \"Weekly newsletter no. @{{ 1 + 1 }}\"\n---\n\u003Cx-main>\n  {{ page.title }}\n\u003C/x-main>\n",[297,905,906,910,925,929,937,945],{"__ignoreMap":295},[300,907,908],{"class":302,"line":303},[300,909,307],{"class":306},[300,911,912,914,916,919,922],{"class":302,"line":310},[300,913,314],{"class":313},[300,915,318],{"class":317},[300,917,918],{"class":443}," \"",[300,920,921],{"class":306},"Weekly newsletter no. @{{ 1 + 1 }}",[300,923,924],{"class":443},"\"\n",[300,926,927],{"class":302,"line":324},[300,928,307],{"class":306},[300,930,931,933,935],{"class":302,"line":329},[300,932,339],{"class":317},[300,934,342],{"class":313},[300,936,345],{"class":317},[300,938,939,941,943],{"class":302,"line":336},[300,940,575],{"class":306},[300,942,355],{"class":354},[300,944,358],{"class":306},[300,946,947,949,951],{"class":302,"line":348},[300,948,381],{"class":317},[300,950,342],{"class":313},[300,952,345],{"class":317},[280,954,718],{},[289,956,958],{"className":291,"code":957,"filename":722,"language":294,"meta":295,"style":295},"Weekly newsletter no. {{ 1 + 1 }}\n",[297,959,960],{"__ignoreMap":295},[300,961,962,965,968,971,973],{"class":302,"line":303},[300,963,964],{"class":306},"Weekly newsletter no. {{ ",[300,966,967],{"class":354},"1",[300,969,970],{"class":306}," + ",[300,972,967],{"class":354},[300,974,358],{"class":306},[280,976,977,978,980],{},"Again, this is just to avoid Maizzle from evaluating the expression - you don't need the ",[297,979,757],{}," if your expression contains a variable that doesn't exist in your Environment config or Front Matter:",[289,982,984],{"className":291,"code":983,"filename":293,"language":294,"meta":295,"style":295},"---\ntitle: \"Weekly newsletter no. {{ editions.count }}\"\n---\n\n\u003Cx-main>\n  {{ page.title }}\n\u003C/x-main>\n",[297,985,986,990,1003,1007,1011,1019,1027],{"__ignoreMap":295},[300,987,988],{"class":302,"line":303},[300,989,307],{"class":306},[300,991,992,994,996,998,1001],{"class":302,"line":310},[300,993,314],{"class":313},[300,995,318],{"class":317},[300,997,918],{"class":443},[300,999,1000],{"class":306},"Weekly newsletter no. {{ editions.count }}",[300,1002,924],{"class":443},[300,1004,1005],{"class":302,"line":324},[300,1006,307],{"class":306},[300,1008,1009],{"class":302,"line":329},[300,1010,333],{"emptyLinePlaceholder":332},[300,1012,1013,1015,1017],{"class":302,"line":336},[300,1014,339],{"class":317},[300,1016,342],{"class":313},[300,1018,345],{"class":317},[300,1020,1021,1023,1025],{"class":302,"line":348},[300,1022,575],{"class":306},[300,1024,355],{"class":354},[300,1026,358],{"class":306},[300,1028,1029,1031,1033],{"class":302,"line":361},[300,1030,381],{"class":317},[300,1032,342],{"class":313},[300,1034,345],{"class":317},[280,1036,718],{},[289,1038,1040],{"className":291,"code":1039,"filename":722,"language":294,"meta":295,"style":295},"Weekly newsletter no. {{ editions.count }}\n",[297,1041,1042],{"__ignoreMap":295},[300,1043,1044,1046,1049],{"class":302,"line":303},[300,1045,964],{"class":306},[300,1047,1048],{"class":354},"editions.count",[300,1050,358],{"class":306},[679,1052,1054],{"id":1053},"ignore-with-raw","Ignore with \u003Craw>",[280,1056,1057,1058,1061],{},"Use ",[297,1059,1060],{},"\u003Craw>"," to ignore expressions or any PostHTML tags in a block of HTML:",[289,1063,1065],{"className":291,"code":1064,"filename":293,"language":294,"meta":295,"style":295},"\u003Craw>\n  \u003Cp>The quick brown {{ 1 + 2 }} jumps over the lazy {{ 3 + 4 }}.\u003C/p>\n  \u003Ceach loop=\"i in [1,2]\">Test\u003C/each>\n\u003C/raw>\n",[297,1066,1067,1076,1115,1146],{"__ignoreMap":295},[300,1068,1069,1071,1074],{"class":302,"line":303},[300,1070,339],{"class":317},[300,1072,1073],{"class":313},"raw",[300,1075,345],{"class":317},[300,1077,1078,1081,1083,1085,1088,1090,1092,1095,1098,1101,1103,1106,1109,1111,1113],{"class":302,"line":310},[300,1079,1080],{"class":317},"  \u003C",[300,1082,280],{"class":313},[300,1084,851],{"class":317},[300,1086,1087],{"class":306},"The quick brown {{ ",[300,1089,967],{"class":354},[300,1091,970],{"class":306},[300,1093,1094],{"class":354},"2",[300,1096,1097],{"class":306}," }} jumps over the lazy {{ ",[300,1099,1100],{"class":354},"3",[300,1102,970],{"class":306},[300,1104,1105],{"class":354},"4",[300,1107,1108],{"class":306}," }}.",[300,1110,381],{"class":317},[300,1112,280],{"class":313},[300,1114,345],{"class":317},[300,1116,1117,1119,1122,1125,1128,1130,1133,1135,1137,1140,1142,1144],{"class":302,"line":324},[300,1118,1080],{"class":317},[300,1120,1121],{"class":313},"each",[300,1123,1124],{"class":443}," loop",[300,1126,1127],{"class":317},"=",[300,1129,474],{"class":443},[300,1131,1132],{"class":306},"i in [1,2]",[300,1134,474],{"class":443},[300,1136,851],{"class":317},[300,1138,1139],{"class":306},"Test",[300,1141,381],{"class":317},[300,1143,1121],{"class":313},[300,1145,345],{"class":317},[300,1147,1148,1150,1152],{"class":302,"line":329},[300,1149,381],{"class":317},[300,1151,1073],{"class":313},[300,1153,345],{"class":317},[280,1155,1156,1158],{},[297,1157,1060],{}," will be removed in the final output, but the curly braces will be left untouched:",[289,1160,1162],{"className":291,"code":1161,"filename":722,"language":294,"meta":295,"style":295},"\u003Cp>The quick brown {{ 1 + 2 }} jumps over the lazy {{ 3 + 4 }}.\u003C/p>\n\u003Ceach loop=\"i in [1,2]\">Test\u003C/each>\n",[297,1163,1164,1196],{"__ignoreMap":295},[300,1165,1166,1168,1170,1172,1174,1176,1178,1180,1182,1184,1186,1188,1190,1192,1194],{"class":302,"line":303},[300,1167,339],{"class":317},[300,1169,280],{"class":313},[300,1171,851],{"class":317},[300,1173,1087],{"class":306},[300,1175,967],{"class":354},[300,1177,970],{"class":306},[300,1179,1094],{"class":354},[300,1181,1097],{"class":306},[300,1183,1100],{"class":354},[300,1185,970],{"class":306},[300,1187,1105],{"class":354},[300,1189,1108],{"class":306},[300,1191,381],{"class":317},[300,1193,280],{"class":313},[300,1195,345],{"class":317},[300,1197,1198,1200,1202,1204,1206,1208,1210,1212,1214,1216,1218,1220],{"class":302,"line":310},[300,1199,339],{"class":317},[300,1201,1121],{"class":313},[300,1203,1124],{"class":443},[300,1205,1127],{"class":317},[300,1207,474],{"class":443},[300,1209,1132],{"class":306},[300,1211,474],{"class":443},[300,1213,851],{"class":317},[300,1215,1139],{"class":306},[300,1217,381],{"class":317},[300,1219,1121],{"class":313},[300,1221,345],{"class":317},[1223,1224,1226,1227,1230,1231,1233],"alert",{"type":1225},"warning","\nMaizzle components, like \n",[297,1228,1229],{},"\u003Cx-button>","\n, are not ignored inside \n",[297,1232,1060],{},"\n and will be compiled as usual.\n",[679,1235,1237],{"id":1236},"change-delimiters","Change delimiters",[280,1239,1240,1241,318],{},"You can change the delimiters to something else, like ",[297,1242,1243],{},"[[ ]]",[289,1245,1250],{"className":1246,"code":1247,"filename":1248,"language":1249,"meta":295,"style":295},"language-js shiki shiki-themes tailwind-css tailwind-css","export default {\n  posthtml: {\n    expressions: {\n      delimiters: ['[[', ']]'],\n      unescapeDelimiters: ['[[[', ']]]']\n    }\n  }\n}\n","config.js","js",[297,1251,1252,1264,1273,1282,1307,1327,1332,1337],{"__ignoreMap":295},[300,1253,1254,1257,1260],{"class":302,"line":303},[300,1255,1256],{"class":313},"export",[300,1258,1259],{"class":313}," default",[300,1261,1263],{"class":1262},"sprQ5"," {\n",[300,1265,1266,1269,1271],{"class":302,"line":310},[300,1267,1268],{"class":306},"  posthtml",[300,1270,318],{"class":1262},[300,1272,1263],{"class":1262},[300,1274,1275,1278,1280],{"class":302,"line":324},[300,1276,1277],{"class":306},"    expressions",[300,1279,318],{"class":1262},[300,1281,1263],{"class":1262},[300,1283,1284,1287,1289,1292,1295,1298,1301,1304],{"class":302,"line":329},[300,1285,1286],{"class":306},"      delimiters",[300,1288,318],{"class":1262},[300,1290,1291],{"class":306}," [",[300,1293,1294],{"class":306},"'[['",[300,1296,1297],{"class":1262},",",[300,1299,1300],{"class":306}," ']]'",[300,1302,1303],{"class":306},"]",[300,1305,1306],{"class":1262},",\n",[300,1308,1309,1312,1314,1316,1319,1321,1324],{"class":302,"line":336},[300,1310,1311],{"class":306},"      unescapeDelimiters",[300,1313,318],{"class":1262},[300,1315,1291],{"class":306},[300,1317,1318],{"class":306},"'[[['",[300,1320,1297],{"class":1262},[300,1322,1323],{"class":306}," ']]]'",[300,1325,1326],{"class":306},"]\n",[300,1328,1329],{"class":302,"line":348},[300,1330,1331],{"class":1262},"    }\n",[300,1333,1334],{"class":302,"line":361},[300,1335,1336],{"class":1262},"  }\n",[300,1338,1339],{"class":302,"line":366},[300,1340,1341],{"class":1262},"}\n",[280,1343,1344,1345,1347],{},"Then you can safely use ",[297,1346,673],{}," and it will not be evaluated:",[289,1349,1351],{"className":291,"code":1350,"filename":293,"language":294,"meta":295,"style":295},"---\ntitle: \"Weekly newsletter\"\n---\n\n\u003Cx-main>\n  [[ page.title ]]\n  \u003C!-- Result: Weekly newsletter -->\n\n  {{ page.title }}\n  \u003C!-- Result: {{ page.title }} -->\n\u003C/x-main>\n",[297,1352,1353,1357,1369,1373,1377,1385,1390,1395,1399,1407,1412],{"__ignoreMap":295},[300,1354,1355],{"class":302,"line":303},[300,1356,307],{"class":306},[300,1358,1359,1361,1363,1365,1367],{"class":302,"line":310},[300,1360,314],{"class":313},[300,1362,318],{"class":317},[300,1364,918],{"class":443},[300,1366,785],{"class":306},[300,1368,924],{"class":443},[300,1370,1371],{"class":302,"line":324},[300,1372,307],{"class":306},[300,1374,1375],{"class":302,"line":329},[300,1376,333],{"emptyLinePlaceholder":332},[300,1378,1379,1381,1383],{"class":302,"line":336},[300,1380,339],{"class":317},[300,1382,342],{"class":313},[300,1384,345],{"class":317},[300,1386,1387],{"class":302,"line":348},[300,1388,1389],{"class":306},"  [[ page.title ]]\n",[300,1391,1392],{"class":302,"line":361},[300,1393,1394],{"class":585},"  \u003C!-- Result: Weekly newsletter -->\n",[300,1396,1397],{"class":302,"line":366},[300,1398,333],{"emptyLinePlaceholder":332},[300,1400,1401,1403,1405],{"class":302,"line":378},[300,1402,575],{"class":306},[300,1404,355],{"class":354},[300,1406,358],{"class":306},[300,1408,1410],{"class":302,"line":1409},10,[300,1411,817],{"class":585},[300,1413,1415,1417,1419],{"class":302,"line":1414},11,[300,1416,381],{"class":317},[300,1418,342],{"class":313},[300,1420,345],{"class":317},[1422,1423,1424],"style",{},"html pre.shiki code .sfCc6, html code.shiki .sfCc6{--shiki-light:#1D4ED8;--shiki-dark:#1D4ED8}html pre.shiki code .sizJ4, html code.shiki .sizJ4{--shiki-light:#EC4899;--shiki-dark:#EC4899}html pre.shiki code .soJEP, html code.shiki .soJEP{--shiki-light:#CBD5E1;--shiki-dark:#CBD5E1}html pre.shiki code .s8qYB, html code.shiki .s8qYB{--shiki-light:#3730A3;--shiki-dark:#3730A3}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sQMLp, html code.shiki .sQMLp{--shiki-light:#0EA5E9;--shiki-dark:#0EA5E9}html pre.shiki code .smVoC, html code.shiki .smVoC{--shiki-light:#94A3B8;--shiki-light-font-style:italic;--shiki-dark:#94A3B8;--shiki-dark-font-style:italic}html pre.shiki code .sprQ5, html code.shiki .sprQ5{--shiki-light:#44403C;--shiki-dark:#44403C}",{"title":295,"searchDepth":310,"depth":310,"links":1426},[1427,1428],{"id":525,"depth":310,"text":526},{"id":660,"depth":310,"text":661,"children":1429},[1430,1431,1432,1433,1434],{"id":681,"depth":324,"text":682},{"id":736,"depth":324,"text":737},{"id":893,"depth":324,"text":894},{"id":1053,"depth":324,"text":1054},{"id":1236,"depth":324,"text":1237},"Syntax for using basic JavaScript to manipulate data in HTML emails.","md",{},{"title":62,"description":1435},{"loc":82},"docs/expressions","gjN2tfwa8bbqu-Z-R9ofZ9hykn_0q08niPHeK0EE-3c",{"id":4,"extension":5,"items":1443,"meta":1514,"stem":195,"__hash__":196},[1444,1454,1459,1468,1481,1499,1505],{"name":8,"items":1445},[1446,1447,1448,1449,1450,1451,1452,1453],{"title":11,"path":12},{"title":14,"path":15},{"title":17,"path":18},{"title":20,"path":21},{"title":23,"path":24},{"title":26,"path":27},{"title":29,"path":30},{"title":32,"path":33},{"name":35,"items":1455},[1456,1457,1458],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":1460},[1461,1462,1463,1464,1465,1466,1467],{"title":50,"path":51},{"title":53,"path":54},{"title":56,"path":57},{"title":59,"path":60},{"title":62,"path":63},{"title":65,"path":66},{"title":68,"path":69},{"name":71,"items":1469},[1470,1471,1472,1473,1474,1475,1476,1477,1478,1479,1480],{"title":74,"path":75},{"title":77,"path":78},{"title":59,"path":80},{"title":62,"path":82},{"title":84,"path":85},{"title":87,"path":88},{"title":90,"path":91},{"title":93,"path":94},{"title":96,"path":97},{"title":99,"path":100},{"title":102,"path":103},{"name":105,"items":1482},[1483,1484,1485,1486,1487,1488,1489,1490,1491,1492,1493,1494,1495,1496,1497,1498],{"title":108,"path":109},{"title":111,"path":112},{"title":114,"path":115},{"title":117,"path":118},{"title":120,"path":121},{"title":123,"path":124},{"title":126,"path":127},{"title":129,"path":130},{"title":132,"path":133},{"title":135,"path":136},{"title":138,"path":139},{"title":141,"path":142},{"title":144,"path":145},{"title":147,"path":148},{"title":150,"path":151},{"title":153,"path":154},{"name":156,"items":1500},[1501,1502,1503,1504],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":1506},[1507,1508,1509,1510,1511,1512,1513],{"title":174,"path":175},{"title":177,"path":178},{"title":180,"path":181},{"title":183,"path":184},{"title":186,"path":187},{"title":189,"path":190},{"title":192,"path":193},{},1780318593843]