[{"data":1,"prerenderedAt":854},["ShallowReactive",2],{"navigation_examples":3,"navigation_docs":120,"-examples-plugins-react-vite-math":340,"-examples-plugins-react-vite-math-surround":848,"$fafBCC2nPnK37tw_rglrF_d6RwJocoSqQ4nlmJLeHI4A":851},[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,134,155,184,277,298,319],{"title":122,"path":123,"stem":124,"children":125,"page":39},"Getting Started","\u002Fgetting-started","1.getting-started",[126,130],{"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,"children":138,"page":39},"Syntax","\u002Fsyntax","2.syntax",[139,143,147,151],{"title":140,"path":141,"stem":142},"Markdown","\u002Fsyntax\u002Fmarkdown","2.syntax\u002F1.markdown",{"title":144,"path":145,"stem":146},"Components","\u002Fsyntax\u002Fcomponents","2.syntax\u002F2.components",{"title":148,"path":149,"stem":150},"Attributes","\u002Fsyntax\u002Fattributes","2.syntax\u002F3.attributes",{"title":152,"path":153,"stem":154},"AST","\u002Fsyntax\u002Fcomark-ast","2.syntax\u002F4.comark-ast",{"title":156,"path":157,"stem":158,"children":159,"page":39},"Rendering","\u002Frendering","3.rendering",[160,164,167,170,173,176,179],{"title":161,"path":162,"stem":163,"icon":54},"HTML","\u002Frendering\u002Fhtml","3.rendering\u002F2.html",{"title":65,"path":165,"stem":166,"icon":68},"\u002Frendering\u002Fvue","3.rendering\u002F3.vue",{"title":25,"path":168,"stem":169,"icon":28},"\u002Frendering\u002Fnuxt","3.rendering\u002F4.nuxt",{"title":56,"path":171,"stem":172,"icon":59},"\u002Frendering\u002Freact","3.rendering\u002F5.react",{"title":61,"path":174,"stem":175,"icon":33},"\u002Frendering\u002Fsvelte","3.rendering\u002F6.svelte",{"title":46,"path":177,"stem":178,"icon":49},"\u002Frendering\u002Fangular","3.rendering\u002F7.angular",{"title":180,"path":181,"stem":182,"icon":183},"ANSI (Terminal)","\u002Frendering\u002Fansi","3.rendering\u002F8.ansi","i-lucide-terminal",{"title":70,"icon":185,"path":186,"stem":187,"children":188,"page":39},"i-lucide-plug","\u002Fplugins","4.plugins",[189,260],{"title":190,"path":191,"stem":192,"children":193,"page":39},"Built-in","\u002Fplugins\u002Fbuilt-in","4.plugins\u002F1.built-in",[194,199,203,208,213,218,223,226,230,234,237,242,247,250,255],{"title":195,"path":196,"stem":197,"icon":198},"Alerts","\u002Fplugins\u002Fbuilt-in\u002Falert","4.plugins\u002F1.built-in\u002Falert","i-lucide-bell",{"title":200,"path":201,"stem":202,"icon":88},"Binding","\u002Fplugins\u002Fbuilt-in\u002Fbinding","4.plugins\u002F1.built-in\u002Fbinding",{"title":204,"path":205,"stem":206,"icon":207},"Breaks","\u002Fplugins\u002Fbuilt-in\u002Fbreaks","4.plugins\u002F1.built-in\u002Fbreaks","i-lucide-corner-down-left",{"title":209,"path":210,"stem":211,"icon":212},"Emoji","\u002Fplugins\u002Fbuilt-in\u002Femoji","4.plugins\u002F1.built-in\u002Femoji","i-lucide-smile",{"title":214,"path":215,"stem":216,"icon":217},"Footnotes","\u002Fplugins\u002Fbuilt-in\u002Ffootnotes","4.plugins\u002F1.built-in\u002Ffootnotes","i-lucide-footprints",{"title":219,"path":220,"stem":221,"icon":222},"Headings","\u002Fplugins\u002Fbuilt-in\u002Fheadings","4.plugins\u002F1.built-in\u002Fheadings","i-lucide-heading",{"title":95,"path":224,"stem":225,"icon":98},"\u002Fplugins\u002Fbuilt-in\u002Fjson-render","4.plugins\u002F1.built-in\u002Fjson-render",{"title":227,"path":228,"stem":229,"icon":78},"Mathematics","\u002Fplugins\u002Fbuilt-in\u002Fmath","4.plugins\u002F1.built-in\u002Fmath",{"title":231,"path":232,"stem":233,"icon":83},"Mermaid Diagrams","\u002Fplugins\u002Fbuilt-in\u002Fmermaid","4.plugins\u002F1.built-in\u002Fmermaid",{"title":106,"path":235,"stem":236,"icon":109},"\u002Fplugins\u002Fbuilt-in\u002Fpunctuation","4.plugins\u002F1.built-in\u002Fpunctuation",{"title":238,"path":239,"stem":240,"icon":241},"Security","\u002Fplugins\u002Fbuilt-in\u002Fsecurity","4.plugins\u002F1.built-in\u002Fsecurity","i-lucide-shield-check",{"title":243,"path":244,"stem":245,"icon":246},"Summary Extraction","\u002Fplugins\u002Fbuilt-in\u002Fsummary","4.plugins\u002F1.built-in\u002Fsummary","i-lucide-file-text",{"title":90,"path":248,"stem":249,"icon":93},"\u002Fplugins\u002Fbuilt-in\u002Fsyntax-highlight","4.plugins\u002F1.built-in\u002Fsyntax-highlight",{"title":251,"path":252,"stem":253,"icon":254},"Task List","\u002Fplugins\u002Fbuilt-in\u002Ftask-list","4.plugins\u002F1.built-in\u002Ftask-list","i-lucide-check-square",{"title":256,"path":257,"stem":258,"icon":259},"Table of Contents","\u002Fplugins\u002Fbuilt-in\u002Ftoc","4.plugins\u002F1.built-in\u002Ftoc","i-lucide-list",{"title":261,"path":262,"stem":263,"children":264,"page":39},"Custom","\u002Fplugins\u002Fcustom","4.plugins\u002F2.custom",[265,269,273],{"title":266,"path":267,"stem":268},"Plugin API","\u002Fplugins\u002Fcustom\u002Fplugin-api","4.plugins\u002F2.custom\u002F1.plugin-api",{"title":270,"path":271,"stem":272},"AST API","\u002Fplugins\u002Fcustom\u002Fast-api","4.plugins\u002F2.custom\u002F2.ast-api",{"title":274,"path":275,"stem":276},"Markdown-it","\u002Fplugins\u002Fcustom\u002Fmarkdown-it","4.plugins\u002F2.custom\u002F3.markdown-it",{"title":278,"path":279,"stem":280,"children":281,"page":39},"API Reference","\u002Fapi","5.api",[282,286,290,294],{"title":283,"path":284,"stem":285},"Render API","\u002Fapi\u002Frender","5.api\u002F0.render",{"title":287,"path":288,"stem":289},"Parse API","\u002Fapi\u002Fparse","5.api\u002F1.parse",{"title":291,"path":292,"stem":293},"Streaming API","\u002Fapi\u002Fauto-close","5.api\u002F2.auto-close",{"title":295,"path":296,"stem":297},"Cheat Sheet","\u002Fapi\u002Freference","5.api\u002F3.reference",{"title":299,"path":300,"stem":301,"children":302,"page":39},"Comparisons","\u002Fcompare","6.compare",[303,307,311,315],{"title":304,"path":305,"stem":306},"Comark vs MDX","\u002Fcompare\u002Fcomark-vs-mdx","6.compare\u002F1.comark-vs-mdx",{"title":308,"path":309,"stem":310},"Comark vs react-markdown","\u002Fcompare\u002Fcomark-vs-react-markdown","6.compare\u002F2.comark-vs-react-markdown",{"title":312,"path":313,"stem":314},"Comark vs Streamdown","\u002Fcompare\u002Fcomark-vs-streamdown","6.compare\u002F3.comark-vs-streamdown",{"title":316,"path":317,"stem":318},"Comark vs Markdoc","\u002Fcompare\u002Fcomark-vs-markdoc","6.compare\u002F4.comark-vs-markdoc",{"title":320,"path":321,"stem":322,"children":323,"page":39},"Knowledge Base","\u002Fkb","7.kb",[324,328,332,336],{"title":325,"path":326,"stem":327},"Why Comark?","\u002Fkb\u002Fwhy-comark","7.kb\u002F0.why-comark",{"title":329,"path":330,"stem":331},"Migration from MDC","\u002Fkb\u002Fmigration-from-mdc","7.kb\u002F2.migration-from-mdc",{"title":333,"path":334,"stem":335},"Migration from MDX","\u002Fkb\u002Fmigration-from-mdx","7.kb\u002F3.migration-from-mdx",{"title":337,"path":338,"stem":339},"Twoslash","\u002Fkb\u002Ftwoslash","7.kb\u002F4.twoslash",{"id":341,"title":75,"body":342,"category":70,"demo":839,"description":840,"extension":841,"icon":839,"meta":842,"navigation":845,"path":76,"seo":846,"stem":77,"__hash__":847},"examples\u002Fexamples\u002F3.plugins\u002Freact-vite-math\u002FREADME.md",{"type":343,"value":344,"toc":831},"minimark",[345,352,357,361,407,411,656,660,670,679,687,730,739,763,779,788,799,808,812],[346,347],"code-explorer",{"org":348,"repo":349,"path":350,"defaultValue":351},"comarkdown","comark@8d0c4a8023b71e8588ee6328820a2f26f2285232","examples\u002F3.plugins\u002Freact-vite-math","src\u002FApp.tsx",[353,354,356],"h2",{"id":355},"features","Features",[358,359,360],"p",{},"This example demonstrates how to use Comark with LaTeX math formulas in React:",[362,363,364,385,395,401],"ul",{},[365,366,367,371,372,376,377,380,381,384],"li",{},[368,369,370],"strong",{},"Math Plugin",": Import and configure the ",[373,374,375],"code",{},"math"," plugin to parse ",[373,378,379],{},"$...$"," and ",[373,382,383],{},"$$...$$"," expressions",[365,386,387,390,391,394],{},[368,388,389],{},"Math Component",": Register the ",[373,392,393],{},"Math"," component to render formulas using KaTeX",[365,396,397,400],{},[368,398,399],{},"Inline & Display Math",": Supports both inline formulas and display equations",[365,402,403,406],{},[368,404,405],{},"Full LaTeX Syntax",": All KaTeX-supported LaTeX commands work",[353,408,410],{"id":409},"usage","Usage",[412,413,414,446,524,596],"ol",{},[365,415,416,419],{},[358,417,418],{},"Install dependencies:",[420,421,424],"pre",{"language":422,"class":423},"bash","shiki shiki-themes material-theme-lighter material-theme-palenight",[373,425,427],{"class":426},"language-bash",[428,429,432,436,440,443],"span",{"class":430,"style":431},"line","display: inline",[428,433,435],{"style":434},"color:#E2931D;--shiki-dark:#FFCB6B","npm",[428,437,439],{"style":438},"color:#91B859;--shiki-dark:#C3E88D"," install",[428,441,442],{"style":438}," @comark\u002Freact",[428,444,445],{"style":438}," katex",[365,447,448,451],{},[358,449,450],{},"Import the math plugin, component, and KaTeX CSS:",[420,452,454],{"language":453,"class":423},"tsx",[373,455,457,486,487,486,513],{"class":456},"language-tsx",[428,458,459,463,467,471,474,477,480,483],{"class":430,"style":431},[428,460,462],{"style":461},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic","import",[428,464,466],{"style":465},"color:#39ADB5;--shiki-dark:#89DDFF"," {",[428,468,470],{"style":469},"color:#90A4AE;--shiki-dark:#BABED8"," Comark",[428,472,473],{"style":465}," }",[428,475,476],{"style":461}," from",[428,478,479],{"style":465}," '",[428,481,482],{"style":438},"@comark\u002Freact",[428,484,485],{"style":465},"'","\n",[428,488,489,491,494,497,499,502,504,506,508,511],{"class":430,"style":431},[428,490,462],{"style":461},[428,492,493],{"style":469}," math",[428,495,496],{"style":465},",",[428,498,466],{"style":465},[428,500,501],{"style":469}," Math",[428,503,473],{"style":465},[428,505,476],{"style":461},[428,507,479],{"style":465},[428,509,510],{"style":438},"@comark\u002Freact\u002Fplugins\u002Fmath",[428,512,485],{"style":465},[428,514,515,517,519,522],{"class":430,"style":431},[428,516,462],{"style":461},[428,518,479],{"style":465},[428,520,521],{"style":438},"katex\u002Fdist\u002Fkatex.min.css",[428,523,485],{"style":465},[365,525,526,533],{},[358,527,528,529,532],{},"Pass the plugin and component to ",[373,530,531],{},"Comark",":",[420,534,535],{"language":453,"class":423},[373,536,537,486,544,486,559,486,573,486,591],{"class":456},[428,538,539,542],{"class":430,"style":431},[428,540,541],{"style":465},"\u003C",[428,543,531],{"style":434},[428,545,546,550,553,556],{"class":430,"style":431},[428,547,549],{"style":548},"color:#9C3EDA;--shiki-dark:#C792EA","  markdown",[428,551,552],{"style":465},"={",[428,554,555],{"style":469},"content",[428,557,558],{"style":465},"}",[428,560,561,564,567,570],{"class":430,"style":431},[428,562,563],{"style":548},"  components",[428,565,566],{"style":465},"={{",[428,568,569],{"style":469}," Math ",[428,571,572],{"style":465},"}}",[428,574,575,578,580,583,586,589],{"class":430,"style":431},[428,576,577],{"style":548},"  plugins",[428,579,552],{"style":465},[428,581,582],{"style":469},"[",[428,584,375],{"style":585},"color:#6182B8;--shiki-dark:#82AAFF",[428,587,588],{"style":469},"()]",[428,590,558],{"style":465},[428,592,593],{"class":430,"style":431},[428,594,595],{"style":465},"\u002F>",[365,597,598,601],{},[358,599,600],{},"Use math expressions in your markdown:",[420,602,604],{"language":603,"class":423},"markdown",[373,605,607,486,612,486,614,486,619,486,624,486,652],{"class":606},"language-markdown",[428,608,609],{"class":430,"style":431},[428,610,611],{"style":469},"Inline: $E = mc^2$",[428,613],{"class":430,"style":431},[428,615,616],{"class":430,"style":431},[428,617,618],{"style":469},"Display:",[428,620,621],{"class":430,"style":431},[428,622,623],{"style":469},"$$",[428,625,626,629,632,635,638,641,643,645,647,650],{"class":430,"style":431},[428,627,628],{"style":469},"x = \\frac{-b \\pm \\sqrt",[428,630,631],{"style":465},"{",[428,633,634],{"style":548},"b^2",[428,636,637],{"style":548}," -",[428,639,640],{"style":548}," 4ac",[428,642,558],{"style":465},[428,644,558],{"style":469},[428,646,631],{"style":465},[428,648,649],{"style":548},"2a",[428,651,558],{"style":465},[428,653,654],{"class":430,"style":431},[428,655,623],{"style":469},[353,657,659],{"id":658},"syntax-examples","Syntax Examples",[358,661,662,665,666,669],{},[368,663,664],{},"Inline Math",": Use single ",[373,667,668],{},"$"," delimiters",[420,671,672],{"language":603,"class":423},[373,673,674],{"class":606},[428,675,676],{"class":430,"style":431},[428,677,678],{"style":469},"The formula $x^2 + y^2 = z^2$ is inline.",[358,680,681,684,685,669],{},[368,682,683],{},"Display Math",": Use double ",[373,686,623],{},[420,688,689],{"language":603,"class":423},[373,690,691,486,695,486,726],{"class":606},[428,692,693],{"class":430,"style":431},[428,694,623],{"style":469},[428,696,697,700,702,705,707,710,712,715,717,719,721,724],{"class":430,"style":431},[428,698,699],{"style":469},"\\int_0^\\infty e^",[428,701,631],{"style":465},[428,703,704],{"style":548},"-x^2",[428,706,558],{"style":465},[428,708,709],{"style":469}," dx = \\frac{\\sqrt",[428,711,631],{"style":465},[428,713,714],{"style":548},"\\pi",[428,716,558],{"style":465},[428,718,558],{"style":469},[428,720,631],{"style":465},[428,722,723],{"style":548},"2",[428,725,558],{"style":465},[428,727,728],{"class":430,"style":431},[428,729,623],{"style":469},[358,731,732,735,736],{},[368,733,734],{},"Fractions",": ",[373,737,738],{},"\\frac{numerator}{denominator}",[420,740,741],{"language":603,"class":423},[373,742,743],{"class":606},[428,744,745,748,750,753,756,759,761],{"class":430,"style":431},[428,746,747],{"style":469},"$\\frac",[428,749,631],{"style":465},[428,751,752],{"style":548},"a",[428,754,755],{"style":465},"}{",[428,757,758],{"style":548},"b",[428,760,558],{"style":465},[428,762,668],{"style":469},[358,764,765,735,768,771,772,771,775,778],{},[368,766,767],{},"Greek Letters",[373,769,770],{},"\\alpha",", ",[373,773,774],{},"\\beta",[373,776,777],{},"\\gamma",", etc.",[420,780,781],{"language":603,"class":423},[373,782,783],{"class":606},[428,784,785],{"class":430,"style":431},[428,786,787],{"style":469},"$\\alpha + \\beta = \\gamma$",[358,789,790,735,793,380,796],{},[368,791,792],{},"Subscripts & Superscripts",[373,794,795],{},"_",[373,797,798],{},"^",[420,800,801],{"language":603,"class":423},[373,802,803],{"class":606},[428,804,805],{"class":430,"style":431},[428,806,807],{"style":469},"$x_1^2 + x_2^2$",[353,809,811],{"id":810},"learn-more","Learn More",[362,813,814,819,825],{},[365,815,816],{},[752,817,818],{"href":228},"Math Plugin Documentation",[365,820,821],{},[752,822,824],{"href":823},"https:\u002F\u002Fkatex.org","KaTeX Documentation",[365,826,827],{},[752,828,830],{"href":829},"https:\u002F\u002Fcomark.dev","Comark Documentation",{"title":832,"searchDepth":833,"depth":833,"links":834},"",2,[835,836,837,838],{"id":355,"depth":833,"text":356},{"id":409,"depth":833,"text":410},{"id":658,"depth":833,"text":659},{"id":810,"depth":833,"text":811},null,"Example showing how to use Comark with LaTeX math formulas in React and Vite.","md",{"data":843},{"title":75,"description":840,"navigation":844,"category":70,"path":76},{"icon":78},{"icon":78},{"title":75,"description":840},"WGFfWRf3v_5sqGK82JnIlWTXewvh8kYHzewXNVvUr2A",[839,849],{"title":80,"path":81,"stem":82,"description":850,"icon":83,"children":-1},"Example showing how to use Comark with Mermaid diagrams in React and Vite.",{"tree":852,"files":853},[],{},1784246814630]