[{"data":1,"prerenderedAt":365},["ShallowReactive",2],{"content-en-\u002Fsyntax":3},{"id":4,"title":5,"body":6,"description":358,"extension":359,"meta":360,"navigation":262,"path":361,"seo":362,"stem":363,"__hash__":364},"content_en\u002Fsyntax\u002Findex.md","Template Syntax",{"type":7,"value":8,"toc":349},"minimark",[9,13,22,27,97,101,106,137,141,206,210,225,229,316,319,338,345],[10,11,5],"h1",{"id":12},"template-syntax",[14,15,16,17,21],"p",{},"hyogen.md extends Markdown with HTML-comment directives and Mustache-style expressions. Everything below is available in ",[18,19,20],"strong",{},"@b4moss\u002Fhyogen-md@0.10.0",".",[23,24,26],"h2",{"id":25},"two-layers","Two layers",[28,29,30,46],"table",{},[31,32,33],"thead",{},[34,35,36,40,43],"tr",{},[37,38,39],"th",{},"Layer",[37,41,42],{},"Where",[37,44,45],{},"What you can write",[47,48,49,71],"tbody",{},[34,50,51,57,68],{},[52,53,54],"td",{},[18,55,56],{},"Expressions",[52,58,59,63,64,67],{},[60,61,62],"code",{},"&#123;&#123; &#125;&#125;"," \u002F ",[60,65,66],{},"&#123;&#123;{ &#125;&#125;}"," in Markdown body",[52,69,70],{},"Expressions only — no statements",[34,72,73,78,87],{},[52,74,75],{},[18,76,77],{},"Logic blocks",[52,79,80,83,84],{},[60,81,82],{},"\u003C!-- @hg … @endhg -->"," or ",[60,85,86],{},"\u003C!--@@ … @@-->",[52,88,89,90,63,93,96],{},"Declarations, includes, ",[60,91,92],{},"if",[60,94,95],{},"each",", and more",[23,98,100],{"id":99},"topics","Topics",[102,103,105],"h3",{"id":104},"data-and-output","Data and output",[107,108,109,118,127],"ul",{},[110,111,112,117],"li",{},[113,114,116],"a",{"href":115},"\u002Fen\u002Fsyntax\u002Ffront-matter","Front matter"," — YAML metadata and component props",[110,119,120,123,124,126],{},[113,121,56],{"href":122},"\u002Fen\u002Fsyntax\u002Fexpressions"," — ",[60,125,62],{},", defaults, ternary",[110,128,129,123,133,136],{},[113,130,132],{"href":131},"\u002Fen\u002Fsyntax\u002Fmethods","Methods",[60,134,135],{},".toLocaleString"," and allowed calls",[102,138,140],{"id":139},"blocks-and-directives","Blocks and directives",[107,142,143,160,174,193],{},[110,144,145,123,149,63,152,155,156,159],{},[113,146,148],{"href":147},"\u002Fen\u002Fsyntax\u002Fhg-blocks","Hyogen blocks",[60,150,151],{},"@hg",[60,153,154],{},"@endhg"," and ",[60,157,158],{},"@@"," shorthand",[110,161,162,123,166,169,170,173],{},[113,163,165],{"href":164},"\u002Fen\u002Fsyntax\u002Fdeclarations","Declarations",[60,167,168],{},"const",", ",[60,171,172],{},"let",", reassignment",[110,175,176,123,180,169,183,169,186,189,190],{},[113,177,179],{"href":178},"\u002Fen\u002Fsyntax\u002Fincludes","Includes and components",[60,181,182],{},"include",[60,184,185],{},"component … as",[60,187,188],{},"extend"," + ",[60,191,192],{},"block",[110,194,195,123,199,63,201,63,204],{},[113,196,198],{"href":197},"\u002Fen\u002Fsyntax\u002Fcontrol-flow","Control flow",[60,200,92],{},[60,202,203],{},"else",[60,205,95],{},[102,207,209],{"id":208},"safety","Safety",[107,211,212],{},[110,213,214,123,218,169,221,224],{},[113,215,217],{"href":216},"\u002Fen\u002Fsyntax\u002Fpaths-and-security","Paths and security",[60,219,220],{},".doc_root",[60,222,223],{},"_"," partials, XSS notes",[23,226,228],{"id":227},"minimal-example","Minimal example",[230,231,236],"pre",{"className":232,"code":233,"language":234,"meta":235,"style":235},"language-markdown shiki shiki-themes github-light github-dark","---\ntitle: Greeting\n---\n\n# {{ title }}\n\n\u003C!--\n@hg\nconst name = \"world\"\n@endhg\n-->\n\nHello {{ name | \"stranger\" }}!\n","markdown","",[60,237,238,246,252,257,264,270,275,281,287,293,299,305,310],{"__ignoreMap":235},[239,240,243],"span",{"class":241,"line":242},"line",1,[239,244,245],{},"---\n",[239,247,249],{"class":241,"line":248},2,[239,250,251],{},"title: Greeting\n",[239,253,255],{"class":241,"line":254},3,[239,256,245],{},[239,258,260],{"class":241,"line":259},4,[239,261,263],{"emptyLinePlaceholder":262},true,"\n",[239,265,267],{"class":241,"line":266},5,[239,268,269],{},"# {{ title }}\n",[239,271,273],{"class":241,"line":272},6,[239,274,263],{"emptyLinePlaceholder":262},[239,276,278],{"class":241,"line":277},7,[239,279,280],{},"\u003C!--\n",[239,282,284],{"class":241,"line":283},8,[239,285,286],{},"@hg\n",[239,288,290],{"class":241,"line":289},9,[239,291,292],{},"const name = \"world\"\n",[239,294,296],{"class":241,"line":295},10,[239,297,298],{},"@endhg\n",[239,300,302],{"class":241,"line":301},11,[239,303,304],{},"-->\n",[239,306,308],{"class":241,"line":307},12,[239,309,263],{"emptyLinePlaceholder":262},[239,311,313],{"class":241,"line":312},13,[239,314,315],{},"Hello {{ name | \"stranger\" }}!\n",[14,317,318],{},"Rendered:",[230,320,322],{"className":232,"code":321,"language":234,"meta":235,"style":235},"# Greeting\n\nHello world!\n",[60,323,324,329,333],{"__ignoreMap":235},[239,325,326],{"class":241,"line":242},[239,327,328],{},"# Greeting\n",[239,330,331],{"class":241,"line":248},[239,332,263],{"emptyLinePlaceholder":262},[239,334,335],{"class":241,"line":254},[239,336,337],{},"Hello world!\n",[14,339,340,341,21],{},"Try it in the ",[113,342,344],{"href":343},"\u002Fplayground","Playground",[346,347,348],"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":235,"searchDepth":248,"depth":248,"links":350},[351,352,357],{"id":25,"depth":248,"text":26},{"id":99,"depth":248,"text":100,"children":353},[354,355,356],{"id":104,"depth":254,"text":105},{"id":139,"depth":254,"text":140},{"id":208,"depth":254,"text":209},{"id":227,"depth":248,"text":228},"hyogen.md template syntax — expressions, blocks, includes, and control flow.","md",{},"\u002Fsyntax",{"title":5,"description":358},"syntax\u002Findex","PX520D9ne0EJl3a_ub4N2EcTZjSfhoWcsXEgURGdI8g",1787223114794]