[{"data":1,"prerenderedAt":197},["ShallowReactive",2],{"$fANXg9hz8gBIyuMuhtlRroADmtE2eeBIqdWCC0zRZFfU":3},{"slug":4,"title":5,"description":6,"pubDate":7,"tags":8,"tree":12},"comark-syntax","Comark Syntax Guide","A quick tour of what you can do with Comark's component syntax.","2025-12-15",[9,10,11],"comark","syntax","components",{"frontmatter":13,"meta":15,"nodes":16},{"title":5,"description":6,"pubDate":7,"tags":14},[9,10,11],{},[17,26,31,52,55,62,67,71,74,93,102,106,109,178,182,186],[18,19,20,21,25],"p",{},"Comark is ",[22,23,24],"strong",{},"Components in Markdown"," — it extends standard Markdown with a powerful component syntax.",[27,28,30],"h2",{"id":29},"inline-formatting","Inline formatting",[18,32,33,34,37,38,37,42,45,46,51],{},"You can use all the usual Markdown formatting: ",[22,35,36],{},"bold",", ",[39,40,41],"em",{},"italic",[43,44,43],"code",{},", and ",[47,48,50],"a",{"href":49},"https:\u002F\u002Fcomark.dev","links",".",[27,53,54],{"id":11},"Components",[18,56,57,58,61],{},"Components use the ",[43,59,60],{},"::"," syntax. They can have attributes and children:",[63,64,66],"alert",{"type":65},"warning","Pay attention to the double-colon syntax — it's how Comark identifies components.",[27,68,70],{"id":69},"lists","Lists",[18,72,73],{},"Comark handles lists, of course:",[75,76,77,81,87],"ul",{},[78,79,80],"li",{},"First item",[78,82,83,84,86],{},"Second item with ",[22,85,36],{}," text",[78,88,89,90],{},"Third item with ",[43,91,92],{},"inline code",[94,95,96,99],"ol",{},[78,97,98],{},"Numbered items work too",[78,100,101],{},"With full Markdown support inside",[27,103,105],{"id":104},"code-blocks","Code blocks",[18,107,108],{},"Syntax highlighting works out of the box:",[110,111,115],"pre",{"language":112,"class":113,"tabindex":114},"js","shiki shiki-themes material-theme-lighter material-theme-palenight","0",[43,116,118,145,146,145,174],{"class":117},"language-js",[119,120,123,127,131,135,139,142],"span",{"class":121,"style":122},"line","display: inline",[119,124,126],{"style":125},"color:#9C3EDA;--shiki-dark:#C792EA","function",[119,128,130],{"style":129},"color:#6182B8;--shiki-dark:#82AAFF"," greet",[119,132,134],{"style":133},"color:#39ADB5;--shiki-dark:#89DDFF","(",[119,136,138],{"style":137},"color:#90A4AE;--shiki-light-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic","name",[119,140,141],{"style":133},")",[119,143,144],{"style":133}," {","\n",[119,147,148,152,155,159,162,165,168,171],{"class":121,"style":122},[119,149,151],{"style":150},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic","  return",[119,153,154],{"style":133}," `",[119,156,158],{"style":157},"color:#91B859;--shiki-dark:#C3E88D","Hello, ",[119,160,161],{"style":133},"${",[119,163,138],{"style":164},"color:#90A4AE;--shiki-dark:#BABED8",[119,166,167],{"style":133},"}",[119,169,170],{"style":157},"!",[119,172,173],{"style":133},"`",[119,175,176],{"class":121,"style":122},[119,177,167],{"style":133},[27,179,181],{"id":180},"block-quotes","Block quotes",[183,184,185],"blockquote",{},"Comark makes Markdown more powerful without sacrificing simplicity.",[63,187,189,190,192,193,196],{"type":188},"danger","Don't forget to close your components with ",[43,191,60],{}," — otherwise ",[43,194,195],{},"autoClose"," will handle it for you!",1777478251000]