[{"data":1,"prerenderedAt":127},["ShallowReactive",2],{"i18n-slugs:\u002Fen\u002Fblog\u002Fblog-3":3,"page:en:blog:blog-3":87},{"id":4,"title":5,"body":6,"description":17,"extension":73,"meta":74,"navigation":75,"path":76,"seo":77,"stem":85,"__hash__":86},"page\u002Fen\u002Fblog\u002Fblog-3.md","Rendering Markdown Components",{"type":7,"value":8,"toc":70},"minimark",[9,14,18,63,66],[10,11,13],"h1",{"id":12},"markdown-components","Markdown Components",[15,16,17],"p",{},"Combine Markdown with Vue components to unlock powerful layouts.",[19,20,25],"pre",{"className":21,"code":22,"language":23,"meta":24,"style":24},"language-vue shiki shiki-themes github-light github-dark","\u003CMarkdownRenderer :data=\"post.content\" \u002F>\n","vue","",[26,27,28],"code",{"__ignoreMap":24},[29,30,33,37,41,44,48,51,55,58,60],"span",{"class":31,"line":32},"line",1,[29,34,36],{"class":35},"sVt8B","\u003C",[29,38,40],{"class":39},"s9eBZ","MarkdownRenderer",[29,42,43],{"class":35}," :",[29,45,47],{"class":46},"sScJk","data",[29,49,50],{"class":35},"=",[29,52,54],{"class":53},"sZZnC","\"",[29,56,57],{"class":35},"post.content",[29,59,54],{"class":53},[29,61,62],{"class":35}," \u002F>\n",[15,64,65],{},"Add callouts, cards, or diagrams without leaving your Markdown files.",[67,68,69],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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":24,"searchDepth":71,"depth":71,"links":72},2,[],"md",{},true,"\u002Fen\u002Fblog\u002Fblog-3",{"title":5,"name":78,"description":79,"canonical":80,"image":81,"type":82,"twitterHandle":83,"locale":84},"Nuxt Base Project","Learn how to enhance Markdown with custom Vue components for richer, interactive content in your Nuxt application.","https:\u002F\u002Fnuxt.2na8.dev\u002Fen\u002Fnews\u002Fblog-3","\u002Fimages\u002Fshare\u002Fblog-3.jpg","article","@2na8","en_US","en\u002Fblog\u002Fblog-3","Vs5nI-uKUGdvBD46kp7ssnekMFdvLTUUaPTMbyio7L0",[88],{"id":4,"title":5,"body":89,"description":17,"extension":73,"meta":125,"navigation":75,"path":76,"seo":126,"stem":85,"__hash__":86},{"type":7,"value":90,"toc":123},[91,93,95,119,121],[10,92,13],{"id":12},[15,94,17],{},[19,96,97],{"className":21,"code":22,"language":23,"meta":24,"style":24},[26,98,99],{"__ignoreMap":24},[29,100,101,103,105,107,109,111,113,115,117],{"class":31,"line":32},[29,102,36],{"class":35},[29,104,40],{"class":39},[29,106,43],{"class":35},[29,108,47],{"class":46},[29,110,50],{"class":35},[29,112,54],{"class":53},[29,114,57],{"class":35},[29,116,54],{"class":53},[29,118,62],{"class":35},[15,120,65],{},[67,122,69],{},{"title":24,"searchDepth":71,"depth":71,"links":124},[],{},{"title":5,"name":78,"description":79,"canonical":80,"image":81,"type":82,"twitterHandle":83,"locale":84},1778618128328]