[{"data":1,"prerenderedAt":369},["ShallowReactive",2],{"content-en-\u002Fsyntax\u002Fhg-blocks":3},{"id":4,"title":5,"body":6,"description":362,"extension":363,"meta":364,"navigation":318,"path":365,"seo":366,"stem":367,"__hash__":368},"content_en\u002Fsyntax\u002Fhg-blocks.md","Hyogen Blocks",{"type":7,"value":8,"toc":354},"minimark",[9,13,17,22,64,67,87,96,100,116,136,145,156,160,242,254,258,266,286,290,297,301,350],[10,11,5],"h1",{"id":12},"hyogen-blocks",[14,15,16],"p",{},"hyogen.md logic lives inside HTML comments so Markdown previews stay clean.",[18,19,21],"h2",{"id":20},"standard-form","Standard form",[23,24,29],"pre",{"className":25,"code":26,"language":27,"meta":28,"style":28},"language-markdown shiki shiki-themes github-light github-dark","\u003C!--\n@hg\nconst greeting = \"hello\"\n@endhg\n-->\n","markdown","",[30,31,32,40,46,52,58],"code",{"__ignoreMap":28},[33,34,37],"span",{"class":35,"line":36},"line",1,[33,38,39],{},"\u003C!--\n",[33,41,43],{"class":35,"line":42},2,[33,44,45],{},"@hg\n",[33,47,49],{"class":35,"line":48},3,[33,50,51],{},"const greeting = \"hello\"\n",[33,53,55],{"class":35,"line":54},4,[33,56,57],{},"@endhg\n",[33,59,61],{"class":35,"line":60},5,[33,62,63],{},"-->\n",[14,65,66],{},"Variants that work equally:",[23,68,70],{"className":25,"code":69,"language":27,"meta":28,"style":28},"\u003C!--@hg\nconst x = 1\n@endhg-->\n",[30,71,72,77,82],{"__ignoreMap":28},[33,73,74],{"class":35,"line":36},[33,75,76],{},"\u003C!--@hg\n",[33,78,79],{"class":35,"line":42},[33,80,81],{},"const x = 1\n",[33,83,84],{"class":35,"line":48},[33,85,86],{},"@endhg-->\n",[23,88,90],{"className":25,"code":89,"language":27,"meta":28,"style":28},"\u003C!--@hg \u002F* one-line block *\u002F @endhg-->\n",[30,91,92],{"__ignoreMap":28},[33,93,94],{"class":35,"line":36},[33,95,89],{},[18,97,99],{"id":98},"shorthand-form","Shorthand form",[14,101,102,105,106,108,109,105,112,115],{},[30,103,104],{},"@@"," … ",[30,107,104],{}," is equivalent to ",[30,110,111],{},"@hg",[30,113,114],{},"@endhg",":",[23,117,119],{"className":25,"code":118,"language":27,"meta":28,"style":28},"\u003C!--@@\ninclude .\u002Fpartials\u002Fheader.md\n@@-->\n",[30,120,121,126,131],{"__ignoreMap":28},[33,122,123],{"class":35,"line":36},[33,124,125],{},"\u003C!--@@\n",[33,127,128],{"class":35,"line":42},[33,129,130],{},"include .\u002Fpartials\u002Fheader.md\n",[33,132,133],{"class":35,"line":48},[33,134,135],{},"@@-->\n",[23,137,139],{"className":25,"code":138,"language":27,"meta":28,"style":28},"\u003C!--@@ include .\u002Fpartials\u002Ffooter.md @@-->\n",[30,140,141],{"__ignoreMap":28},[33,142,143],{"class":35,"line":36},[33,144,138],{},[14,146,147,148,151,152,155],{},"Use ",[30,149,150],{},"\u002F* *\u002F"," for inline comments in one-line blocks (not ",[30,153,154],{},"\u002F\u002F",", which ends at newline).",[18,157,159],{"id":158},"what-goes-inside","What goes inside",[161,162,163,176],"table",{},[164,165,166],"thead",{},[167,168,169,173],"tr",{},[170,171,172],"th",{},"Category",[170,174,175],{},"Examples",[177,178,179,195,211,229],"tbody",{},[167,180,181,185],{},[182,183,184],"td",{},"Declarations",[182,186,187,190,191,194],{},[30,188,189],{},"const",", ",[30,192,193],{},"let",", reassignment",[167,196,197,200],{},[182,198,199],{},"Includes",[182,201,202,190,205,190,208],{},[30,203,204],{},"include",[30,206,207],{},"component … as",[30,209,210],{},"extend",[167,212,213,216],{},[182,214,215],{},"Control flow",[182,217,218,221,222,221,225,228],{},[30,219,220],{},"if"," \u002F ",[30,223,224],{},"else",[30,226,227],{},"each"," (structural — wrap Markdown body)",[167,230,231,234],{},[182,232,233],{},"Loops",[182,235,236,190,239],{},[30,237,238],{},"for (…)",[30,240,241],{},"do … while",[14,243,244,245,249,250,253],{},"See ",[246,247,184],"a",{"href":248},"\u002Fen\u002Fsyntax\u002Fdeclarations"," and ",[246,251,215],{"href":252},"\u002Fen\u002Fsyntax\u002Fcontrol-flow",".",[18,255,257],{"id":256},"code-fences-are-ignored","Code fences are ignored",[14,259,260,261,265],{},"Hyogen blocks inside fenced code blocks are ",[262,263,264],"strong",{},"not"," executed:",[23,267,269],{"className":25,"code":268,"language":27,"meta":28,"style":28},"```html\n\u003C!-- @hg const x = 1 @endhg -->\n```\n",[30,270,271,276,281],{"__ignoreMap":28},[33,272,273],{"class":35,"line":36},[33,274,275],{},"```html\n",[33,277,278],{"class":35,"line":42},[33,279,280],{},"\u003C!-- @hg const x = 1 @endhg -->\n",[33,282,283],{"class":35,"line":48},[33,284,285],{},"```\n",[18,287,289],{"id":288},"output-preservation","Output preservation",[14,291,292,293,296],{},"By default, hyogen comment blocks are removed from output. Set ",[30,294,295],{},"preserveHgComments: true"," to keep them for debugging.",[18,298,300],{"id":299},"js-comments-inside-blocks","JS comments inside blocks",[23,302,304],{"className":25,"code":303,"language":27,"meta":28,"style":28},"\u003C!--\n@hg\n\n\u002F\u002F line comment\n\n\u002F* block comment *\u002F\n\n@endhg\n-->\n",[30,305,306,310,314,320,325,329,335,340,345],{"__ignoreMap":28},[33,307,308],{"class":35,"line":36},[33,309,39],{},[33,311,312],{"class":35,"line":42},[33,313,45],{},[33,315,316],{"class":35,"line":48},[33,317,319],{"emptyLinePlaceholder":318},true,"\n",[33,321,322],{"class":35,"line":54},[33,323,324],{},"\u002F\u002F line comment\n",[33,326,327],{"class":35,"line":60},[33,328,319],{"emptyLinePlaceholder":318},[33,330,332],{"class":35,"line":331},6,[33,333,334],{},"\u002F* block comment *\u002F\n",[33,336,338],{"class":35,"line":337},7,[33,339,319],{"emptyLinePlaceholder":318},[33,341,343],{"class":35,"line":342},8,[33,344,57],{},[33,346,348],{"class":35,"line":347},9,[33,349,63],{},[351,352,353],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .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);}",{"title":28,"searchDepth":42,"depth":42,"links":355},[356,357,358,359,360,361],{"id":20,"depth":42,"text":21},{"id":98,"depth":42,"text":99},{"id":158,"depth":42,"text":159},{"id":256,"depth":42,"text":257},{"id":288,"depth":42,"text":289},{"id":299,"depth":42,"text":300},"HTML comment blocks with @hg and @@ shorthand syntax.","md",{},"\u002Fsyntax\u002Fhg-blocks",{"title":5,"description":362},"syntax\u002Fhg-blocks","YWWyoadZ6aCHTMmlPCjH4DoXIwVvxWfmfdPt4-Y6e-k",1787223114914]