[{"data":1,"prerenderedAt":493},["ShallowReactive",2],{"navigation_docs_en":3,"-en-api-tina-markdown":88,"-en-api-tina-markdown-surround":488},[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":73,"body":90,"description":482,"extension":483,"links":484,"meta":485,"navigation":323,"path":74,"seo":486,"stem":75,"__hash__":487},"docs_en\u002Fen\u002F3.api\u002F5.tina-markdown.md",{"type":91,"value":92,"toc":477},"minimark",[93,106,111,178,182,408,412,437,458,461,473],[94,95,96,97,101,102,105],"p",{},"Renders a Tina rich-text field's AST into real Vue VNodes, through a Comark-style tuple adapter (",[98,99,100],"code",{},"comark-adapter.ts","), no ",[98,103,104],{},"comark"," package dependency, structural sharing comes from Vue's own VDOM diffing.",[107,108,110],"h2",{"id":109},"props","Props",[112,113,114,133],"table",{},[115,116,117],"thead",{},[118,119,120,124,127,130],"tr",{},[121,122,123],"th",{},"Prop",[121,125,126],{},"Type",[121,128,129],{},"Required",[121,131,132],{},"Description",[134,135,136,155],"tbody",{},[118,137,138,144,149,152],{},[139,140,141],"td",{},[98,142,143],{},"content",[139,145,146],{},[98,147,148],{},"any",[139,150,151],{},"Yes",[139,153,154],{},"The rich-text field's AST value, straight from a Tina query result.",[118,156,157,162,167,170],{},[139,158,159],{},[98,160,161],{},"components",[139,163,164],{},[98,165,166],{},"Record\u003Cstring, any>",[139,168,169],{},"No",[139,171,172,173,177],{},"Maps a tag the comark adapter emits to a Vue component instead of a literal HTML element: empty by default. See ",[174,175,44],"a",{"href":176},"\u002Fguide\u002Frich-text-advanced"," for the Mermaid opt-in example.",[107,179,181],{"id":180},"usage-example","Usage example",[183,184,189],"pre",{"className":185,"code":186,"language":187,"meta":188,"style":188},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst { data, isEditing, isInIframe } = useTina(response)\nconst post = computed(() => data.value?.post ?? {})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv :data-tina-field=\"tinaField(post, 'body')\">\n    \u003CTinaMarkdown :content=\"post.body\" \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue","",[98,190,191,226,263,308,318,325,335,358,389,399],{"__ignoreMap":188},[192,193,196,200,204,208,211,214,217,221,223],"span",{"class":194,"line":195},"line",1,[192,197,199],{"class":198},"sMK4o","\u003C",[192,201,203],{"class":202},"swJcz","script",[192,205,207],{"class":206},"spNyl"," setup",[192,209,210],{"class":206}," lang",[192,212,213],{"class":198},"=",[192,215,216],{"class":198},"\"",[192,218,220],{"class":219},"sfazB","ts",[192,222,216],{"class":198},[192,224,225],{"class":198},">\n",[192,227,229,232,235,239,242,245,247,250,253,256,260],{"class":194,"line":228},2,[192,230,231],{"class":206},"const",[192,233,234],{"class":198}," {",[192,236,238],{"class":237},"sTEyZ"," data",[192,240,241],{"class":198},",",[192,243,244],{"class":237}," isEditing",[192,246,241],{"class":198},[192,248,249],{"class":237}," isInIframe ",[192,251,252],{"class":198},"}",[192,254,255],{"class":198}," =",[192,257,259],{"class":258},"s2Zo4"," useTina",[192,261,262],{"class":237},"(response)\n",[192,264,266,268,271,273,276,279,282,285,287,290,293,296,299,302,305],{"class":194,"line":265},3,[192,267,231],{"class":206},[192,269,270],{"class":237}," post ",[192,272,213],{"class":198},[192,274,275],{"class":258}," computed",[192,277,278],{"class":237},"(",[192,280,281],{"class":198},"()",[192,283,284],{"class":206}," =>",[192,286,238],{"class":237},[192,288,289],{"class":198},".",[192,291,292],{"class":237},"value",[192,294,295],{"class":198},"?.",[192,297,298],{"class":237},"post ",[192,300,301],{"class":198},"??",[192,303,304],{"class":198}," {}",[192,306,307],{"class":237},")\n",[192,309,311,314,316],{"class":194,"line":310},4,[192,312,313],{"class":198},"\u003C\u002F",[192,315,203],{"class":202},[192,317,225],{"class":198},[192,319,321],{"class":194,"line":320},5,[192,322,324],{"emptyLinePlaceholder":323},true,"\n",[192,326,328,330,333],{"class":194,"line":327},6,[192,329,199],{"class":198},[192,331,332],{"class":202},"template",[192,334,225],{"class":198},[192,336,338,341,344,347,349,351,354,356],{"class":194,"line":337},7,[192,339,340],{"class":198},"  \u003C",[192,342,343],{"class":202},"div",[192,345,346],{"class":206}," :data-tina-field",[192,348,213],{"class":198},[192,350,216],{"class":198},[192,352,353],{"class":219},"tinaField(post, 'body')",[192,355,216],{"class":198},[192,357,225],{"class":198},[192,359,361,364,367,370,372,374,376,379,381,384,386],{"class":194,"line":360},8,[192,362,363],{"class":198},"    \u003C",[192,365,366],{"class":202},"TinaMarkdown",[192,368,369],{"class":198}," :",[192,371,143],{"class":206},[192,373,213],{"class":198},[192,375,216],{"class":198},[192,377,378],{"class":237},"post",[192,380,289],{"class":198},[192,382,383],{"class":237},"body",[192,385,216],{"class":198},[192,387,388],{"class":198}," \u002F>\n",[192,390,392,395,397],{"class":194,"line":391},9,[192,393,394],{"class":198},"  \u003C\u002F",[192,396,343],{"class":202},[192,398,225],{"class":198},[192,400,402,404,406],{"class":194,"line":401},10,[192,403,313],{"class":198},[192,405,332],{"class":202},[192,407,225],{"class":198},[107,409,411],{"id":410},"supported-markdown","Supported markdown",[94,413,414,415,418,419,422,423,426,427,430,431,436],{},"Paragraphs, headings (h1–h6), bold\u002Fitalic text, links, images, ordered\u002Funordered lists, blockquotes, ",[98,416,417],{},"\u003Chr>",", and code blocks all render through the standard HTML tags. A code block with ",[98,420,421],{},"lang: mermaid"," emits a ",[98,424,425],{},"tina-mermaid"," tag instead of ",[98,428,429],{},"\u003Cpre>\u003Ccode>",": see ",[174,432,434],{"href":433},"\u002Fapi\u002Ftina-mermaid",[98,435,77],{}," to render it.",[94,438,439,440,443,444,447,448,450,451,453,454,457],{},"Custom rich-text templates (Tina's ",[98,441,442],{},"{{ shortcode }}"," syntax or MDX-style embeds) render as a generic ",[98,445,446],{},"\u003Cdiv data-tina-type=\"...\">"," wrapper unless their tag is mapped through the ",[98,449,161],{}," prop: see ",[174,452,44],{"href":176}," for the full explanation and the gotcha with ",[98,455,456],{},"format: 'md'"," collections.",[459,460],"hr",{},[462,463,464],"ul",{},[465,466,467],"li",{},[174,468,472],{"href":469,"rel":470},"https:\u002F\u002Fgithub.com\u002Fnarr07\u002Fnuxt-tina\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fcomponents\u002FTinaMarkdown.vue",[471],"nofollow","Source",[474,475,476],"style",{},"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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}",{"title":188,"searchDepth":228,"depth":228,"links":478},[479,480,481],{"id":109,"depth":228,"text":110},{"id":180,"depth":228,"text":181},{"id":410,"depth":228,"text":411},"Reference for the TinaMarkdown component.","md",null,{},{"title":73,"description":482},"XbYolpWPlE_9G3FEkyeLjF8kOqbtNdcuYONjCgPDy_A",[489,491],{"title":69,"path":70,"stem":71,"description":490,"children":-1},"Reference for the TinaProvider component.",{"title":77,"path":78,"stem":79,"description":492,"children":-1},"Reference for the TinaMermaid component.",1789757558645]