[{"data":1,"prerenderedAt":1476},["ShallowReactive",2],{"navigation_examples":3,"navigation_docs":120,"-plugins-defaults-alert":365,"-plugins-defaults-alert-surround":1471},[4],{"title":5,"path":6,"stem":7,"children":8,"page":39},"Examples","\u002Fexamples","examples",[9,40,69,110],{"title":10,"path":11,"stem":12,"children":13,"page":39},"Frameworks","\u002Fexamples\u002Fframeworks","examples\u002F1.frameworks",[14,19,24,29,34],{"title":15,"path":16,"stem":17,"icon":18},"Astro","\u002Fexamples\u002Fframeworks\u002Fastro","examples\u002F1.frameworks\u002Fastro\u002FREADME","i-simple-icons:astro",{"title":20,"path":21,"stem":22,"icon":23},"Next.js","\u002Fexamples\u002Fframeworks\u002Fnextjs","examples\u002F1.frameworks\u002Fnextjs\u002FREADME","i-simple-icons:nextdotjs",{"title":25,"path":26,"stem":27,"icon":28},"Nuxt","\u002Fexamples\u002Fframeworks\u002Fnuxt-ui","examples\u002F1.frameworks\u002Fnuxt\u002FREADME","i-simple-icons-nuxt",{"title":30,"path":31,"stem":32,"icon":33},"SvelteKit","\u002Fexamples\u002Fframeworks\u002Fsveltekit","examples\u002F1.frameworks\u002Fsveltekit\u002FREADME","i-simple-icons-svelte",{"title":35,"path":36,"stem":37,"icon":38},"VitePress","\u002Fexamples\u002Fframeworks\u002Fvitepress","examples\u002F1.frameworks\u002Fvitepress\u002FREADME","i-simple-icons-vitepress",false,{"title":41,"path":42,"stem":43,"children":44,"page":39},"Vite","\u002Fexamples\u002Fvite","examples\u002F2.vite",[45,50,55,60,64],{"title":46,"path":47,"stem":48,"icon":49},"Angular","\u002Fexamples\u002Fvite\u002Fangular","examples\u002F2.vite\u002Fangular\u002FREADME","i-simple-icons-angular",{"title":51,"path":52,"stem":53,"icon":54},"HTML Preview","\u002Fexamples\u002Fvite\u002Fhtml","examples\u002F2.vite\u002Fhtml\u002FREADME","i-lucide-file-code",{"title":56,"path":57,"stem":58,"icon":59},"React","\u002Fexamples\u002Fvite\u002Freact","examples\u002F2.vite\u002Freact\u002FREADME","i-simple-icons-react",{"title":61,"path":62,"stem":63,"icon":33},"Svelte","\u002Fexamples\u002Fvite\u002Fsvelte","examples\u002F2.vite\u002Fsvelte\u002FREADME",{"title":65,"path":66,"stem":67,"icon":68},"Vue","\u002Fexamples\u002Fvite\u002Fvue","examples\u002F2.vite\u002Fvue\u002FREADME","i-simple-icons-vuedotjs",{"title":70,"path":71,"stem":72,"children":73,"page":39},"Plugins","\u002Fexamples\u002Fplugins","examples\u002F3.plugins",[74,79,84,89,94,99,102,105],{"title":75,"path":76,"stem":77,"icon":78},"Math formulas","\u002Fexamples\u002Fplugins\u002Freact-vite-math","examples\u002F3.plugins\u002Freact-vite-math\u002FREADME","i-lucide-calculator",{"title":80,"path":81,"stem":82,"icon":83},"Mermaid diagrams","\u002Fexamples\u002Fplugins\u002Freact-vite-mermaid","examples\u002F3.plugins\u002Freact-vite-mermaid\u002FREADME","i-simple-icons-mermaid",{"title":85,"path":86,"stem":87,"icon":88},"Binding (frontmatter + data)","\u002Fexamples\u002Fplugins\u002Fvue-vite-binding","examples\u002F3.plugins\u002Fvue-vite-binding\u002FREADME","i-lucide-replace",{"title":90,"path":91,"stem":92,"icon":93},"Syntax Highlighting","\u002Fexamples\u002Fplugins\u002Fvue-vite-highlight","examples\u002F3.plugins\u002Fvue-vite-highlight\u002FREADME","i-lucide-code",{"title":95,"path":96,"stem":97,"icon":98},"JSON Render","\u002Fexamples\u002Fplugins\u002Fvue-vite-json-render","examples\u002F3.plugins\u002Fvue-vite-json-render\u002FREADME","i-lucide-braces",{"title":75,"path":100,"stem":101,"icon":78},"\u002Fexamples\u002Fplugins\u002Fvue-vite-math","examples\u002F3.plugins\u002Fvue-vite-math\u002FREADME",{"title":80,"path":103,"stem":104,"icon":83},"\u002Fexamples\u002Fplugins\u002Fvue-vite-mermaid","examples\u002F3.plugins\u002Fvue-vite-mermaid\u002FREADME",{"title":106,"path":107,"stem":108,"icon":109},"Punctuation","\u002Fexamples\u002Fplugins\u002Fvue-vite-punctuation","examples\u002F3.plugins\u002Fvue-vite-punctuation\u002FREADME","i-lucide-quote",{"title":111,"path":112,"stem":113,"children":114,"page":39},"Ai","\u002Fexamples\u002Fai","examples\u002F4.ai",[115],{"title":116,"path":117,"stem":118,"icon":119},"AI SDK","\u002Fexamples\u002Fai\u002Fnuxt-ai-sdk","examples\u002F4.ai\u002Fnuxt-ai-sdk\u002FREADME","i-simple-icons-vercel",[121,138,159,188,302,323,344],{"title":122,"path":123,"stem":124,"children":125,"page":39},"Getting Started","\u002Fgetting-started","1.getting-started",[126,130,134],{"title":127,"path":128,"stem":129},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F0.introduction",{"title":131,"path":132,"stem":133},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F1.installation",{"title":135,"path":136,"stem":137},"Document","\u002Fgetting-started\u002Fdocument-model","1.getting-started\u002F2.document-model",{"title":139,"path":140,"stem":141,"children":142,"page":39},"Syntax","\u002Fsyntax","2.syntax",[143,147,151,155],{"title":144,"path":145,"stem":146},"Markdown","\u002Fsyntax\u002Fmarkdown","2.syntax\u002F1.markdown",{"title":148,"path":149,"stem":150},"Components","\u002Fsyntax\u002Fcomponents","2.syntax\u002F2.components",{"title":152,"path":153,"stem":154},"Attributes","\u002Fsyntax\u002Fattributes","2.syntax\u002F3.attributes",{"title":156,"path":157,"stem":158},"Frontmatter","\u002Fsyntax\u002Ffrontmatter","2.syntax\u002F4.frontmatter",{"title":160,"path":161,"stem":162,"children":163,"page":39},"Rendering","\u002Frendering","3.rendering",[164,168,171,174,177,180,183],{"title":165,"path":166,"stem":167,"icon":54},"HTML","\u002Frendering\u002Fhtml","3.rendering\u002F2.html",{"title":65,"path":169,"stem":170,"icon":68},"\u002Frendering\u002Fvue","3.rendering\u002F3.vue",{"title":25,"path":172,"stem":173,"icon":28},"\u002Frendering\u002Fnuxt","3.rendering\u002F4.nuxt",{"title":56,"path":175,"stem":176,"icon":59},"\u002Frendering\u002Freact","3.rendering\u002F5.react",{"title":61,"path":178,"stem":179,"icon":33},"\u002Frendering\u002Fsvelte","3.rendering\u002F6.svelte",{"title":46,"path":181,"stem":182,"icon":49},"\u002Frendering\u002Fangular","3.rendering\u002F7.angular",{"title":184,"path":185,"stem":186,"icon":187},"ANSI (Terminal)","\u002Frendering\u002Fansi","3.rendering\u002F8.ansi","i-lucide-terminal",{"title":70,"icon":189,"path":190,"stem":191,"children":192,"page":39},"i-lucide-plug","\u002Fplugins","4.plugins",[193,224,285],{"title":194,"path":195,"stem":196,"children":197,"page":39},"Defaults","\u002Fplugins\u002Fdefaults","4.plugins\u002F0.defaults",[198,203,207,211,215,219],{"title":199,"path":200,"stem":201,"icon":202},"Alerts","\u002Fplugins\u002Fdefaults\u002Falert","4.plugins\u002F0.defaults\u002Falert","i-lucide-bell",{"title":152,"path":204,"stem":205,"icon":206},"\u002Fplugins\u002Fdefaults\u002Fattributes","4.plugins\u002F0.defaults\u002Fattributes","i-lucide-tag",{"title":148,"path":208,"stem":209,"icon":210},"\u002Fplugins\u002Fdefaults\u002Fcomponents","4.plugins\u002F0.defaults\u002Fcomponents","i-lucide-component",{"title":156,"path":212,"stem":213,"icon":214},"\u002Fplugins\u002Fdefaults\u002Ffrontmatter","4.plugins\u002F0.defaults\u002Ffrontmatter","i-lucide-file-spreadsheet",{"title":165,"path":216,"stem":217,"icon":218},"\u002Fplugins\u002Fdefaults\u002Fhtml","4.plugins\u002F0.defaults\u002Fhtml","i-lucide-code-xml",{"title":220,"path":221,"stem":222,"icon":223},"Task List","\u002Fplugins\u002Fdefaults\u002Ftask-list","4.plugins\u002F0.defaults\u002Ftask-list","i-lucide-check-square",{"title":225,"path":226,"stem":227,"children":228,"page":39},"Built-in","\u002Fplugins\u002Fbuilt-in","4.plugins\u002F1.built-in",[229,233,238,243,248,253,256,260,264,267,272,277,280],{"title":230,"path":231,"stem":232,"icon":88},"Binding","\u002Fplugins\u002Fbuilt-in\u002Fbinding","4.plugins\u002F1.built-in\u002Fbinding",{"title":234,"path":235,"stem":236,"icon":237},"Breaks","\u002Fplugins\u002Fbuilt-in\u002Fbreaks","4.plugins\u002F1.built-in\u002Fbreaks","i-lucide-corner-down-left",{"title":239,"path":240,"stem":241,"icon":242},"Emoji","\u002Fplugins\u002Fbuilt-in\u002Femoji","4.plugins\u002F1.built-in\u002Femoji","i-lucide-smile",{"title":244,"path":245,"stem":246,"icon":247},"Footnotes","\u002Fplugins\u002Fbuilt-in\u002Ffootnotes","4.plugins\u002F1.built-in\u002Ffootnotes","i-lucide-footprints",{"title":249,"path":250,"stem":251,"icon":252},"Headings","\u002Fplugins\u002Fbuilt-in\u002Fheadings","4.plugins\u002F1.built-in\u002Fheadings","i-lucide-heading",{"title":95,"path":254,"stem":255,"icon":98},"\u002Fplugins\u002Fbuilt-in\u002Fjson-render","4.plugins\u002F1.built-in\u002Fjson-render",{"title":257,"path":258,"stem":259,"icon":78},"Mathematics","\u002Fplugins\u002Fbuilt-in\u002Fmath","4.plugins\u002F1.built-in\u002Fmath",{"title":261,"path":262,"stem":263,"icon":83},"Mermaid Diagrams","\u002Fplugins\u002Fbuilt-in\u002Fmermaid","4.plugins\u002F1.built-in\u002Fmermaid",{"title":106,"path":265,"stem":266,"icon":109},"\u002Fplugins\u002Fbuilt-in\u002Fpunctuation","4.plugins\u002F1.built-in\u002Fpunctuation",{"title":268,"path":269,"stem":270,"icon":271},"Security","\u002Fplugins\u002Fbuilt-in\u002Fsecurity","4.plugins\u002F1.built-in\u002Fsecurity","i-lucide-shield-check",{"title":273,"path":274,"stem":275,"icon":276},"Summary Extraction","\u002Fplugins\u002Fbuilt-in\u002Fsummary","4.plugins\u002F1.built-in\u002Fsummary","i-lucide-file-text",{"title":90,"path":278,"stem":279,"icon":93},"\u002Fplugins\u002Fbuilt-in\u002Fsyntax-highlight","4.plugins\u002F1.built-in\u002Fsyntax-highlight",{"title":281,"path":282,"stem":283,"icon":284},"Table of Contents","\u002Fplugins\u002Fbuilt-in\u002Ftoc","4.plugins\u002F1.built-in\u002Ftoc","i-lucide-list",{"title":286,"path":287,"stem":288,"children":289,"page":39},"Custom","\u002Fplugins\u002Fcustom","4.plugins\u002F2.custom",[290,294,298],{"title":291,"path":292,"stem":293},"Plugin API","\u002Fplugins\u002Fcustom\u002Fplugin-api","4.plugins\u002F2.custom\u002F1.plugin-api",{"title":295,"path":296,"stem":297},"AST API","\u002Fplugins\u002Fcustom\u002Fast-api","4.plugins\u002F2.custom\u002F2.ast-api",{"title":299,"path":300,"stem":301},"Markdown-it","\u002Fplugins\u002Fcustom\u002Fmarkdown-it","4.plugins\u002F2.custom\u002F3.markdown-it",{"title":303,"path":304,"stem":305,"children":306,"page":39},"API Reference","\u002Fapi","5.api",[307,311,315,319],{"title":308,"path":309,"stem":310},"Render API","\u002Fapi\u002Frender","5.api\u002F0.render",{"title":312,"path":313,"stem":314},"Parse API","\u002Fapi\u002Fparse","5.api\u002F1.parse",{"title":316,"path":317,"stem":318},"Streaming API","\u002Fapi\u002Fauto-close","5.api\u002F2.auto-close",{"title":320,"path":321,"stem":322},"Cheat Sheet","\u002Fapi\u002Freference","5.api\u002F3.reference",{"title":324,"path":325,"stem":326,"children":327,"page":39},"Comparisons","\u002Fcompare","6.compare",[328,332,336,340],{"title":329,"path":330,"stem":331},"Comark vs MDX","\u002Fcompare\u002Fcomark-vs-mdx","6.compare\u002F1.comark-vs-mdx",{"title":333,"path":334,"stem":335},"Comark vs react-markdown","\u002Fcompare\u002Fcomark-vs-react-markdown","6.compare\u002F2.comark-vs-react-markdown",{"title":337,"path":338,"stem":339},"Comark vs Streamdown","\u002Fcompare\u002Fcomark-vs-streamdown","6.compare\u002F3.comark-vs-streamdown",{"title":341,"path":342,"stem":343},"Comark vs Markdoc","\u002Fcompare\u002Fcomark-vs-markdoc","6.compare\u002F4.comark-vs-markdoc",{"title":345,"path":346,"stem":347,"children":348,"page":39},"Knowledge Base","\u002Fkb","7.kb",[349,353,357,361],{"title":350,"path":351,"stem":352},"Why Comark?","\u002Fkb\u002Fwhy-comark","7.kb\u002F0.why-comark",{"title":354,"path":355,"stem":356},"Migration from MDC","\u002Fkb\u002Fmigration-from-mdc","7.kb\u002F2.migration-from-mdc",{"title":358,"path":359,"stem":360},"Migration from MDX","\u002Fkb\u002Fmigration-from-mdx","7.kb\u002F3.migration-from-mdx",{"title":362,"path":363,"stem":364},"Twoslash","\u002Fkb\u002Ftwoslash","7.kb\u002F4.twoslash",{"id":366,"title":199,"body":367,"description":1452,"extension":1453,"links":1454,"meta":1460,"navigation":1468,"path":200,"seo":1469,"stem":201,"__hash__":1470},"docs\u002F4.plugins\u002F0.defaults\u002Falert.md",{"type":368,"value":369,"toc":1439},"minimark",[370,374,382,387,390,507,516,521,525,529,533,537,540,544,549,637,641,644,704,706,710,723,832,847,851,854,1397,1407,1409,1413],[371,372,373],"p",{},"The alerts plugin transforms GitHub-flavored alert blockquotes into styled callout blocks with icons and colors, identical to how GitHub renders them in READMEs and issues.",[371,375,376,377,381],{},"The plugin is ",[378,379,380],"strong",{},"built-in and enabled by default",". No installation or registration required.",[383,384,386],"h2",{"id":385},"usage","Usage",[371,388,389],{},"Alerts use standard blockquote syntax with a special marker on the first line:",[391,392,395],"pre",{"language":393,"class":394},"mdc","shiki shiki-themes material-theme-lighter material-theme-palenight",[396,397,399,419,420,419,427,419,429,419,440,419,447,419,449,419,460,419,467,419,469,419,480,419,487,419,489,419,500],"code",{"class":398},"language-mdc",[400,401,404,408,412,416],"span",{"class":402,"style":403},"line","display: inline",[400,405,407],{"style":406},"color:#FF5370;--shiki-light-font-style:italic;--shiki-dark:#FF9CAC;--shiki-dark-font-style:italic",">",[400,409,411],{"style":410},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic"," [",[400,413,415],{"style":414},"color:#91B859;--shiki-light-font-style:italic;--shiki-dark:#C3E88D;--shiki-dark-font-style:italic","!NOTE",[400,417,418],{"style":410},"]","\n",[400,421,422,424],{"class":402,"style":403},[400,423,407],{"style":406},[400,425,426],{"style":410}," Useful information that users should know, even when skimming content.",[400,428],{"class":402,"style":403},[400,430,431,433,435,438],{"class":402,"style":403},[400,432,407],{"style":406},[400,434,411],{"style":410},[400,436,437],{"style":414},"!TIP",[400,439,418],{"style":410},[400,441,442,444],{"class":402,"style":403},[400,443,407],{"style":406},[400,445,446],{"style":410}," Helpful advice for doing things better or more easily.",[400,448],{"class":402,"style":403},[400,450,451,453,455,458],{"class":402,"style":403},[400,452,407],{"style":406},[400,454,411],{"style":410},[400,456,457],{"style":414},"!IMPORTANT",[400,459,418],{"style":410},[400,461,462,464],{"class":402,"style":403},[400,463,407],{"style":406},[400,465,466],{"style":410}," Key information users need to know to achieve their goal.",[400,468],{"class":402,"style":403},[400,470,471,473,475,478],{"class":402,"style":403},[400,472,407],{"style":406},[400,474,411],{"style":410},[400,476,477],{"style":414},"!WARNING",[400,479,418],{"style":410},[400,481,482,484],{"class":402,"style":403},[400,483,407],{"style":406},[400,485,486],{"style":410}," Urgent info that needs immediate user attention to avoid problems.",[400,488],{"class":402,"style":403},[400,490,491,493,495,498],{"class":402,"style":403},[400,492,407],{"style":406},[400,494,411],{"style":410},[400,496,497],{"style":414},"!CAUTION",[400,499,418],{"style":410},[400,501,502,504],{"class":402,"style":403},[400,503,407],{"style":406},[400,505,506],{"style":410}," Advises about risks or negative outcomes of certain actions.",[371,508,509,510,515],{},"The plugin tags the blockquote in the AST and leaves the visuals to your renderer: map each alert type to your own component (",[511,512,514],"a",{"href":513},"#custom-components","see below",") or style the plain output with CSS. On this site, alert types are mapped to callout components and render as:",[517,518,520],"blockquote",{"as":519},"note","Useful information that users should know, even when skimming content.",[517,522,524],{"as":523},"tip","Helpful advice for doing things better or more easily.",[517,526,528],{"as":527},"important","Key information users need to know to achieve their goal.",[517,530,532],{"as":531},"warning","Urgent info that needs immediate user attention to avoid problems.",[517,534,536],{"as":535},"caution","Advises about risks or negative outcomes of certain actions.",[538,539],"hr",{},[383,541,543],{"id":542},"features","Features",[545,546,548],"h3",{"id":547},"features-alert-types","Alert Types",[550,551,552,568],"table",{},[553,554,555],"thead",{},[556,557,558,562,565],"tr",{},[559,560,561],"th",{},"Marker",[559,563,564],{},"Color",[559,566,567],{},"Use for",[569,570,571,585,598,611,624],"tbody",{},[556,572,573,579,582],{},[574,575,576],"td",{},[396,577,578],{},"[!NOTE]",[574,580,581],{},"Blue",[574,583,584],{},"Supplementary information",[556,586,587,592,595],{},[574,588,589],{},[396,590,591],{},"[!TIP]",[574,593,594],{},"Green",[574,596,597],{},"Helpful hints and best practices",[556,599,600,605,608],{},[574,601,602],{},[396,603,604],{},"[!IMPORTANT]",[574,606,607],{},"Purple",[574,609,610],{},"Critical information for success",[556,612,613,618,621],{},[574,614,615],{},[396,616,617],{},"[!WARNING]",[574,619,620],{},"Yellow",[574,622,623],{},"Potential issues and gotchas",[556,625,626,631,634],{},[574,627,628],{},[396,629,630],{},"[!CAUTION]",[574,632,633],{},"Red",[574,635,636],{},"Dangerous actions or destructive operations",[545,638,640],{"id":639},"features-multi-line-content","Multi-line Content",[371,642,643],{},"Alerts can span multiple lines and contain inline markdown:",[391,645,646],{"language":393,"class":394},[396,647,648,419,658,419,687],{"class":398},[400,649,650,652,654,656],{"class":402,"style":403},[400,651,407],{"style":406},[400,653,411],{"style":410},[400,655,477],{"style":414},[400,657,418],{"style":410},[400,659,660,662,666,670,673,676,679,682,684],{"class":402,"style":403},[400,661,407],{"style":406},[400,663,665],{"style":664},"color:#39ADB5;--shiki-light-font-weight:bold;--shiki-dark:#89DDFF;--shiki-dark-font-weight:bold"," **",[400,667,669],{"style":668},"color:#E53935;--shiki-light-font-weight:bold;--shiki-dark:#F07178;--shiki-dark-font-weight:bold","Breaking change",[400,671,672],{"style":664},"**",[400,674,675],{"style":410}," in v2.0: the ",[400,677,678],{"style":410},"`",[400,680,681],{"style":414},"parseMarkdown()",[400,683,678],{"style":410},[400,685,686],{"style":410}," function is now async.",[400,688,689,691,694,696,699,701],{"class":402,"style":403},[400,690,407],{"style":406},[400,692,693],{"style":410}," Update all call sites to use ",[400,695,678],{"style":410},[400,697,698],{"style":414},"await parseMarkdown(...)",[400,700,678],{"style":410},[400,702,703],{"style":410},".",[538,705],{},[383,707,709],{"id":708},"how-it-works","How It Works",[371,711,712,713,715,716,719,720,722],{},"The plugin transforms the alert blockquote in the AST: the ",[396,714,578],{}," marker is removed and an ",[396,717,718],{},"as"," attribute is added to the ",[396,721,517],{}," node.",[391,724,726],{"language":725,"class":394},"ts",[396,727,729,419,758,419,760,419,786,419,796,419,798,419,816,419,822,419,827],{"class":728},"language-ts",[400,730,731,734,738,742,745,748,751,755],{"class":402,"style":403},[400,732,733],{"style":410},"import",[400,735,737],{"style":736},"color:#39ADB5;--shiki-dark:#89DDFF"," {",[400,739,741],{"style":740},"color:#90A4AE;--shiki-dark:#BABED8"," parseMarkdown",[400,743,744],{"style":736}," }",[400,746,747],{"style":410}," from",[400,749,750],{"style":736}," '",[400,752,754],{"style":753},"color:#91B859;--shiki-dark:#C3E88D","comark",[400,756,757],{"style":736},"'",[400,759],{"class":402,"style":403},[400,761,762,766,769,772,775,778,781,783],{"class":402,"style":403},[400,763,765],{"style":764},"color:#9C3EDA;--shiki-dark:#C792EA","const",[400,767,768],{"style":740}," tree ",[400,770,771],{"style":736},"=",[400,773,774],{"style":410}," await",[400,776,741],{"style":777},"color:#6182B8;--shiki-dark:#82AAFF",[400,779,780],{"style":740},"(",[400,782,678],{"style":736},[400,784,785],{"style":753},"> [!NOTE]",[400,787,788,791,793],{"class":402,"style":403},[400,789,790],{"style":753},"> Useful information for users.",[400,792,678],{"style":736},[400,794,795],{"style":740},")",[400,797],{"class":402,"style":403},[400,799,800,803,805,808,811,813],{"class":402,"style":403},[400,801,802],{"style":740},"console",[400,804,703],{"style":736},[400,806,807],{"style":777},"log",[400,809,810],{"style":740},"(tree",[400,812,703],{"style":736},[400,814,815],{"style":740},"nodes)",[400,817,818],{"class":402,"style":403},[400,819,821],{"style":820},"color:#90A4AE;--shiki-light-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic","\u002F\u002F [",[400,823,824],{"class":402,"style":403},[400,825,826],{"style":820},"\u002F\u002F   ['blockquote', { as: 'note' }, 'Useful information for users.']",[400,828,829],{"class":402,"style":403},[400,830,831],{"style":820},"\u002F\u002F ]",[371,833,834,835,837,838,840,841,843,844,703],{},"The Vue, React, and Angular renderers resolve the ",[396,836,718],{}," attribute against your components map first, then fall back to the tag name (",[396,839,517],{},"). This means you can render each alert type with its own component. In the HTML renderer, register a ",[396,842,517],{}," component and read the alert type from ",[396,845,846],{},"attrs.as",[383,848,850],{"id":849},"custom-components","Custom Components",[371,852,853],{},"Register a component for each alert type you want to customize:",[855,856,857,1022,1181],"code-group",{},[391,858,860],{"language":859,"filename":65,"class":394},"vue",[396,861,863,419,889,419,909,419,926,419,942,419,944,419,958,419,964,419,973,419,975,419,984,419,1014],{"class":862},"language-vue",[400,864,865,868,872,875,878,880,883,885,887],{"class":402,"style":403},[400,866,867],{"style":736},"\u003C",[400,869,871],{"style":870},"color:#E53935;--shiki-dark:#F07178","script",[400,873,874],{"style":764}," setup",[400,876,877],{"style":764}," lang",[400,879,771],{"style":736},[400,881,882],{"style":736},"\"",[400,884,725],{"style":753},[400,886,882],{"style":736},[400,888,407],{"style":736},[400,890,891,893,895,898,900,902,904,907],{"class":402,"style":403},[400,892,733],{"style":410},[400,894,737],{"style":736},[400,896,897],{"style":740}," Markdown",[400,899,744],{"style":736},[400,901,747],{"style":410},[400,903,750],{"style":736},[400,905,906],{"style":753},"@comark\u002Fvue",[400,908,757],{"style":736},[400,910,911,913,916,919,921,924],{"class":402,"style":403},[400,912,733],{"style":410},[400,914,915],{"style":740}," Note ",[400,917,918],{"style":410},"from",[400,920,750],{"style":736},[400,922,923],{"style":753},".\u002FNote.vue",[400,925,757],{"style":736},[400,927,928,930,933,935,937,940],{"class":402,"style":403},[400,929,733],{"style":410},[400,931,932],{"style":740}," Warning ",[400,934,918],{"style":410},[400,936,750],{"style":736},[400,938,939],{"style":753},".\u002FWarning.vue",[400,941,757],{"style":736},[400,943],{"class":402,"style":403},[400,945,946,948,951,953,956],{"class":402,"style":403},[400,947,765],{"style":764},[400,949,950],{"style":740}," markdown ",[400,952,771],{"style":736},[400,954,955],{"style":736}," `",[400,957,785],{"style":753},[400,959,960,962],{"class":402,"style":403},[400,961,790],{"style":753},[400,963,678],{"style":736},[400,965,966,969,971],{"class":402,"style":403},[400,967,968],{"style":736},"\u003C\u002F",[400,970,871],{"style":870},[400,972,407],{"style":736},[400,974],{"class":402,"style":403},[400,976,977,979,982],{"class":402,"style":403},[400,978,867],{"style":736},[400,980,981],{"style":870},"template",[400,983,407],{"style":736},[400,985,986,989,991,994,996,998,1001,1003,1005,1008,1010,1012],{"class":402,"style":403},[400,987,988],{"style":736},"  \u003C",[400,990,144],{"style":870},[400,992,993],{"style":764}," :components",[400,995,771],{"style":736},[400,997,882],{"style":736},[400,999,1000],{"style":753},"{ note: Note, warning: Warning }",[400,1002,882],{"style":736},[400,1004,407],{"style":736},[400,1006,1007],{"style":740},"{{ markdown }}",[400,1009,968],{"style":736},[400,1011,144],{"style":870},[400,1013,407],{"style":736},[400,1015,1016,1018,1020],{"class":402,"style":403},[400,1017,968],{"style":736},[400,1019,981],{"style":870},[400,1021,407],{"style":736},[391,1023,1025],{"language":1024,"filename":56,"class":394},"tsx",[396,1026,1028,419,1047,419,1067,419,1087,419,1089,419,1101,419,1107,419,1109,419,1128,419,1176],{"class":1027},"language-tsx",[400,1029,1030,1032,1034,1036,1038,1040,1042,1045],{"class":402,"style":403},[400,1031,733],{"style":410},[400,1033,737],{"style":736},[400,1035,897],{"style":740},[400,1037,744],{"style":736},[400,1039,747],{"style":410},[400,1041,750],{"style":736},[400,1043,1044],{"style":753},"@comark\u002Freact",[400,1046,757],{"style":736},[400,1048,1049,1051,1053,1056,1058,1060,1062,1065],{"class":402,"style":403},[400,1050,733],{"style":410},[400,1052,737],{"style":736},[400,1054,1055],{"style":740}," Note",[400,1057,744],{"style":736},[400,1059,747],{"style":410},[400,1061,750],{"style":736},[400,1063,1064],{"style":753},".\u002FNote",[400,1066,757],{"style":736},[400,1068,1069,1071,1073,1076,1078,1080,1082,1085],{"class":402,"style":403},[400,1070,733],{"style":410},[400,1072,737],{"style":736},[400,1074,1075],{"style":740}," Warning",[400,1077,744],{"style":736},[400,1079,747],{"style":410},[400,1081,750],{"style":736},[400,1083,1084],{"style":753},".\u002FWarning",[400,1086,757],{"style":736},[400,1088],{"class":402,"style":403},[400,1090,1091,1093,1095,1097,1099],{"class":402,"style":403},[400,1092,765],{"style":764},[400,1094,950],{"style":740},[400,1096,771],{"style":736},[400,1098,955],{"style":736},[400,1100,785],{"style":753},[400,1102,1103,1105],{"class":402,"style":403},[400,1104,790],{"style":753},[400,1106,678],{"style":736},[400,1108],{"class":402,"style":403},[400,1110,1111,1114,1117,1120,1123,1126],{"class":402,"style":403},[400,1112,1113],{"style":410},"export",[400,1115,1116],{"style":410}," default",[400,1118,1119],{"style":764}," function",[400,1121,1122],{"style":777}," Page",[400,1124,1125],{"style":736},"()",[400,1127,737],{"style":736},[400,1129,1130,1133,1136,1139,1142,1145,1148,1151,1153,1156,1159,1161,1163,1166,1169,1172,1174],{"class":402,"style":403},[400,1131,1132],{"style":410},"  return",[400,1134,1135],{"style":736}," \u003C",[400,1137,144],{"style":1138},"color:#E2931D;--shiki-dark:#FFCB6B",[400,1140,1141],{"style":764}," components",[400,1143,1144],{"style":736},"={{",[400,1146,1147],{"style":870}," note",[400,1149,1150],{"style":736},":",[400,1152,1055],{"style":740},[400,1154,1155],{"style":736},",",[400,1157,1158],{"style":870}," warning",[400,1160,1150],{"style":736},[400,1162,932],{"style":740},[400,1164,1165],{"style":736},"}}>{",[400,1167,1168],{"style":740},"markdown",[400,1170,1171],{"style":736},"}\u003C\u002F",[400,1173,144],{"style":1138},[400,1175,407],{"style":736},[400,1177,1178],{"class":402,"style":403},[400,1179,1180],{"style":736},"}",[391,1182,1183],{"language":725,"filename":165,"class":394},[396,1184,1185,419,1205,419,1207,419,1226,419,1236,419,1245,419,1250,419,1291,419,1338,419,1376,419,1381,419,1386,419,1392],{"class":728},[400,1186,1187,1189,1191,1194,1196,1198,1200,1203],{"class":402,"style":403},[400,1188,733],{"style":410},[400,1190,737],{"style":736},[400,1192,1193],{"style":740}," renderHtml",[400,1195,744],{"style":736},[400,1197,747],{"style":410},[400,1199,750],{"style":736},[400,1201,1202],{"style":753},"@comark\u002Fhtml",[400,1204,757],{"style":736},[400,1206],{"class":402,"style":403},[400,1208,1209,1211,1214,1216,1218,1220,1222,1224],{"class":402,"style":403},[400,1210,765],{"style":764},[400,1212,1213],{"style":740}," html ",[400,1215,771],{"style":736},[400,1217,774],{"style":410},[400,1219,1193],{"style":777},[400,1221,780],{"style":740},[400,1223,678],{"style":736},[400,1225,785],{"style":753},[400,1227,1228,1230,1232,1234],{"class":402,"style":403},[400,1229,790],{"style":753},[400,1231,678],{"style":736},[400,1233,1155],{"style":736},[400,1235,737],{"style":736},[400,1237,1238,1241,1243],{"class":402,"style":403},[400,1239,1240],{"style":870},"  components",[400,1242,1150],{"style":736},[400,1244,737],{"style":736},[400,1246,1247],{"class":402,"style":403},[400,1248,1249],{"style":820},"    \u002F\u002F The HTML renderer resolves by tag name: read the alert type from `attrs.as`",[400,1251,1252,1255,1257,1260,1263,1267,1269,1272,1275,1278,1280,1283,1286,1289],{"class":402,"style":403},[400,1253,1254],{"style":777},"    blockquote",[400,1256,1150],{"style":736},[400,1258,1259],{"style":764}," async",[400,1261,1262],{"style":736}," ([,",[400,1264,1266],{"style":1265},"color:#90A4AE;--shiki-light-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic"," attrs",[400,1268,1155],{"style":736},[400,1270,1271],{"style":736}," ...",[400,1273,1274],{"style":1265},"children",[400,1276,1277],{"style":736},"],",[400,1279,737],{"style":736},[400,1281,1282],{"style":1265}," render",[400,1284,1285],{"style":736}," })",[400,1287,1288],{"style":764}," =>",[400,1290,737],{"style":736},[400,1292,1293,1296,1299,1302,1305,1307,1309,1312,1315,1317,1320,1323,1326,1328,1331,1333,1336],{"class":402,"style":403},[400,1294,1295],{"style":410},"      if",[400,1297,1298],{"style":870}," (",[400,1300,1301],{"style":736},"!",[400,1303,1304],{"style":740},"attrs",[400,1306,703],{"style":736},[400,1308,718],{"style":740},[400,1310,1311],{"style":870},") ",[400,1313,1314],{"style":410},"return",[400,1316,955],{"style":736},[400,1318,1319],{"style":753},"\u003Cblockquote>",[400,1321,1322],{"style":736},"${",[400,1324,1325],{"style":410},"await",[400,1327,1282],{"style":777},[400,1329,1330],{"style":740},"(children)",[400,1332,1180],{"style":736},[400,1334,1335],{"style":753},"\u003C\u002Fblockquote>",[400,1337,678],{"style":736},[400,1339,1340,1343,1345,1348,1350,1352,1354,1356,1358,1361,1363,1365,1367,1369,1371,1374],{"class":402,"style":403},[400,1341,1342],{"style":410},"      return",[400,1344,955],{"style":736},[400,1346,1347],{"style":753},"\u003Cdiv class=\"alert alert-",[400,1349,1322],{"style":736},[400,1351,1304],{"style":740},[400,1353,703],{"style":736},[400,1355,718],{"style":740},[400,1357,1180],{"style":736},[400,1359,1360],{"style":753},"\" role=\"alert\">",[400,1362,1322],{"style":736},[400,1364,1325],{"style":410},[400,1366,1282],{"style":777},[400,1368,1330],{"style":740},[400,1370,1180],{"style":736},[400,1372,1373],{"style":753},"\u003C\u002Fdiv>",[400,1375,678],{"style":736},[400,1377,1378],{"class":402,"style":403},[400,1379,1380],{"style":736},"    },",[400,1382,1383],{"class":402,"style":403},[400,1384,1385],{"style":736},"  },",[400,1387,1388,1390],{"class":402,"style":403},[400,1389,1180],{"style":736},[400,1391,795],{"style":740},[400,1393,1394],{"class":402,"style":403},[400,1395,1396],{"style":820},"\u002F\u002F \u003Cdiv class=\"alert alert-note\" role=\"alert\">Useful information for users.\u003C\u002Fdiv>",[371,1398,1399,1400,1403,1404,703],{},"Alert types without a registered component render as a regular ",[396,1401,1402],{},"\u003Cblockquote as=\"...\">"," element, so you can also target them with CSS: ",[396,1405,1406],{},"blockquote[as=\"note\"]",[538,1408],{},[383,1410,1412],{"id":1411},"nuxt-ui-integration","Nuxt UI Integration",[371,1414,1415,1416,1419,1420,1423,1424,1427,1428,1427,1431,1434,1435,1438],{},"When using the ",[511,1417,1418],{"href":172},"Nuxt module"," alongside ",[396,1421,1422],{},"@nuxt\u002Fui",", alert blocks are automatically mapped to Nuxt UI's ",[396,1425,1426],{},"\u003CNote>",", ",[396,1429,1430],{},"\u003CWarning>",[396,1432,1433],{},"\u003CCaution>",", and ",[396,1436,1437],{},"\u003CTip>"," components. No extra configuration needed.",{"title":1440,"searchDepth":1441,"depth":1441,"links":1442},"",2,[1443,1444,1449,1450,1451],{"id":385,"depth":1441,"text":386},{"id":542,"depth":1441,"text":543,"children":1445},[1446,1448],{"id":547,"depth":1447,"text":548},3,{"id":639,"depth":1447,"text":640},{"id":708,"depth":1441,"text":709},{"id":849,"depth":1441,"text":850},{"id":1411,"depth":1441,"text":1412},"Built-in plugin that transforms GitHub-style blockquote alerts into styled callout blocks with icons and colors.","md",[1455,1459],{"label":1456,"icon":276,"to":145,"color":1457,"variant":1458},"Markdown Syntax","neutral","soft",{"label":70,"icon":189,"to":190,"color":1457,"variant":1458},{"data":1461},{"title":199,"description":1452,"seo":1462,"navigation":1464,"links":1465},{"title":1463,"description":1452},"Alerts Plugin",{"icon":202},[1466,1467],{"label":1456,"icon":276,"to":145,"color":1457,"variant":1458},{"label":70,"icon":189,"to":190,"color":1457,"variant":1458},{"icon":202},{"title":1463,"description":1452},"pjD_fGDq0P6EVWt-hDg0s-SjVVtWDCVJJjc_IRp0O6Q",[1472,1474],{"title":184,"path":185,"stem":186,"description":1473,"icon":187,"children":-1},"Render Markdown as styled terminal output using ANSI escape codes, perfect for CLIs, scripts, and developer tooling.",{"title":152,"path":204,"stem":205,"description":1475,"icon":206,"children":-1},"Built-in plugin that parses inline attributes into AST props.",1785942110511]