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