[{"data":1,"prerenderedAt":2831},["ShallowReactive",2],{"docs-side-nav":3,"docs-header-nav":197,"/docs/upgrade-guide":270,"docs-bottom-nav":2758},{"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":23,"body":272,"description":2751,"extension":2752,"meta":2753,"navigation":2540,"path":24,"seo":2754,"sitemap":2755,"stem":2756,"__hash__":2757},"docs/docs/upgrade-guide.md",{"type":273,"value":274,"toc":2716},"minimark",[275,279,283,286,289,294,302,305,308,325,329,333,338,345,354,358,369,373,383,555,559,562,582,585,592,601,605,609,614,623,626,744,747,752,766,904,908,920,927,1049,1060,1064,1067,1071,1076,1087,1119,1130,1185,1187,1192,1197,1203,1358,1361,1369,1426,1429,1432,1509,1513,1519,1588,1591,1596,1600,1607,1661,1668,1671,1680,1751,1754,1759,1833,1840,1843,1848,1900,1904,1910,1978,1982,1988,2040,2044,2050,2102,2106,2114,2166,2169,2176,2179,2189,2316,2320,2326,2378,2381,2389,2403,2455,2458,2489,2499,2578,2584,2627,2630,2641,2645,2651,2690,2694,2697,2701,2704,2713],[276,277,23],"h1",{"id":278},"upgrade-guide",[280,281,282],"p",{},"Upgrading your Maizzle projects from v4.x to v5.",[280,284,285],{},"Maizzle 5 is a major framework rewrite that comes with awesome new features and improvements, but also includes a few breaking changes.",[280,287,288],{},"Migrating an existing project to Maizzle 5 takes less than 10 minutes in most cases.",[290,291,293],"h2",{"id":292},"nodejs","Node.js",[280,295,296],{},[297,298,301],"strong",{"className":299},[300],"text-indigo-500","BREAKING CHANGE",[280,303,304],{},"Maizzle 5 requires Node.js v18.20 or higher.",[280,306,307],{},"Check your current Node.js version:",[309,310,315],"pre",{"className":311,"code":312,"language":313,"meta":314,"style":314},"language-sh shiki shiki-themes tailwind-css tailwind-css","node --version\n","sh","",[316,317,318],"code",{"__ignoreMap":314},[319,320,323],"span",{"class":321,"line":322},"line",1,[319,324,312],{},[326,327,328],"alert",{},"\nMaizzle is tested on Node.js 18, 20, and 22.\n",[290,330,332],{"id":331},"update-maizzlecli","Update @maizzle/cli",[280,334,335],{},[297,336,301],{"className":337},[300],[280,339,340,341,344],{},"Users with ",[316,342,343],{},"@maizzle/cli"," installed globally need to upgrade it to v2.x in order to continue using it in Maizzle 5 projects:",[309,346,348],{"className":311,"code":347,"language":313,"meta":314,"style":314},"npm install -g @maizzle/cli\n",[316,349,350],{"__ignoreMap":314},[319,351,352],{"class":321,"line":322},[319,353,347],{},[326,355,357],{"type":356},"warning","\nCLI 2.x only works with Maizzle 5 projects, it's not backwards compatible.\n",[280,359,360,361,364,365,368],{},"Alternatively, you can just use the NPM scripts like ",[316,362,363],{},"npm run dev"," from ",[316,366,367],{},"package.json",".",[290,370,372],{"id":371},"update-packagejson","Update package.json",[280,374,375,376,379,380,382],{},"The ",[316,377,378],{},"@maizzle/framework"," package is now a module, so you need to update your ",[316,381,367],{}," file to reflect this change.",[309,384,389],{"className":385,"code":386,"filename":367,"highlights":387,"language":5,"meta":314,"style":314},"language-json shiki shiki-themes tailwind-css tailwind-css has-diff","{\n  \"private\": true,\n  \"type\": \"module\",  // [!code ++]\n  \"scripts\": {\n    \"dev\": \"maizzle serve\",\n    \"build\": \"maizzle build production\"\n  },\n  \"dependencies\": {\n    \"@maizzle/framework\": \"latest\",\n    \"tailwindcss-preset-email\": \"latest\"\n  }\n}\n",[388],3,[316,390,391,397,421,442,457,475,490,498,512,528,543,549],{"__ignoreMap":314},[319,392,393],{"class":321,"line":322},[319,394,396],{"class":395},"shy1k","{\n",[319,398,400,404,408,411,414,418],{"class":321,"line":399},2,[319,401,403],{"class":402},"sprQ5","  \"",[319,405,407],{"class":406},"sfCc6","private",[319,409,410],{"class":402},"\"",[319,412,413],{"class":395},":",[319,415,417],{"class":416},"sizJ4"," true",[319,419,420],{"class":402},",\n",[319,422,427,429,432,434,436,439],{"class":423,"line":388},[321,424,425,426],"highlight","diff","add",[319,428,403],{"class":402},[319,430,431],{"class":406},"type",[319,433,410],{"class":402},[319,435,413],{"class":395},[319,437,438],{"class":406}," \"module\"",[319,440,441],{"class":402},",",[319,443,445,447,450,452,454],{"class":321,"line":444},4,[319,446,403],{"class":402},[319,448,449],{"class":406},"scripts",[319,451,410],{"class":402},[319,453,413],{"class":395},[319,455,456],{"class":395}," {\n",[319,458,460,463,466,468,470,473],{"class":321,"line":459},5,[319,461,462],{"class":402},"    \"",[319,464,465],{"class":406},"dev",[319,467,410],{"class":402},[319,469,413],{"class":395},[319,471,472],{"class":406}," \"maizzle serve\"",[319,474,420],{"class":402},[319,476,478,480,483,485,487],{"class":321,"line":477},6,[319,479,462],{"class":402},[319,481,482],{"class":406},"build",[319,484,410],{"class":402},[319,486,413],{"class":395},[319,488,489],{"class":406}," \"maizzle build production\"\n",[319,491,493,496],{"class":321,"line":492},7,[319,494,495],{"class":395},"  }",[319,497,420],{"class":402},[319,499,501,503,506,508,510],{"class":321,"line":500},8,[319,502,403],{"class":402},[319,504,505],{"class":406},"dependencies",[319,507,410],{"class":402},[319,509,413],{"class":395},[319,511,456],{"class":395},[319,513,515,517,519,521,523,526],{"class":321,"line":514},9,[319,516,462],{"class":402},[319,518,378],{"class":406},[319,520,410],{"class":402},[319,522,413],{"class":395},[319,524,525],{"class":406}," \"latest\"",[319,527,420],{"class":402},[319,529,531,533,536,538,540],{"class":321,"line":530},10,[319,532,462],{"class":402},[319,534,535],{"class":406},"tailwindcss-preset-email",[319,537,410],{"class":402},[319,539,413],{"class":395},[319,541,542],{"class":406}," \"latest\"\n",[319,544,546],{"class":321,"line":545},11,[319,547,548],{"class":395},"  }\n",[319,550,552],{"class":321,"line":551},12,[319,553,554],{"class":395},"}\n",[290,556,558],{"id":557},"upgrade-dependencies","Upgrade dependencies",[280,560,561],{},"It's probably best that you do a clean install:",[563,564,565,573],"ul",{},[566,567,568,569,572],"li",{},"remove ",[316,570,571],{},"node_modules"," directory",[566,574,568,575,578,579],{},[316,576,577],{},"package-lock.json"," and/or ",[316,580,581],{},"yarn.lock",[326,583,584],{},"\nIf using yarn, note that it might have cached your dependencies.\n",[280,586,587,588,591],{},"Install the ",[316,589,590],{},"latest"," version of Maizzle:",[309,593,595],{"className":311,"code":594,"language":313,"meta":314,"style":314},"npm install @maizzle/framework@latest\n",[316,596,597],{"__ignoreMap":314},[319,598,599],{"class":321,"line":322},[319,600,594],{},[290,602,604],{"id":603},"update-your-html","Update your HTML",[606,607,608],"h3",{"id":608},"yield",[280,610,611],{},[297,612,301],{"className":613},[300],[280,615,375,616,619,620,368],{},[316,617,618],{},"\u003Ccontent />"," tag has been replaced with ",[316,621,622],{},"\u003Cyield />",[280,624,625],{},"Make sure to update it in your Layouts and Components:",[309,627,633],{"className":628,"code":629,"filename":630,"highlights":631,"language":632,"meta":314,"style":314},"language-html shiki shiki-themes tailwind-css tailwind-css has-diff","\u003C!doctype html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n  \u003C!-- ... -->\n\u003C/head>\n\u003Cbody>\n  \u003Ccontent /> // [!code --]\n  \u003Cyield /> // [!code ++]\n\u003C/body>\n\u003C/html>\n","layouts/main.html",[500],"html",[316,634,635,651,673,682,688,697,706,719,728,736],{"__ignoreMap":314},[319,636,637,641,644,648],{"class":321,"line":322},[319,638,640],{"class":639},"soJEP","\u003C!",[319,642,643],{"class":416},"doctype",[319,645,647],{"class":646},"sQMLp"," html",[319,649,650],{"class":639},">\n",[319,652,653,656,658,661,664,666,669,671],{"class":321,"line":399},[319,654,655],{"class":639},"\u003C",[319,657,632],{"class":416},[319,659,660],{"class":646}," lang",[319,662,663],{"class":639},"=",[319,665,410],{"class":646},[319,667,668],{"class":406},"en",[319,670,410],{"class":646},[319,672,650],{"class":639},[319,674,675,677,680],{"class":321,"line":388},[319,676,655],{"class":639},[319,678,679],{"class":416},"head",[319,681,650],{"class":639},[319,683,684],{"class":321,"line":444},[319,685,687],{"class":686},"smVoC","  \u003C!-- ... -->\n",[319,689,690,693,695],{"class":321,"line":459},[319,691,692],{"class":639},"\u003C/",[319,694,679],{"class":416},[319,696,650],{"class":639},[319,698,699,701,704],{"class":321,"line":477},[319,700,655],{"class":639},[319,702,703],{"class":416},"body",[319,705,650],{"class":639},[319,707,710,713,716],{"class":708,"line":492},[321,425,709],"remove",[319,711,712],{"class":639},"  \u003C",[319,714,715],{"class":416},"content",[319,717,718],{"class":639}," />",[319,720,722,724,726],{"class":721,"line":500},[321,424,425,426],[319,723,712],{"class":639},[319,725,608],{"class":416},[319,727,718],{"class":639},[319,729,730,732,734],{"class":321,"line":514},[319,731,692],{"class":639},[319,733,703],{"class":416},[319,735,650],{"class":639},[319,737,738,740,742],{"class":321,"line":530},[319,739,692],{"class":639},[319,741,632],{"class":416},[319,743,650],{"class":639},[606,745,746],{"id":746},"style",[280,748,749],{},[297,750,301],{"className":751},[300],[280,753,754,755,758,759,762,763,368],{},"Tailwind CSS can now be used as expected, with ",[316,756,757],{},"@tailwind"," directives in any ",[316,760,761],{},"\u003Cstyle>"," tag, instead of the old ",[316,764,765],{},"\u003Cstyle>{{{ page.css }}}\u003C/style>",[309,767,770],{"className":628,"code":768,"filename":630,"highlights":769,"language":632,"meta":314,"style":314},"\u003C!doctype html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n  \u003Cstyle>\n    {{{ page.css }}} /* [!code --] */\n    @​tailwind components; /* [!code ++] */\n    @​​tailwind utilities; /* [!code ++] */\n  \u003C/style>\n\u003C/head>\n\u003Cbody>\n  \u003Cyield />\n\u003C/body>\n\u003C/html>\n",[477,492],[316,771,772,782,800,808,816,841,847,853,862,870,878,887,895],{"__ignoreMap":314},[319,773,774,776,778,780],{"class":321,"line":322},[319,775,640],{"class":639},[319,777,643],{"class":416},[319,779,647],{"class":646},[319,781,650],{"class":639},[319,783,784,786,788,790,792,794,796,798],{"class":321,"line":399},[319,785,655],{"class":639},[319,787,632],{"class":416},[319,789,660],{"class":646},[319,791,663],{"class":639},[319,793,410],{"class":646},[319,795,668],{"class":406},[319,797,410],{"class":646},[319,799,650],{"class":639},[319,801,802,804,806],{"class":321,"line":388},[319,803,655],{"class":639},[319,805,679],{"class":416},[319,807,650],{"class":639},[319,809,810,812,814],{"class":321,"line":444},[319,811,712],{"class":639},[319,813,746],{"class":416},[319,815,650],{"class":639},[319,817,819,822,826,830,832,835,838],{"class":818,"line":459},[321,425,709],[319,820,821],{"class":395},"    {",[319,823,825],{"class":824},"sO3Gh","{{ ",[319,827,829],{"class":828},"sO1gY","page",[319,831,368],{"class":824},[319,833,834],{"class":828},"css",[319,836,837],{"class":395}," }",[319,839,840],{"class":406},"}} ",[319,842,844],{"class":843,"line":477},[321,424,425,426],[319,845,846],{"class":406},"    @​tailwind components; ",[319,848,850],{"class":849,"line":492},[321,424,425,426],[319,851,852],{"class":406},"    @​​tailwind utilities; ",[319,854,855,858,860],{"class":321,"line":500},[319,856,857],{"class":639},"  \u003C/",[319,859,746],{"class":416},[319,861,650],{"class":639},[319,863,864,866,868],{"class":321,"line":514},[319,865,692],{"class":639},[319,867,679],{"class":416},[319,869,650],{"class":639},[319,871,872,874,876],{"class":321,"line":530},[319,873,655],{"class":639},[319,875,703],{"class":416},[319,877,650],{"class":639},[319,879,880,882,884],{"class":321,"line":545},[319,881,712],{"class":639},[319,883,608],{"class":416},[319,885,886],{"class":639}," />\n",[319,888,889,891,893],{"class":321,"line":551},[319,890,692],{"class":639},[319,892,703],{"class":416},[319,894,650],{"class":639},[319,896,898,900,902],{"class":321,"line":897},13,[319,899,692],{"class":639},[319,901,632],{"class":416},[319,903,650],{"class":639},[290,905,907],{"id":906},"update-tailwindconfigjs","Update tailwind.config.js",[280,909,910,911,919],{},"We created ",[912,913,917],"a",{"href":914,"rel":915},"https://github.com/maizzle/tailwindcss-preset-email",[916],"nofollow",[316,918,535],{}," to make it easier to use Tailwind CSS for styling HTML emails - it outputs more email-friendly CSS and includes some useful plugins.",[280,921,922,923,926],{},"Using it will now greatly simplify your ",[316,924,925],{},"tailwind.config.js"," file, this is all you need:",[309,928,932],{"className":929,"code":930,"filename":925,"language":931,"meta":314,"style":314},"language-js shiki shiki-themes tailwind-css tailwind-css","/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  presets: [\n    require('tailwindcss-preset-email'),\n  ],\n  content: [\n    './components/**/*.html',\n    './emails/**/*.html',\n    './layouts/**/*.html',\n  ],\n}\n","js",[316,933,934,959,975,985,1002,1009,1018,1025,1032,1039,1045],{"__ignoreMap":314},[319,935,936,939,943,946,949,953,956],{"class":321,"line":322},[319,937,938],{"class":686},"/** ",[319,940,942],{"class":941},"sTnEA","@",[319,944,431],{"class":945},"sGouh",[319,947,948],{"class":941}," {",[319,950,952],{"class":951},"sSci_","import('tailwindcss').Config",[319,954,955],{"class":941},"}",[319,957,958],{"class":686}," */\n",[319,960,961,964,966,969,973],{"class":321,"line":399},[319,962,963],{"class":416},"module",[319,965,368],{"class":402},[319,967,968],{"class":416},"exports",[319,970,972],{"class":971},"sVevU"," =",[319,974,456],{"class":402},[319,976,977,980,982],{"class":321,"line":388},[319,978,979],{"class":406},"  presets",[319,981,413],{"class":402},[319,983,984],{"class":406}," [\n",[319,986,987,991,994,997,1000],{"class":321,"line":444},[319,988,990],{"class":989},"s2ImL","    require",[319,992,993],{"class":406},"(",[319,995,996],{"class":406},"'tailwindcss-preset-email'",[319,998,999],{"class":406},")",[319,1001,420],{"class":402},[319,1003,1004,1007],{"class":321,"line":459},[319,1005,1006],{"class":406},"  ]",[319,1008,420],{"class":402},[319,1010,1011,1014,1016],{"class":321,"line":477},[319,1012,1013],{"class":406},"  content",[319,1015,413],{"class":402},[319,1017,984],{"class":406},[319,1019,1020,1023],{"class":321,"line":492},[319,1021,1022],{"class":406},"    './components/**/*.html'",[319,1024,420],{"class":402},[319,1026,1027,1030],{"class":321,"line":500},[319,1028,1029],{"class":406},"    './emails/**/*.html'",[319,1031,420],{"class":402},[319,1033,1034,1037],{"class":321,"line":514},[319,1035,1036],{"class":406},"    './layouts/**/*.html'",[319,1038,420],{"class":402},[319,1040,1041,1043],{"class":321,"line":530},[319,1042,1006],{"class":406},[319,1044,420],{"class":402},[319,1046,1047],{"class":321,"line":545},[319,1048,554],{"class":402},[280,1050,1051,1052,1054,1055,1059],{},"You now also need to define content sources in your ",[316,1053,925],{}," - Maizzle will ",[1056,1057,1058],"em",{},"not"," automatically scan any paths for files containing Tailwind classes to generate.",[290,1061,1063],{"id":1062},"update-configjs","Update config.js",[280,1065,1066],{},"The Maizzle config has been reimagined, so naturally there are a few breaking changes.",[606,1068,1070],{"id":1069},"esm-export","ESM export",[280,1072,1073],{},[297,1074,301],{"className":1075},[300],[280,1077,1078,1079,1082,1083,1086],{},"The config file is now an ESM module, which means you can use ",[316,1080,1081],{},"import"," and cool stuff like top-level ",[316,1084,1085],{},"await",".\nIt also means you need to make this change:",[309,1088,1094],{"className":1089,"code":1090,"filename":1091,"highlights":1092,"language":931,"meta":1093,"style":314},"language-js shiki shiki-themes tailwind-css tailwind-css has-diff","  module.exports = { // [!code --]\n  export default { // [!code ++]\n","config.js",[399],"no-copy",[316,1095,1096,1110],{"__ignoreMap":314},[319,1097,1099,1102,1104,1106,1108],{"class":1098,"line":322},[321,425,709],[319,1100,1101],{"class":416},"  module",[319,1103,368],{"class":402},[319,1105,968],{"class":416},[319,1107,972],{"class":971},[319,1109,948],{"class":402},[319,1111,1113,1116],{"class":1112,"line":399},[321,424,425,426],[319,1114,1115],{"class":406},"  export default ",[319,1117,1118],{"class":402},"{",[280,1120,1121,1122,1125,1126,1129],{},"If you need to keep using ",[316,1123,1124],{},"module.exports"," you must use the ",[316,1127,1128],{},".cjs"," extension:",[309,1131,1135],{"className":1089,"code":1132,"filename":1133,"highlights":1134,"language":931,"meta":1093,"style":314},"  config.js // [!code --]\n  config.production.js // [!code --]\n  config.cjs // [!code ++]\n  config.production.cjs // [!code ++]\n","C:/dev/maizzle",[388,444],[316,1136,1137,1148,1162,1172],{"__ignoreMap":314},[319,1138,1140,1144,1146],{"class":1139,"line":322},[321,425,709],[319,1141,1143],{"class":1142},"s8qYB","  config",[319,1145,368],{"class":402},[319,1147,931],{"class":1142},[319,1149,1151,1153,1155,1158,1160],{"class":1150,"line":399},[321,425,709],[319,1152,1143],{"class":1142},[319,1154,368],{"class":402},[319,1156,1157],{"class":1142},"production",[319,1159,368],{"class":402},[319,1161,931],{"class":1142},[319,1163,1165,1167,1169],{"class":1164,"line":388},[321,424,425,426],[319,1166,1143],{"class":1142},[319,1168,368],{"class":402},[319,1170,1171],{"class":1142},"cjs",[319,1173,1175,1177,1179,1181,1183],{"class":1174,"line":444},[321,424,425,426],[319,1176,1143],{"class":1142},[319,1178,368],{"class":402},[319,1180,1157],{"class":1142},[319,1182,368],{"class":402},[319,1184,1171],{"class":1142},[606,1186,482],{"id":482},[280,1188,1189],{},[297,1190,301],{"className":1191},[300],[280,1193,375,1194,1196],{},[316,1195,482],{}," key, which is where you define what emails to build and where to output them, has changed considerably.",[280,1198,1199,1200,1202],{},"This is how the ",[316,1201,482],{}," key looks in Maizzle 5:",[309,1204,1206],{"className":929,"code":1205,"filename":1091,"language":931,"meta":314,"style":314},"export default {\n  build: {\n    content: ['emails/**/*.html'],\n    static: {\n      source: ['images/**/*.*'],\n      destination: 'images',\n    },\n    output: {\n      path: 'build_production',\n      extension: 'html',\n    },\n    summary: true,\n    spinner: 'circleHalves',\n  },\n}\n",[316,1207,1208,1218,1227,1245,1254,1270,1282,1287,1296,1308,1320,1324,1335,1347,1353],{"__ignoreMap":314},[319,1209,1210,1213,1216],{"class":321,"line":322},[319,1211,1212],{"class":416},"export",[319,1214,1215],{"class":416}," default",[319,1217,456],{"class":402},[319,1219,1220,1223,1225],{"class":321,"line":399},[319,1221,1222],{"class":406},"  build",[319,1224,413],{"class":402},[319,1226,456],{"class":402},[319,1228,1229,1232,1234,1237,1240,1243],{"class":321,"line":388},[319,1230,1231],{"class":406},"    content",[319,1233,413],{"class":402},[319,1235,1236],{"class":406}," [",[319,1238,1239],{"class":406},"'emails/**/*.html'",[319,1241,1242],{"class":406},"]",[319,1244,420],{"class":402},[319,1246,1247,1250,1252],{"class":321,"line":444},[319,1248,1249],{"class":406},"    static",[319,1251,413],{"class":402},[319,1253,456],{"class":402},[319,1255,1256,1259,1261,1263,1266,1268],{"class":321,"line":459},[319,1257,1258],{"class":406},"      source",[319,1260,413],{"class":402},[319,1262,1236],{"class":406},[319,1264,1265],{"class":406},"'images/**/*.*'",[319,1267,1242],{"class":406},[319,1269,420],{"class":402},[319,1271,1272,1275,1277,1280],{"class":321,"line":477},[319,1273,1274],{"class":406},"      destination",[319,1276,413],{"class":402},[319,1278,1279],{"class":406}," 'images'",[319,1281,420],{"class":402},[319,1283,1284],{"class":321,"line":492},[319,1285,1286],{"class":402},"    },\n",[319,1288,1289,1292,1294],{"class":321,"line":500},[319,1290,1291],{"class":406},"    output",[319,1293,413],{"class":402},[319,1295,456],{"class":402},[319,1297,1298,1301,1303,1306],{"class":321,"line":514},[319,1299,1300],{"class":406},"      path",[319,1302,413],{"class":402},[319,1304,1305],{"class":406}," 'build_production'",[319,1307,420],{"class":402},[319,1309,1310,1313,1315,1318],{"class":321,"line":530},[319,1311,1312],{"class":406},"      extension",[319,1314,413],{"class":402},[319,1316,1317],{"class":406}," 'html'",[319,1319,420],{"class":402},[319,1321,1322],{"class":321,"line":545},[319,1323,1286],{"class":402},[319,1325,1326,1329,1331,1333],{"class":321,"line":551},[319,1327,1328],{"class":406},"    summary",[319,1330,413],{"class":402},[319,1332,417],{"class":416},[319,1334,420],{"class":402},[319,1336,1337,1340,1342,1345],{"class":321,"line":897},[319,1338,1339],{"class":406},"    spinner",[319,1341,413],{"class":402},[319,1343,1344],{"class":406}," 'circleHalves'",[319,1346,420],{"class":402},[319,1348,1350],{"class":321,"line":1349},14,[319,1351,1352],{"class":402},"  },\n",[319,1354,1356],{"class":321,"line":1355},15,[319,1357,554],{"class":402},[606,1359,1360],{"id":1360},"components",[280,1362,375,1363,1365,1366,1368],{},[316,1364,1360],{}," key has been moved outside ",[316,1367,482],{},", to the root of the config file:",[309,1370,1373],{"className":1089,"code":1371,"filename":1091,"highlights":1372,"language":931,"meta":314,"style":314},"export default {\n   build: { // [!code --]\n     components: {} // [!code --]\n   } // [!code --]\n   components: {} // [!code ++]\n}\n",[459],[316,1374,1375,1383,1393,1404,1410,1422],{"__ignoreMap":314},[319,1376,1377,1379,1381],{"class":321,"line":322},[319,1378,1212],{"class":416},[319,1380,1215],{"class":416},[319,1382,456],{"class":402},[319,1384,1386,1389,1391],{"class":1385,"line":399},[321,425,709],[319,1387,1388],{"class":406},"   build",[319,1390,413],{"class":402},[319,1392,948],{"class":402},[319,1394,1396,1399,1401],{"class":1395,"line":388},[321,425,709],[319,1397,1398],{"class":406},"     components",[319,1400,413],{"class":402},[319,1402,1403],{"class":402}," {}",[319,1405,1407],{"class":1406,"line":444},[321,425,709],[319,1408,1409],{"class":402},"   }",[319,1411,1413,1416,1419],{"class":1412,"line":459},[321,424,425,426],[319,1414,1415],{"class":1142},"   components",[319,1417,1418],{"class":406},": ",[319,1420,1421],{"class":402},"{}",[319,1423,1424],{"class":321,"line":477},[319,1425,554],{"class":402},[606,1427,1428],{"id":1428},"events",[280,1430,1431],{},"Events have been moved to the root of the config file:",[309,1433,1436],{"className":1089,"code":1434,"filename":1091,"highlights":1435,"language":931,"meta":314,"style":314},"export default {\n   events: {...} // [!code --]\n   async beforeRender({html, matter, config}) { // [!code ++]\n     // ... // [!code ++]\n   }, // [!code ++]\n}\n",[388,444,459],[316,1437,1438,1446,1461,1493,1499,1505],{"__ignoreMap":314},[319,1439,1440,1442,1444],{"class":321,"line":322},[319,1441,1212],{"class":416},[319,1443,1215],{"class":416},[319,1445,456],{"class":402},[319,1447,1449,1452,1454,1456,1459],{"class":1448,"line":399},[321,425,709],[319,1450,1451],{"class":406},"   events",[319,1453,413],{"class":402},[319,1455,948],{"class":402},[319,1457,1458],{"class":416},"...",[319,1460,955],{"class":402},[319,1462,1464,1467,1470,1472,1474,1476,1478,1481,1483,1486,1488,1491],{"class":1463,"line":388},[321,424,425,426],[319,1465,1466],{"class":1142},"   async",[319,1468,1469],{"class":989}," beforeRender",[319,1471,993],{"class":406},[319,1473,1118],{"class":402},[319,1475,632],{"class":1142},[319,1477,441],{"class":402},[319,1479,1480],{"class":1142}," matter",[319,1482,441],{"class":402},[319,1484,1485],{"class":1142}," config",[319,1487,955],{"class":402},[319,1489,1490],{"class":406},") ",[319,1492,1118],{"class":402},[319,1494,1496],{"class":1495,"line":444},[321,424,425,426],[319,1497,1498],{"class":686},"     // ...",[319,1500,1502],{"class":1501,"line":459},[321,424,425,426],[319,1503,1504],{"class":402},"   },",[319,1506,1507],{"class":321,"line":477},[319,1508,554],{"class":402},[606,1510,1512],{"id":1511},"extraattributes","extraAttributes",[280,1514,1515,1516,413],{},"This key has been moved to ",[316,1517,1518],{},"css.attributes.add",[309,1520,1523],{"className":1089,"code":1521,"filename":1091,"highlights":1522,"language":931,"meta":314,"style":314},"export default {\n   extraAttributes: {} // [!code --]\n   css: { // [!code ++]\n     attributes: { // [!code ++]\n       add: {} // [!code ++]\n     } // [!code ++]\n   } // [!code ++]\n}\n",[388,444,459,477,492],[316,1524,1525,1533,1543,1553,1563,1573,1579,1584],{"__ignoreMap":314},[319,1526,1527,1529,1531],{"class":321,"line":322},[319,1528,1212],{"class":416},[319,1530,1215],{"class":416},[319,1532,456],{"class":402},[319,1534,1536,1539,1541],{"class":1535,"line":399},[321,425,709],[319,1537,1538],{"class":406},"   extraAttributes",[319,1540,413],{"class":402},[319,1542,1403],{"class":402},[319,1544,1546,1549,1551],{"class":1545,"line":388},[321,424,425,426],[319,1547,1548],{"class":1142},"   css",[319,1550,1418],{"class":406},[319,1552,1118],{"class":402},[319,1554,1556,1559,1561],{"class":1555,"line":444},[321,424,425,426],[319,1557,1558],{"class":406},"     attributes",[319,1560,413],{"class":402},[319,1562,948],{"class":402},[319,1564,1566,1569,1571],{"class":1565,"line":459},[321,424,425,426],[319,1567,1568],{"class":406},"       add",[319,1570,413],{"class":402},[319,1572,1403],{"class":402},[319,1574,1576],{"class":1575,"line":477},[321,424,425,426],[319,1577,1578],{"class":402},"     }",[319,1580,1582],{"class":1581,"line":492},[321,424,425,426],[319,1583,1409],{"class":402},[319,1585,1586],{"class":321,"line":500},[319,1587,554],{"class":402},[606,1589,1590],{"id":1590},"layouts",[280,1592,375,1593,1595],{},[316,1594,1590],{}," key is no longer used, you can safely remove it.",[606,1597,1599],{"id":1598},"inlinecss","inlineCSS",[280,1601,1602,1603,1606],{},"Configuration for CSS inlining has been moved under the ",[316,1604,1605],{},"css.inline"," key:",[309,1608,1611],{"className":1089,"code":1609,"filename":1091,"highlights":1610,"language":931,"meta":314,"style":314},"export default {\n   inlineCSS: {} // [!code --]\n   css: { // [!code ++]\n     inline: true, // [!code ++]\n   } // [!code ++]\n}\n",[388,444,459],[316,1612,1613,1621,1631,1640,1652,1657],{"__ignoreMap":314},[319,1614,1615,1617,1619],{"class":321,"line":322},[319,1616,1212],{"class":416},[319,1618,1215],{"class":416},[319,1620,456],{"class":402},[319,1622,1624,1627,1629],{"class":1623,"line":399},[321,425,709],[319,1625,1626],{"class":406},"   inlineCSS",[319,1628,413],{"class":402},[319,1630,1403],{"class":402},[319,1632,1634,1636,1638],{"class":1633,"line":388},[321,424,425,426],[319,1635,1548],{"class":1142},[319,1637,1418],{"class":406},[319,1639,1118],{"class":402},[319,1641,1643,1646,1648,1650],{"class":1642,"line":444},[321,424,425,426],[319,1644,1645],{"class":406},"     inline",[319,1647,413],{"class":402},[319,1649,417],{"class":416},[319,1651,441],{"class":402},[319,1653,1655],{"class":1654,"line":459},[321,424,425,426],[319,1656,1409],{"class":402},[319,1658,1659],{"class":321,"line":477},[319,1660,554],{"class":402},[280,1662,1663,1664,1667],{},"See the ",[912,1665,1666],{"href":115},"CSS inlining docs"," for all the options available.",[606,1669,1670],{"id":1670},"outlook",[280,1672,1673,1674,1676,1677,1606],{},"Configuring the custom tag for Outlook conditionals is done through the same ",[316,1675,1670],{}," key, but at the root of the config file instead of inside the ",[316,1678,1679],{},"posthtml",[309,1681,1684],{"className":1089,"code":1682,"filename":1091,"highlights":1683,"language":931,"meta":314,"style":314},"export default {\n   posthtml: { // [!code --]\n     outlook: {} // [!code --]\n   } // [!code --]\n   outlook: { // [!code ++]\n     tag: 'mso', // [!code ++]\n   }, // [!code ++]\n}\n",[459,477,492],[316,1685,1686,1694,1704,1714,1719,1729,1742,1747],{"__ignoreMap":314},[319,1687,1688,1690,1692],{"class":321,"line":322},[319,1689,1212],{"class":416},[319,1691,1215],{"class":416},[319,1693,456],{"class":402},[319,1695,1697,1700,1702],{"class":1696,"line":399},[321,425,709],[319,1698,1699],{"class":406},"   posthtml",[319,1701,413],{"class":402},[319,1703,948],{"class":402},[319,1705,1707,1710,1712],{"class":1706,"line":388},[321,425,709],[319,1708,1709],{"class":406},"     outlook",[319,1711,413],{"class":402},[319,1713,1403],{"class":402},[319,1715,1717],{"class":1716,"line":444},[321,425,709],[319,1718,1409],{"class":402},[319,1720,1722,1725,1727],{"class":1721,"line":459},[321,424,425,426],[319,1723,1724],{"class":1142},"   outlook",[319,1726,1418],{"class":406},[319,1728,1118],{"class":402},[319,1730,1732,1735,1737,1740],{"class":1731,"line":477},[321,424,425,426],[319,1733,1734],{"class":406},"     tag",[319,1736,413],{"class":402},[319,1738,1739],{"class":406}," 'mso'",[319,1741,441],{"class":402},[319,1743,1745],{"class":1744,"line":492},[321,424,425,426],[319,1746,1504],{"class":402},[319,1748,1749],{"class":321,"line":500},[319,1750,554],{"class":402},[606,1752,1753],{"id":1753},"fetch",[280,1755,375,1756,1758],{},[316,1757,1753],{}," key has been moved to the root of the config file:",[309,1760,1763],{"className":1089,"code":1761,"filename":1091,"highlights":1762,"language":931,"meta":425,"style":314},"export default {\n   posthtml: { // [!code --]\n     fetch: {} // [!code --]\n   } // [!code --]\n   fetch: { // [!code ++]\n     tags: ['get'], // [!code ++]\n   }, // [!code ++]\n}\n",[459,477,492],[316,1764,1765,1773,1782,1792,1797,1807,1824,1829],{"__ignoreMap":314},[319,1766,1767,1769,1771],{"class":321,"line":322},[319,1768,1212],{"class":416},[319,1770,1215],{"class":416},[319,1772,456],{"class":402},[319,1774,1776,1778,1780],{"class":1775,"line":399},[321,425,709],[319,1777,1699],{"class":406},[319,1779,413],{"class":402},[319,1781,948],{"class":402},[319,1783,1785,1788,1790],{"class":1784,"line":388},[321,425,709],[319,1786,1787],{"class":406},"     fetch",[319,1789,413],{"class":402},[319,1791,1403],{"class":402},[319,1793,1795],{"class":1794,"line":444},[321,425,709],[319,1796,1409],{"class":402},[319,1798,1800,1803,1805],{"class":1799,"line":459},[321,424,425,426],[319,1801,1802],{"class":1142},"   fetch",[319,1804,1418],{"class":406},[319,1806,1118],{"class":402},[319,1808,1810,1813,1815,1817,1820,1822],{"class":1809,"line":477},[321,424,425,426],[319,1811,1812],{"class":406},"     tags",[319,1814,413],{"class":402},[319,1816,1236],{"class":406},[319,1818,1819],{"class":406},"'get'",[319,1821,1242],{"class":406},[319,1823,441],{"class":402},[319,1825,1827],{"class":1826,"line":492},[321,424,425,426],[319,1828,1504],{"class":402},[319,1830,1831],{"class":321,"line":500},[319,1832,554],{"class":402},[280,1834,1663,1835,1839],{},[912,1836,1838],{"href":1837},"/docs/tags#fetch-options","fetch docs"," for the available options.",[606,1841,1842],{"id":1842},"postcss",[280,1844,1845,1846,1606],{},"PostCSS may now be configured under the root ",[316,1847,1842],{},[309,1849,1852],{"className":1089,"code":1850,"filename":1091,"highlights":1851,"language":931,"meta":314,"style":314},"export default {\n   build: { // [!code --]\n     postcss: {} // [!code --]\n   } // [!code --]\n   postcss: {} // [!code ++]\n}\n",[459],[316,1853,1854,1862,1871,1881,1886,1896],{"__ignoreMap":314},[319,1855,1856,1858,1860],{"class":321,"line":322},[319,1857,1212],{"class":416},[319,1859,1215],{"class":416},[319,1861,456],{"class":402},[319,1863,1865,1867,1869],{"class":1864,"line":399},[321,425,709],[319,1866,1388],{"class":406},[319,1868,413],{"class":402},[319,1870,948],{"class":402},[319,1872,1874,1877,1879],{"class":1873,"line":388},[321,425,709],[319,1875,1876],{"class":406},"     postcss",[319,1878,413],{"class":402},[319,1880,1403],{"class":402},[319,1882,1884],{"class":1883,"line":444},[321,425,709],[319,1885,1409],{"class":402},[319,1887,1889,1892,1894],{"class":1888,"line":459},[321,424,425,426],[319,1890,1891],{"class":1142},"   postcss",[319,1893,1418],{"class":406},[319,1895,1421],{"class":402},[319,1897,1898],{"class":321,"line":477},[319,1899,554],{"class":402},[606,1901,1903],{"id":1902},"removeattributes","removeAttributes",[280,1905,1906,1907,413],{},"This Transformer has been moved to ",[316,1908,1909],{},"css.attributes.remove",[309,1911,1914],{"className":1089,"code":1912,"filename":1091,"highlights":1913,"language":931,"meta":314,"style":314},"export default {\n   removeAttributes: [] // [!code --]\n   css: { // [!code ++]\n     attributes: { // [!code ++]\n       remove: []  // [!code ++]\n     } // [!code ++]\n   } // [!code ++]\n}\n",[388,444,459,477,492],[316,1915,1916,1924,1935,1944,1953,1964,1969,1974],{"__ignoreMap":314},[319,1917,1918,1920,1922],{"class":321,"line":322},[319,1919,1212],{"class":416},[319,1921,1215],{"class":416},[319,1923,456],{"class":402},[319,1925,1927,1930,1932],{"class":1926,"line":399},[321,425,709],[319,1928,1929],{"class":406},"   removeAttributes",[319,1931,413],{"class":402},[319,1933,1934],{"class":406}," [] ",[319,1936,1938,1940,1942],{"class":1937,"line":388},[321,424,425,426],[319,1939,1548],{"class":1142},[319,1941,1418],{"class":406},[319,1943,1118],{"class":402},[319,1945,1947,1949,1951],{"class":1946,"line":444},[321,424,425,426],[319,1948,1558],{"class":406},[319,1950,413],{"class":402},[319,1952,948],{"class":402},[319,1954,1956,1959,1961],{"class":1955,"line":459},[321,424,425,426],[319,1957,1958],{"class":406},"       remove",[319,1960,413],{"class":402},[319,1962,1963],{"class":406}," []  ",[319,1965,1967],{"class":1966,"line":477},[321,424,425,426],[319,1968,1578],{"class":402},[319,1970,1972],{"class":1971,"line":492},[321,424,425,426],[319,1973,1409],{"class":402},[319,1975,1976],{"class":321,"line":500},[319,1977,554],{"class":402},[606,1979,1981],{"id":1980},"removeunusedcss","removeUnusedCSS",[280,1983,1984,1985,413],{},"Configuration for this Transformer has been moved to ",[316,1986,1987],{},"css.purge",[309,1989,1992],{"className":1089,"code":1990,"filename":1091,"highlights":1991,"language":931,"meta":314,"style":314},"export default {\n   removeUnusedCSS: {} // [!code --]\n   css: { // [!code ++]\n     purge: {} // [!code ++]\n   } // [!code ++]\n}\n",[388,444,459],[316,1993,1994,2002,2012,2021,2031,2036],{"__ignoreMap":314},[319,1995,1996,1998,2000],{"class":321,"line":322},[319,1997,1212],{"class":416},[319,1999,1215],{"class":416},[319,2001,456],{"class":402},[319,2003,2005,2008,2010],{"class":2004,"line":399},[321,425,709],[319,2006,2007],{"class":406},"   removeUnusedCSS",[319,2009,413],{"class":402},[319,2011,1403],{"class":402},[319,2013,2015,2017,2019],{"class":2014,"line":388},[321,424,425,426],[319,2016,1548],{"class":1142},[319,2018,1418],{"class":406},[319,2020,1118],{"class":402},[319,2022,2024,2027,2029],{"class":2023,"line":444},[321,424,425,426],[319,2025,2026],{"class":406},"     purge",[319,2028,413],{"class":402},[319,2030,1403],{"class":402},[319,2032,2034],{"class":2033,"line":459},[321,424,425,426],[319,2035,1409],{"class":402},[319,2037,2038],{"class":321,"line":477},[319,2039,554],{"class":402},[606,2041,2043],{"id":2042},"shorthandcss","shorthandCSS",[280,2045,2046,2047,413],{},"The shorthand CSS Transformer config has been moved to ",[316,2048,2049],{},"css.shorthand",[309,2051,2054],{"className":1089,"code":2052,"filename":1091,"highlights":2053,"language":931,"meta":314,"style":314},"export default {\n   shorthandCSS: true // [!code --]\n   css: { // [!code ++]\n     shorthand: true // [!code ++]\n   } // [!code ++]\n}\n",[388,444,459],[316,2055,2056,2064,2074,2083,2093,2098],{"__ignoreMap":314},[319,2057,2058,2060,2062],{"class":321,"line":322},[319,2059,1212],{"class":416},[319,2061,1215],{"class":416},[319,2063,456],{"class":402},[319,2065,2067,2070,2072],{"class":2066,"line":399},[321,425,709],[319,2068,2069],{"class":406},"   shorthandCSS",[319,2071,413],{"class":402},[319,2073,417],{"class":416},[319,2075,2077,2079,2081],{"class":2076,"line":388},[321,424,425,426],[319,2078,1548],{"class":1142},[319,2080,1418],{"class":406},[319,2082,1118],{"class":402},[319,2084,2086,2089,2091],{"class":2085,"line":444},[321,424,425,426],[319,2087,2088],{"class":406},"     shorthand",[319,2090,413],{"class":402},[319,2092,417],{"class":416},[319,2094,2096],{"class":2095,"line":459},[321,424,425,426],[319,2097,1409],{"class":402},[319,2099,2100],{"class":321,"line":477},[319,2101,554],{"class":402},[606,2103,2105],{"id":2104},"safeclassnames","safeClassNames",[280,2107,375,2108,2110,2111,413],{},[316,2109,2105],{}," option has been renamed and moved to ",[316,2112,2113],{},"css.safe",[309,2115,2118],{"className":1089,"code":2116,"filename":1091,"highlights":2117,"language":931,"meta":314,"style":314},"export default {\n   safeClassNames: {} // [!code --]\n   css: { // [!code ++]\n     safe: {} // [!code ++]\n   } // [!code ++]\n}\n",[388,444,459],[316,2119,2120,2128,2138,2147,2157,2162],{"__ignoreMap":314},[319,2121,2122,2124,2126],{"class":321,"line":322},[319,2123,1212],{"class":416},[319,2125,1215],{"class":416},[319,2127,456],{"class":402},[319,2129,2131,2134,2136],{"class":2130,"line":399},[321,425,709],[319,2132,2133],{"class":406},"   safeClassNames",[319,2135,413],{"class":402},[319,2137,1403],{"class":402},[319,2139,2141,2143,2145],{"class":2140,"line":388},[321,424,425,426],[319,2142,1548],{"class":1142},[319,2144,1418],{"class":406},[319,2146,1118],{"class":402},[319,2148,2150,2153,2155],{"class":2149,"line":444},[321,424,425,426],[319,2151,2152],{"class":406},"     safe",[319,2154,413],{"class":402},[319,2156,1403],{"class":402},[319,2158,2160],{"class":2159,"line":459},[321,424,425,426],[319,2161,1409],{"class":402},[319,2163,2164],{"class":321,"line":477},[319,2165,554],{"class":402},[606,2167,2168],{"id":2168},"server",[280,2170,2171,2172,2175],{},"Browsersync has been replaced with a custom dev server, powered by Express.js and WebSockets with ",[316,2173,2174],{},"morphdom"," for an HMR-like local development experience.",[280,2177,2178],{},"We call this Hot Markup Replacement™.",[280,2180,2181,2182,2185,2186,2188],{},"This ",[912,2183,2184],{"href":57},"new dev server"," is much faster and provides a nicer experience, but you'll need to update your ",[316,2187,1091],{}," if you want to configure it:",[309,2190,2193],{"className":1089,"code":2191,"filename":1091,"highlights":2192,"language":931,"meta":314,"style":314},"export default {\n   browsersync: {...}, // [!code --]\n   server: { // [!code ++]\n     port: 3000, // [!code ++]\n     hmr: true, // [!code ++]\n     scrollSync: false, // [!code ++]\n     watch: ['./images/**/*'], // [!code ++]\n     reportFileSize: false, // [!code ++]\n     spinner: 'circleHalves', // [!code ++]\n   }, // [!code ++]\n}\n",[388,444,459,477,492,500,514,530],[316,2194,2195,2203,2218,2228,2241,2253,2266,2283,2295,2307,2312],{"__ignoreMap":314},[319,2196,2197,2199,2201],{"class":321,"line":322},[319,2198,1212],{"class":416},[319,2200,1215],{"class":416},[319,2202,456],{"class":402},[319,2204,2206,2209,2211,2213,2215],{"class":2205,"line":399},[321,425,709],[319,2207,2208],{"class":406},"   browsersync",[319,2210,413],{"class":402},[319,2212,948],{"class":402},[319,2214,1458],{"class":416},[319,2216,2217],{"class":402},"},",[319,2219,2221,2224,2226],{"class":2220,"line":388},[321,424,425,426],[319,2222,2223],{"class":406},"   server",[319,2225,413],{"class":402},[319,2227,948],{"class":402},[319,2229,2231,2234,2236,2239],{"class":2230,"line":444},[321,424,425,426],[319,2232,2233],{"class":406},"     port",[319,2235,413],{"class":402},[319,2237,2238],{"class":406}," 3000",[319,2240,441],{"class":402},[319,2242,2244,2247,2249,2251],{"class":2243,"line":459},[321,424,425,426],[319,2245,2246],{"class":406},"     hmr",[319,2248,413],{"class":402},[319,2250,417],{"class":416},[319,2252,441],{"class":402},[319,2254,2256,2259,2261,2264],{"class":2255,"line":477},[321,424,425,426],[319,2257,2258],{"class":406},"     scrollSync",[319,2260,413],{"class":402},[319,2262,2263],{"class":416}," false",[319,2265,441],{"class":402},[319,2267,2269,2272,2274,2276,2279,2281],{"class":2268,"line":492},[321,424,425,426],[319,2270,2271],{"class":406},"     watch",[319,2273,413],{"class":402},[319,2275,1236],{"class":406},[319,2277,2278],{"class":406},"'./images/**/*'",[319,2280,1242],{"class":406},[319,2282,441],{"class":402},[319,2284,2286,2289,2291,2293],{"class":2285,"line":500},[321,424,425,426],[319,2287,2288],{"class":406},"     reportFileSize",[319,2290,413],{"class":402},[319,2292,2263],{"class":416},[319,2294,441],{"class":402},[319,2296,2298,2301,2303,2305],{"class":2297,"line":514},[321,424,425,426],[319,2299,2300],{"class":406},"     spinner",[319,2302,413],{"class":402},[319,2304,1344],{"class":406},[319,2306,441],{"class":402},[319,2308,2310],{"class":2309,"line":530},[321,424,425,426],[319,2311,1504],{"class":402},[319,2313,2314],{"class":321,"line":545},[319,2315,554],{"class":402},[606,2317,2319],{"id":2318},"sixhex","sixHex",[280,2321,2322,2323,413],{},"This Transformer config has been moved to ",[316,2324,2325],{},"css.sixHex",[309,2327,2330],{"className":1089,"code":2328,"filename":1091,"highlights":2329,"language":931,"meta":314,"style":314},"export default {\n   sixHex: true // [!code --]\n   css: { // [!code ++]\n     sixHex: true // [!code ++]\n   } // [!code ++]\n}\n",[388,444,459],[316,2331,2332,2340,2350,2359,2369,2374],{"__ignoreMap":314},[319,2333,2334,2336,2338],{"class":321,"line":322},[319,2335,1212],{"class":416},[319,2337,1215],{"class":416},[319,2339,456],{"class":402},[319,2341,2343,2346,2348],{"class":2342,"line":399},[321,425,709],[319,2344,2345],{"class":406},"   sixHex",[319,2347,413],{"class":402},[319,2349,417],{"class":416},[319,2351,2353,2355,2357],{"class":2352,"line":388},[321,424,425,426],[319,2354,1548],{"class":1142},[319,2356,1418],{"class":406},[319,2358,1118],{"class":402},[319,2360,2362,2365,2367],{"class":2361,"line":444},[321,424,425,426],[319,2363,2364],{"class":406},"     sixHex",[319,2366,413],{"class":402},[319,2368,417],{"class":416},[319,2370,2372],{"class":2371,"line":459},[321,424,425,426],[319,2373,1409],{"class":402},[319,2375,2376],{"class":321,"line":477},[319,2377,554],{"class":402},[606,2379,2380],{"id":2380},"tailwind",[280,2382,375,2383,2385,2386,2388],{},[316,2384,2380],{}," key in ",[316,2387,1091],{}," has been deprecated, you can safely remove it.",[280,2390,2391,2392,2395,2396,2398,2399,2402],{},"You may now simply use ",[316,2393,2394],{},"@config"," in your ",[316,2397,761],{}," tags or files included with ",[316,2400,2401],{},"\u003Clink>",", to specify a custom Tailwind CSS config file to use:",[309,2404,2407],{"className":2405,"code":2406,"filename":630,"language":632,"meta":314,"style":314},"language-html shiki shiki-themes tailwind-css tailwind-css","\u003Cstyle>\n  @config 'tailwind.custom.js';\n  @tailwind components;\n  @tailwind utilities;\n\u003C/style>\n",[316,2408,2409,2417,2428,2438,2447],{"__ignoreMap":314},[319,2410,2411,2413,2415],{"class":321,"line":322},[319,2412,655],{"class":639},[319,2414,746],{"class":416},[319,2416,650],{"class":639},[319,2418,2419,2422,2425],{"class":321,"line":399},[319,2420,2421],{"class":824},"  @config",[319,2423,2424],{"class":406}," 'tailwind.custom.js'",[319,2426,2427],{"class":824},";\n",[319,2429,2430,2433,2436],{"class":321,"line":388},[319,2431,2432],{"class":824},"  @tailwind",[319,2434,2435],{"class":406}," components",[319,2437,2427],{"class":824},[319,2439,2440,2442,2445],{"class":321,"line":444},[319,2441,2432],{"class":824},[319,2443,2444],{"class":406}," utilities",[319,2446,2427],{"class":824},[319,2448,2449,2451,2453],{"class":321,"line":459},[319,2450,692],{"class":639},[319,2452,746],{"class":416},[319,2454,650],{"class":639},[280,2456,2457],{},"If you prefer using CSS files:",[309,2459,2463],{"className":2460,"code":2461,"filename":2462,"language":834,"meta":314,"style":314},"language-css shiki shiki-themes tailwind-css tailwind-css","@config 'tailwind.custom.js';\n@tailwind components;\n@tailwind utilities;\n","css/tailwind.css",[316,2464,2465,2473,2481],{"__ignoreMap":314},[319,2466,2467,2469,2471],{"class":321,"line":322},[319,2468,2394],{"class":824},[319,2470,2424],{"class":406},[319,2472,2427],{"class":824},[319,2474,2475,2477,2479],{"class":321,"line":399},[319,2476,757],{"class":824},[319,2478,2435],{"class":406},[319,2480,2427],{"class":824},[319,2482,2483,2485,2487],{"class":321,"line":388},[319,2484,757],{"class":824},[319,2486,2444],{"class":406},[319,2488,2427],{"class":824},[280,2490,2491,2492,2494,2495,2498],{},"... you may import that through a ",[316,2493,2401],{}," tag or with an ",[316,2496,2497],{},"@import"," statement:",[309,2500,2502],{"className":2405,"code":2501,"language":632,"meta":314,"style":314},"\u003Clink rel=\"stylesheet\" href=\"css/tailwind.css\">\n\n\u003C!-- or -->\n\u003Cstyle>\n  @import 'css/tailwind.css';\n\u003C/style>\n",[316,2503,2504,2536,2542,2547,2555,2570],{"__ignoreMap":314},[319,2505,2506,2508,2511,2514,2516,2518,2521,2523,2526,2528,2530,2532,2534],{"class":321,"line":322},[319,2507,655],{"class":639},[319,2509,2510],{"class":416},"link",[319,2512,2513],{"class":646}," rel",[319,2515,663],{"class":639},[319,2517,410],{"class":646},[319,2519,2520],{"class":406},"stylesheet",[319,2522,410],{"class":646},[319,2524,2525],{"class":646}," href",[319,2527,663],{"class":639},[319,2529,410],{"class":646},[319,2531,2462],{"class":406},[319,2533,410],{"class":646},[319,2535,650],{"class":639},[319,2537,2538],{"class":321,"line":399},[319,2539,2541],{"emptyLinePlaceholder":2540},true,"\n",[319,2543,2544],{"class":321,"line":388},[319,2545,2546],{"class":686},"\u003C!-- or -->\n",[319,2548,2549,2551,2553],{"class":321,"line":444},[319,2550,655],{"class":639},[319,2552,746],{"class":416},[319,2554,650],{"class":639},[319,2556,2557,2560,2563,2565,2568],{"class":321,"line":459},[319,2558,2559],{"class":824},"  @import",[319,2561,2562],{"class":646}," '",[319,2564,2462],{"class":406},[319,2566,2567],{"class":646},"'",[319,2569,2427],{"class":824},[319,2571,2572,2574,2576],{"class":321,"line":477},[319,2573,692],{"class":639},[319,2575,746],{"class":416},[319,2577,650],{"class":639},[280,2579,2580,2581,413],{},"You can still define a Tailwind config object if you need to, under ",[316,2582,2583],{},"css.tailwind",[309,2585,2587],{"className":929,"code":2586,"filename":1091,"language":931,"meta":314,"style":314},"export default {\n  css: {\n    tailwind: {}, // custom Tailwind CSS config object\n  },\n}\n",[316,2588,2589,2597,2606,2619,2623],{"__ignoreMap":314},[319,2590,2591,2593,2595],{"class":321,"line":322},[319,2592,1212],{"class":416},[319,2594,1215],{"class":416},[319,2596,456],{"class":402},[319,2598,2599,2602,2604],{"class":321,"line":399},[319,2600,2601],{"class":406},"  css",[319,2603,413],{"class":402},[319,2605,456],{"class":402},[319,2607,2608,2611,2613,2616],{"class":321,"line":388},[319,2609,2610],{"class":406},"    tailwind",[319,2612,413],{"class":402},[319,2614,2615],{"class":402}," {},",[319,2617,2618],{"class":686}," // custom Tailwind CSS config object\n",[319,2620,2621],{"class":321,"line":444},[319,2622,1352],{"class":402},[319,2624,2625],{"class":321,"line":459},[319,2626,554],{"class":402},[606,2628,2629],{"id":2629},"templates",[280,2631,375,2632,2634,2635,2640],{},[316,2633,2629],{}," key has been deprecated, see ",[912,2636,2638],{"href":2637},"#build",[316,2639,482],{}," above for how to define Template and other assets sources.",[606,2642,2644],{"id":2643},"applytransformers","applyTransformers",[280,2646,2647,2648,413],{},"This has been renamed to ",[316,2649,2650],{},"useTransformers",[309,2652,2655],{"className":1089,"code":2653,"filename":1091,"highlights":2654,"language":931,"meta":314,"style":314},"export default {\n   applyTransformers: true // [!code --]\n   useTransformers: true // [!code ++]\n}\n",[388],[316,2656,2657,2665,2675,2686],{"__ignoreMap":314},[319,2658,2659,2661,2663],{"class":321,"line":322},[319,2660,1212],{"class":416},[319,2662,1215],{"class":416},[319,2664,456],{"class":402},[319,2666,2668,2671,2673],{"class":2667,"line":399},[321,425,709],[319,2669,2670],{"class":406},"   applyTransformers",[319,2672,413],{"class":402},[319,2674,417],{"class":416},[319,2676,2678,2681,2683],{"class":2677,"line":388},[321,424,425,426],[319,2679,2680],{"class":1142},"   useTransformers",[319,2682,1418],{"class":406},[319,2684,2685],{"class":416},"true",[319,2687,2688],{"class":321,"line":444},[319,2689,554],{"class":402},[290,2691,2693],{"id":2692},"optional","Optional",[280,2695,2696],{},"These updates are optional but highly recommended.",[606,2698,2700],{"id":2699},"update-components","Update components",[280,2702,2703],{},"The Maizzle 5 Starter uses updated components for dividers, spacers, or buttons.",[280,2705,2706,2707,2712],{},"We recommend you update your components to the latest versions, which you can find in the ",[912,2708,2711],{"href":2709,"rel":2710},"https://github.com/maizzle/maizzle",[916],"Starter project"," on GitHub.",[746,2714,2715],{},"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 .shy1k, html code.shiki .shy1k{--shiki-light:#94A3B8;--shiki-dark:#94A3B8}html pre.shiki code .sprQ5, html code.shiki .sprQ5{--shiki-light:#44403C;--shiki-dark:#44403C}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 .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 .sO3Gh, html code.shiki .sO3Gh{--shiki-light:#6366F1;--shiki-dark:#6366F1}html pre.shiki code .sO1gY, html code.shiki .sO1gY{--shiki-light:#2563EB;--shiki-dark:#2563EB}html pre.shiki code .sTnEA, html code.shiki .sTnEA{--shiki-light:#44403C;--shiki-light-font-style:italic;--shiki-dark:#44403C;--shiki-dark-font-style:italic}html pre.shiki code .sGouh, html code.shiki .sGouh{--shiki-light:#3730A3;--shiki-light-font-style:italic;--shiki-dark:#3730A3;--shiki-dark-font-style:italic}html pre.shiki code .sSci_, html code.shiki .sSci_{--shiki-light:#EC4899;--shiki-light-font-style:italic;--shiki-dark:#EC4899;--shiki-dark-font-style:italic}html pre.shiki code .sVevU, html code.shiki .sVevU{--shiki-light:#35393E;--shiki-dark:#35393E}html pre.shiki code .s2ImL, html code.shiki .s2ImL{--shiki-light:#00BF99;--shiki-dark:#00BF99}html pre.shiki code .s8qYB, html code.shiki .s8qYB{--shiki-light:#3730A3;--shiki-dark:#3730A3}",{"title":314,"searchDepth":399,"depth":399,"links":2717},[2718,2719,2720,2721,2722,2726,2727,2748],{"id":292,"depth":399,"text":293},{"id":331,"depth":399,"text":332},{"id":371,"depth":399,"text":372},{"id":557,"depth":399,"text":558},{"id":603,"depth":399,"text":604,"children":2723},[2724,2725],{"id":608,"depth":388,"text":608},{"id":746,"depth":388,"text":746},{"id":906,"depth":399,"text":907},{"id":1062,"depth":399,"text":1063,"children":2728},[2729,2730,2731,2732,2733,2734,2735,2736,2737,2738,2739,2740,2741,2742,2743,2744,2745,2746,2747],{"id":1069,"depth":388,"text":1070},{"id":482,"depth":388,"text":482},{"id":1360,"depth":388,"text":1360},{"id":1428,"depth":388,"text":1428},{"id":1511,"depth":388,"text":1512},{"id":1590,"depth":388,"text":1590},{"id":1598,"depth":388,"text":1599},{"id":1670,"depth":388,"text":1670},{"id":1753,"depth":388,"text":1753},{"id":1842,"depth":388,"text":1842},{"id":1902,"depth":388,"text":1903},{"id":1980,"depth":388,"text":1981},{"id":2042,"depth":388,"text":2043},{"id":2104,"depth":388,"text":2105},{"id":2168,"depth":388,"text":2168},{"id":2318,"depth":388,"text":2319},{"id":2380,"depth":388,"text":2380},{"id":2629,"depth":388,"text":2629},{"id":2643,"depth":388,"text":2644},{"id":2692,"depth":399,"text":2693,"children":2749},[2750],{"id":2699,"depth":388,"text":2700},"How to upgrade your Maizzle project to the latest major framework release.","md",{},{"title":23,"description":2751},{"loc":24},"docs/upgrade-guide","Cy0vgw5maxb6QR-wK1VM9c9wxeSUpp-BPKAVQ_46LDQ",{"id":4,"extension":5,"items":2759,"meta":2830,"stem":195,"__hash__":196},[2760,2770,2775,2784,2797,2815,2821],{"name":8,"items":2761},[2762,2763,2764,2765,2766,2767,2768,2769],{"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":2771},[2772,2773,2774],{"title":38,"path":39},{"title":41,"path":42},{"title":44,"path":45},{"name":47,"items":2776},[2777,2778,2779,2780,2781,2782,2783],{"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":2785},[2786,2787,2788,2789,2790,2791,2792,2793,2794,2795,2796],{"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":2798},[2799,2800,2801,2802,2803,2804,2805,2806,2807,2808,2809,2810,2811,2812,2813,2814],{"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":2816},[2817,2818,2819,2820],{"title":159,"path":160},{"title":162,"path":163},{"title":165,"path":166},{"title":168,"path":169},{"name":171,"items":2822},[2823,2824,2825,2826,2827,2828,2829],{"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},{},1780318596730]