[{"data":1,"prerenderedAt":245},["ShallowReactive",2],{"navigation_docs_id":3,"-id-getting-started-introduction":88,"-id-getting-started-introduction-surround":242},[4,18,51],{"title":5,"path":6,"stem":7,"children":8,"page":17},"Getting Started","\u002Fid\u002Fgetting-started","id\u002F1.getting-started",[9,13],{"title":10,"path":11,"stem":12},"Pengenalan","\u002Fid\u002Fgetting-started\u002Fintroduction","id\u002F1.getting-started\u002F1.introduction",{"title":14,"path":15,"stem":16},"Instalasi & Konfigurasi","\u002Fid\u002Fgetting-started\u002Finstallation","id\u002F1.getting-started\u002F2.installation",false,{"title":19,"path":20,"stem":21,"children":22,"page":17},"Guide","\u002Fid\u002Fguide","id\u002F2.guide",[23,27,31,35,39,43,47],{"title":24,"path":25,"stem":26},"Contextual Editing","\u002Fid\u002Fguide\u002Fcontextual-editing","id\u002F2.guide\u002F1.contextual-editing",{"title":28,"path":29,"stem":30},"Preview Mode","\u002Fid\u002Fguide\u002Fpreview-mode","id\u002F2.guide\u002F2.preview-mode",{"title":32,"path":33,"stem":34},"Tina Cloud & Mode Editing","\u002Fid\u002Fguide\u002Ftina-cloud","id\u002F2.guide\u002F3.tina-cloud",{"title":36,"path":37,"stem":38},"Kompatibilitas Nuxt Content","\u002Fid\u002Fguide\u002Fnuxt-content","id\u002F2.guide\u002F4.nuxt-content",{"title":40,"path":41,"stem":42},"Media","\u002Fid\u002Fguide\u002Fmedia","id\u002F2.guide\u002F5.media",{"title":44,"path":45,"stem":46},"Rich-Text Lanjutan","\u002Fid\u002Fguide\u002Frich-text-advanced","id\u002F2.guide\u002F6.rich-text-advanced",{"title":48,"path":49,"stem":50},"Deployment","\u002Fid\u002Fguide\u002Fdeployment","id\u002F2.guide\u002F7.deployment",{"title":52,"path":53,"stem":54,"children":55,"page":17},"Api","\u002Fid\u002Fapi","id\u002F3.api",[56,60,64,68,72,76,80,84],{"title":57,"path":58,"stem":59},"useTina()","\u002Fid\u002Fapi\u002Fuse-tina","id\u002F3.api\u002F1.use-tina",{"title":61,"path":62,"stem":63},"useTinaBridge()","\u002Fid\u002Fapi\u002Fuse-tina-bridge","id\u002F3.api\u002F2.use-tina-bridge",{"title":65,"path":66,"stem":67},"useTinaPreview()","\u002Fid\u002Fapi\u002Fuse-tina-preview","id\u002F3.api\u002F3.use-tina-preview",{"title":69,"path":70,"stem":71},"\u003CTinaProvider>","\u002Fid\u002Fapi\u002Ftina-provider","id\u002F3.api\u002F4.tina-provider",{"title":73,"path":74,"stem":75},"\u003CTinaMarkdown>","\u002Fid\u002Fapi\u002Ftina-markdown","id\u002F3.api\u002F5.tina-markdown",{"title":77,"path":78,"stem":79},"\u003CTinaMermaid>","\u002Fid\u002Fapi\u002Ftina-mermaid","id\u002F3.api\u002F6.tina-mermaid",{"title":81,"path":82,"stem":83},"Konfigurasi Module","\u002Fid\u002Fapi\u002Fconfiguration","id\u002F3.api\u002F7.configuration",{"title":85,"path":86,"stem":87},"Tipe Field","\u002Fid\u002Fapi\u002Ffield-types","id\u002F3.api\u002F8.field-types",{"id":89,"title":10,"body":90,"description":235,"extension":236,"links":237,"meta":238,"navigation":239,"path":11,"seo":240,"stem":12,"__hash__":241},"docs_id\u002Fid\u002F1.getting-started\u002F1.introduction.md",{"type":91,"value":92,"toc":228},"minimark",[93,101,104,109,116,121,151,155,158,169,178,181,185,188,219],[94,95,96,100],"p",{},[97,98,99],"code",{},"nuxt-tina"," adalah module Nuxt yang mengintegrasikan TinaCMS ke aplikasi Nuxt. Content editor bisa edit konten langsung di halaman yang sedang ditampilkan. Sidebar Tina muncul di sampingnya, dan halaman berubah live saat mereka ngetik, tanpa reload.",[94,102,103],{},"Konten tetap tersimpan di Git (Markdown, MDX, atau JSON). Tina cuma jadi antarmuka buat ngeditnya.",[105,106,108],"h2",{"id":107},"masalah-yang-diselesaikan","Masalah yang diselesaikan",[94,110,111,112,115],{},"TinaCMS belum punya integrasi resmi buat Vue atau Nuxt. Bridge visual editing yang sudah dimiliki Tina (arsitektur iframe + ",[97,113,114],{},"postMessage",") belum pernah diimplementasikan secara resmi untuk Vue.",[94,117,118,120],{},[97,119,99],{}," mengimplementasikan bridge itu:",[122,123,124,132,139,145],"ol",{},[125,126,127,128,131],"li",{},"Tina Admin jalan di ",[97,129,130],{},"\u002Fadmin",".",[125,133,134,135,138],{},"Halaman Nuxt dimuat di dalam ",[97,136,137],{},"\u003Ciframe>"," di samping form editor.",[125,140,141,142,131],{},"Setiap perubahan form dikirim ke halaman lewat ",[97,143,144],{},"window.postMessage",[125,146,147,148,150],{},"Composable ",[97,149,57],{}," menerima payload itu dan memperbarui state Vue secara reaktif.",[105,152,154],{"id":153},"mode-editing","Mode editing",[94,156,157],{},"Module ini menyediakan dua mode editing yang independen:",[94,159,160,164,165,168],{},[161,162,163],"strong",{},"CMS dasar"," (",[97,166,167],{},"\u002Fadmin#\u002Fcollections\u002F","): form edit bawaan Tina, langsung baca\u002Ftulis file. Tidak butuh bridge, selalu stabil.",[94,170,171,164,174,177],{},[161,172,173],{},"Visual editing",[97,175,176],{},"\u002Fadmin#\u002F~\u002Fpath","): live preview dua arah lewat iframe. Editor lihat halaman aslinya sambil ngedit. Ini alasan utama kenapa module ini dibuat.",[94,179,180],{},"Kalau visual editing kerasa belum stabil di project kamu, mode CMS dasar tetap jalan buat semua operasi editing.",[105,182,184],{"id":183},"yang-otomatis-terdaftar","Yang otomatis terdaftar",[94,186,187],{},"Setelah module dipasang, berikut ini langsung tersedia tanpa konfigurasi tambahan:",[189,190,191,201,210,216],"ul",{},[125,192,193,194,196,197,196,199],{},"Composable: ",[97,195,57],{},", ",[97,198,61],{},[97,200,65],{},[125,202,203,204,196,206,196,208],{},"Komponen: ",[97,205,69],{},[97,207,73],{},[97,209,77],{},[125,211,212,215],{},[97,213,214],{},"tina\u002Fconfig.ts"," starter, dibuat otomatis saat pertama kali dijalankan kalau belum ada",[125,217,218],{},"TypeScript types buat semua opsi",[94,220,221,222,227],{},"Lanjut ke ",[223,224,226],"a",{"href":225},"\u002Fgetting-started\u002Finstallation","Instalasi"," buat mulai.",{"title":229,"searchDepth":230,"depth":230,"links":231},"",2,[232,233,234],{"id":107,"depth":230,"text":108},{"id":153,"depth":230,"text":154},{"id":183,"depth":230,"text":184},"Apa itu nuxt-tina, siapa yang butuh, dan bagaimana cara kerjanya.","md",null,{},true,{"title":10,"description":235},"iZYlV2QnVecPC_gFV0aAq7KZ0d9gbCcC8nW0WYRVaUk",[237,243],{"title":14,"path":15,"stem":16,"description":244,"children":-1},"Pasang nuxt-tina di project Nuxt dan verifikasi hasilnya.",1789757553584]