[{"data":1,"prerenderedAt":153},["ShallowReactive",2],{"$fpVxOVoXwIYxDyrE_flDyNFe38sZ_654mv5v5_UOihnk":3},{"slug":4,"title":5,"description":6,"pubDate":7,"tags":8,"tree":11},"hello-world","Hello World","Getting started with Comark and Nuxt UI.","2025-12-01",[9,10],"comark","nuxt",{"frontmatter":12,"meta":14,"nodes":15},{"title":5,"description":6,"pubDate":7,"tags":13},[9,10],{},[16,25,28,33,38,78,149],[17,18,19,20,24],"p",{},"Welcome to this blog powered by ",[21,22,23],"strong",{},"Comark"," and Nuxt UI!",[17,26,27],{},"Comark extends standard Markdown with component syntax, and it integrates seamlessly with Nuxt's server-first architecture.",[29,30,32],"alert",{"type":31},"info","This alert is rendered using a custom Comark component — no client-side JavaScript required.",[34,35,37],"h2",{"id":36},"why-comark-nuxt-ui","Why Comark + Nuxt UI?",[39,40,41,56,66,72],"ul",{},[42,43,44,47,48,52,53],"li",{},[21,45,46],{},"Server-rendered"," — Comark parses and renders on the server via ",[49,50,51],"code",{},"parse()"," and ",[49,54,55],{},"ComarkRenderer",[42,57,58,61,62,65],{},[21,59,60],{},"Static generation"," — Full SSG with ",[49,63,64],{},"nuxt generate"," for zero-latency delivery",[42,67,68,71],{},[21,69,70],{},"Component syntax"," — Embed custom components directly in your Markdown",[42,73,74,77],{},[21,75,76],{},"Nuxt UI"," — Beautiful prose components out of the box",[79,80,84],"pre",{"language":81,"class":82,"tabindex":83},"ts","shiki shiki-themes material-theme-lighter material-theme-palenight","0",[49,85,87,119,120,119,122,119,143],{"class":86},"language-ts",[88,89,92,96,100,104,107,110,113,116],"span",{"class":90,"style":91},"line","display: inline",[88,93,95],{"style":94},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic","import",[88,97,99],{"style":98},"color:#39ADB5;--shiki-dark:#89DDFF"," {",[88,101,103],{"style":102},"color:#90A4AE;--shiki-dark:#BABED8"," parse",[88,105,106],{"style":98}," }",[88,108,109],{"style":94}," from",[88,111,112],{"style":98}," '",[88,114,9],{"style":115},"color:#91B859;--shiki-dark:#C3E88D",[88,117,118],{"style":98},"'","\n",[88,121],{"class":90,"style":91},[88,123,124,128,131,134,137,140],{"class":90,"style":91},[88,125,127],{"style":126},"color:#9C3EDA;--shiki-dark:#C792EA","const",[88,129,130],{"style":102}," tree ",[88,132,133],{"style":98},"=",[88,135,136],{"style":94}," await",[88,138,103],{"style":139},"color:#6182B8;--shiki-dark:#82AAFF",[88,141,142],{"style":102},"(markdown)",[88,144,145],{"class":90,"style":91},[88,146,148],{"style":147},"color:#90A4AE;--shiki-light-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic","\u002F\u002F \u003CComarkRenderer :tree=\"tree\" \u002F>",[29,150,152],{"type":151},"success","You get the best of both worlds: Nuxt's static generation for performance and Comark for rich rendering.",1777478251000]