[{"data":1,"prerenderedAt":246},["ShallowReactive",2],{"navigation_docs_en":3,"-en-getting-started-introduction":88,"-en-getting-started-introduction-surround":243},[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":10,"body":90,"description":236,"extension":237,"links":238,"meta":239,"navigation":240,"path":11,"seo":241,"stem":12,"__hash__":242},"docs_en\u002Fen\u002F1.getting-started\u002F1.introduction.md",{"type":91,"value":92,"toc":229},"minimark",[93,101,104,109,116,121,151,155,158,169,178,181,185,188,220],[94,95,96,100],"p",{},[97,98,99],"code",{},"nuxt-tina"," is a Nuxt module that integrates TinaCMS into a Nuxt app. It lets a content editor edit content directly on the page being displayed. The Tina sidebar sits alongside it, and the page updates live as they type, with no reload.",[94,102,103],{},"Content still lives in Git (Markdown, MDX, or JSON). Tina is just the interface for editing it.",[105,106,108],"h2",{"id":107},"the-problem-it-solves","The problem it solves",[94,110,111,112,115],{},"TinaCMS has no official Vue or Nuxt integration. The visual editing bridge Tina already has (an iframe + ",[97,113,114],{},"postMessage"," architecture) has never been officially implemented for Vue.",[94,117,118,120],{},[97,119,99],{}," implements that bridge:",[122,123,124,132,139,145],"ol",{},[125,126,127,128,131],"li",{},"Tina Admin runs at ",[97,129,130],{},"\u002Fadmin",".",[125,133,134,135,138],{},"The Nuxt page loads inside an ",[97,136,137],{},"\u003Ciframe>"," next to the editor form.",[125,140,141,142,131],{},"Every form change is sent to the page over ",[97,143,144],{},"window.postMessage",[125,146,147,148,150],{},"The ",[97,149,57],{}," composable receives that payload and reactively updates Vue state.",[105,152,154],{"id":153},"editing-modes","Editing modes",[94,156,157],{},"The module provides two independent editing modes:",[94,159,160,164,165,168],{},[161,162,163],"strong",{},"Basic CMS"," (",[97,166,167],{},"\u002Fadmin#\u002Fcollections\u002F","): Tina's built-in edit form, reading\u002Fwriting files directly. Doesn't need the bridge, always stable.",[94,170,171,164,174,177],{},[161,172,173],{},"Visual editing",[97,175,176],{},"\u002Fadmin#\u002F~\u002Fpath","): two-way live preview through the iframe. The editor sees the real page while editing. This is the main reason the module exists.",[94,179,180],{},"If visual editing feels unstable in your project, basic CMS mode still works for every editing operation.",[105,182,184],{"id":183},"what-gets-registered-automatically","What gets registered automatically",[94,186,187],{},"Once the module is installed, the following are available with no extra configuration:",[189,190,191,201,210,217],"ul",{},[125,192,193,194,196,197,196,199],{},"Composables: ",[97,195,57],{},", ",[97,198,61],{},[97,200,65],{},[125,202,203,204,196,206,196,208],{},"Components: ",[97,205,69],{},[97,207,73],{},[97,209,77],{},[125,211,212,213,216],{},"A starter ",[97,214,215],{},"tina\u002Fconfig.ts",", scaffolded on first run if none exists",[125,218,219],{},"TypeScript types for every option",[94,221,222,223,228],{},"Continue to ",[224,225,227],"a",{"href":226},"\u002Fgetting-started\u002Finstallation","Installation"," to get started.",{"title":230,"searchDepth":231,"depth":231,"links":232},"",2,[233,234,235],{"id":107,"depth":231,"text":108},{"id":153,"depth":231,"text":154},{"id":183,"depth":231,"text":184},"What nuxt-tina is, who needs it, and how it works.","md",null,{},true,{"title":10,"description":236},"xBqR6dYX0ZL3kU_U1ivBEGC9tj3Xp4OCeoY1Vqx4c9M",[238,244],{"title":14,"path":15,"stem":16,"description":245,"children":-1},"Install nuxt-tina in a Nuxt project and verify it works.",1789757553416]