[{"data":1,"prerenderedAt":345},["ShallowReactive",2],{"navigation_docs_en":3,"-en-api-tina-mermaid":88,"-en-api-tina-mermaid-surround":340},[4,18,51],{"title":5,"path":6,"stem":7,"children":8,"page":17},"Getting Started","\u002Fen\u002Fgetting-started","en\u002F1.getting-started",[9,13],{"title":10,"path":11,"stem":12},"Introduction","\u002Fen\u002Fgetting-started\u002Fintroduction","en\u002F1.getting-started\u002F1.introduction",{"title":14,"path":15,"stem":16},"Installation & Setup","\u002Fen\u002Fgetting-started\u002Finstallation","en\u002F1.getting-started\u002F2.installation",false,{"title":19,"path":20,"stem":21,"children":22,"page":17},"Guide","\u002Fen\u002Fguide","en\u002F2.guide",[23,27,31,35,39,43,47],{"title":24,"path":25,"stem":26},"Contextual Editing","\u002Fen\u002Fguide\u002Fcontextual-editing","en\u002F2.guide\u002F1.contextual-editing",{"title":28,"path":29,"stem":30},"Preview Mode","\u002Fen\u002Fguide\u002Fpreview-mode","en\u002F2.guide\u002F2.preview-mode",{"title":32,"path":33,"stem":34},"Tina Cloud & Editing Modes","\u002Fen\u002Fguide\u002Ftina-cloud","en\u002F2.guide\u002F3.tina-cloud",{"title":36,"path":37,"stem":38},"Nuxt Content Compatibility","\u002Fen\u002Fguide\u002Fnuxt-content","en\u002F2.guide\u002F4.nuxt-content",{"title":40,"path":41,"stem":42},"Media","\u002Fen\u002Fguide\u002Fmedia","en\u002F2.guide\u002F5.media",{"title":44,"path":45,"stem":46},"Advanced Rich-Text","\u002Fen\u002Fguide\u002Frich-text-advanced","en\u002F2.guide\u002F6.rich-text-advanced",{"title":48,"path":49,"stem":50},"Deployment","\u002Fen\u002Fguide\u002Fdeployment","en\u002F2.guide\u002F7.deployment",{"title":52,"path":53,"stem":54,"children":55,"page":17},"Api","\u002Fen\u002Fapi","en\u002F3.api",[56,60,64,68,72,76,80,84],{"title":57,"path":58,"stem":59},"useTina()","\u002Fen\u002Fapi\u002Fuse-tina","en\u002F3.api\u002F1.use-tina",{"title":61,"path":62,"stem":63},"useTinaBridge()","\u002Fen\u002Fapi\u002Fuse-tina-bridge","en\u002F3.api\u002F2.use-tina-bridge",{"title":65,"path":66,"stem":67},"useTinaPreview()","\u002Fen\u002Fapi\u002Fuse-tina-preview","en\u002F3.api\u002F3.use-tina-preview",{"title":69,"path":70,"stem":71},"\u003CTinaProvider>","\u002Fen\u002Fapi\u002Ftina-provider","en\u002F3.api\u002F4.tina-provider",{"title":73,"path":74,"stem":75},"\u003CTinaMarkdown>","\u002Fen\u002Fapi\u002Ftina-markdown","en\u002F3.api\u002F5.tina-markdown",{"title":77,"path":78,"stem":79},"\u003CTinaMermaid>","\u002Fen\u002Fapi\u002Ftina-mermaid","en\u002F3.api\u002F6.tina-mermaid",{"title":81,"path":82,"stem":83},"Module Configuration","\u002Fen\u002Fapi\u002Fconfiguration","en\u002F3.api\u002F7.configuration",{"title":85,"path":86,"stem":87},"Field Types","\u002Fen\u002Fapi\u002Ffield-types","en\u002F3.api\u002F8.field-types",{"id":89,"title":77,"body":90,"description":333,"extension":334,"links":335,"meta":336,"navigation":337,"path":78,"seo":338,"stem":79,"__hash__":339},"docs_en\u002Fen\u002F3.api\u002F6.tina-mermaid.md",{"type":91,"value":92,"toc":327},"minimark",[93,110,115,159,163,188,265,282,286,296,308,311,323],[94,95,96,97,101,102,105,106,109],"p",{},"Renders a Mermaid diagram code block as an SVG. Auto-imported by the module, but ",[98,99,100],"strong",{},"not"," wired into ",[103,104,73],"code",{}," by default. ",[103,107,108],{},"mermaid"," is a large dependency, so it's opt-in.",[111,112,114],"h2",{"id":113},"props","Props",[116,117,118,137],"table",{},[119,120,121],"thead",{},[122,123,124,128,131,134],"tr",{},[125,126,127],"th",{},"Prop",[125,129,130],{},"Type",[125,132,133],{},"Required",[125,135,136],{},"Description",[138,139,140],"tbody",{},[122,141,142,148,153,156],{},[143,144,145],"td",{},[103,146,147],{},"source",[143,149,150],{},[103,151,152],{},"string",[143,154,155],{},"Yes",[143,157,158],{},"The mermaid diagram source text (the raw content of the code block).",[111,160,162],{"id":161},"enabling-it","Enabling it",[164,165,170],"pre",{"className":166,"code":167,"language":168,"meta":169,"style":169},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install mermaid\n","bash","",[103,171,172],{"__ignoreMap":169},[173,174,177,181,185],"span",{"class":175,"line":176},"line",1,[173,178,180],{"class":179},"sBMFI","npm",[173,182,184],{"class":183},"sfazB"," install",[173,186,187],{"class":183}," mermaid\n",[164,189,193],{"className":190,"code":191,"language":192,"meta":169,"style":169},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CTinaMarkdown :content=\"post.body\" :components=\"{ 'tina-mermaid': TinaMermaid }\" \u002F>\n","vue",[103,194,195],{"__ignoreMap":169},[173,196,197,201,205,208,212,215,218,222,225,228,230,232,235,237,239,242,245,248,251,254,257,260,262],{"class":175,"line":176},[173,198,200],{"class":199},"sMK4o","\u003C",[173,202,204],{"class":203},"swJcz","TinaMarkdown",[173,206,207],{"class":199}," :",[173,209,211],{"class":210},"spNyl","content",[173,213,214],{"class":199},"=",[173,216,217],{"class":199},"\"",[173,219,221],{"class":220},"sTEyZ","post",[173,223,224],{"class":199},".",[173,226,227],{"class":220},"body",[173,229,217],{"class":199},[173,231,207],{"class":199},[173,233,234],{"class":210},"components",[173,236,214],{"class":199},[173,238,217],{"class":199},[173,240,241],{"class":199},"{",[173,243,244],{"class":199}," '",[173,246,247],{"class":203},"tina-mermaid",[173,249,250],{"class":199},"'",[173,252,253],{"class":199},":",[173,255,256],{"class":220}," TinaMermaid ",[173,258,259],{"class":199},"}",[173,261,217],{"class":199},[173,263,264],{"class":199}," \u002F>\n",[94,266,267,269,270,272,273,275,276,278,279,281],{},[103,268,108],{}," itself is dynamically imported only when a ",[103,271,77],{}," instance actually mounts, so it never adds to your bundle unless a page renders a mermaid diagram. Without the ",[103,274,234],{}," prop wired up on ",[103,277,73],{},", mermaid code blocks render as plain code instead. ",[103,280,77],{}," never mounts on its own.",[111,283,285],{"id":284},"fallback-behavior","Fallback behavior",[94,287,288,289,291,292,295],{},"If ",[103,290,108],{}," isn't installed, the component catches the failed import and renders the raw diagram source inside a ",[103,293,294],{},"\u003Cpre>"," block with a short note, instead of throwing.",[94,297,298,299,303,304,307],{},"See ",[300,301,44],"a",{"href":302},"\u002Fguide\u002Frich-text-advanced"," for how to add the ",[103,305,306],{},"'mermaid'"," toolbar button to a rich-text field.",[309,310],"hr",{},[312,313,314],"ul",{},[315,316,317],"li",{},[300,318,322],{"href":319,"rel":320},"https:\u002F\u002Fgithub.com\u002Fnarr07\u002Fnuxt-tina\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fcomponents\u002FTinaMermaid.vue",[321],"nofollow","Source",[324,325,326],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}",{"title":169,"searchDepth":328,"depth":328,"links":329},2,[330,331,332],{"id":113,"depth":328,"text":114},{"id":161,"depth":328,"text":162},{"id":284,"depth":328,"text":285},"Reference for the TinaMermaid component.","md",null,{},true,{"title":77,"description":333},"ARqwfuvmhaRnF2q9Skw1D83ZlFgONvFLmJpR2kNFtfI",[341,343],{"title":73,"path":74,"stem":75,"description":342,"children":-1},"Reference for the TinaMarkdown component.",{"title":81,"path":82,"stem":83,"description":344,"children":-1},"Reference for the tina config options in nuxt.config.ts.",1789757558801]