[{"data":1,"prerenderedAt":663},["ShallowReactive",2],{"navigation_docs_id":3,"-id-api-use-tina-bridge":88,"-id-api-use-tina-bridge-surround":658},[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":61,"body":90,"description":652,"extension":653,"links":654,"meta":655,"navigation":478,"path":62,"seo":656,"stem":63,"__hash__":657},"docs_id\u002Fid\u002F3.api\u002F2.use-tina-bridge.md",{"type":91,"value":92,"toc":647},"minimark",[93,109,114,299,303,405,409,628,631,643],[94,95,96,97,101,102,108],"p",{},"Akses langsung ke bridge ",[98,99,100],"code",{},"postMessage"," TinaCMS di baliknya. Kebanyakan komponen sebaiknya pakai ",[103,104,106],"a",{"href":105},"\u002Fapi\u002Fuse-tina",[98,107,57],{}," aja. Ini buat kasus di mana kamu butuh kirim atau dengar custom message yang nggak dikirim Tina Admin secara default.",[110,111,113],"h2",{"id":112},"type-signature","Type signature",[115,116,121],"pre",{"className":117,"code":118,"language":119,"meta":120,"style":120},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useTinaBridge(): {\n  isInIframe: Ref\u003Cboolean>\n  sendToAdmin: (type: string, payload?: unknown) => void\n  onAdminMessage: \u003CT = unknown>(type: string, callback: (payload: T) => void) => () => void\n  bridgeError: Ref\u003CError | null>\n}\n","ts","",[98,122,123,143,166,207,270,293],{"__ignoreMap":120},[124,125,128,132,136,140],"span",{"class":126,"line":127},"line",1,[124,129,131],{"class":130},"spNyl","function",[124,133,135],{"class":134},"s2Zo4"," useTinaBridge",[124,137,139],{"class":138},"sMK4o","():",[124,141,142],{"class":138}," {\n",[124,144,146,150,153,157,160,163],{"class":126,"line":145},2,[124,147,149],{"class":148},"swJcz","  isInIframe",[124,151,152],{"class":138},":",[124,154,156],{"class":155},"sBMFI"," Ref",[124,158,159],{"class":138},"\u003C",[124,161,162],{"class":155},"boolean",[124,164,165],{"class":138},">\n",[124,167,169,172,174,177,181,183,186,189,192,195,198,201,204],{"class":126,"line":168},3,[124,170,171],{"class":148},"  sendToAdmin",[124,173,152],{"class":138},[124,175,176],{"class":138}," (",[124,178,180],{"class":179},"sHdIc","type",[124,182,152],{"class":138},[124,184,185],{"class":155}," string",[124,187,188],{"class":138},",",[124,190,191],{"class":179}," payload",[124,193,194],{"class":138},"?:",[124,196,197],{"class":155}," unknown",[124,199,200],{"class":138},")",[124,202,203],{"class":130}," =>",[124,205,206],{"class":155}," void\n",[124,208,210,213,215,218,221,224,226,229,231,233,235,237,240,242,244,247,249,252,254,256,259,261,263,266,268],{"class":126,"line":209},4,[124,211,212],{"class":148},"  onAdminMessage",[124,214,152],{"class":138},[124,216,217],{"class":138}," \u003C",[124,219,220],{"class":155},"T",[124,222,223],{"class":138}," =",[124,225,197],{"class":155},[124,227,228],{"class":138},">(",[124,230,180],{"class":179},[124,232,152],{"class":138},[124,234,185],{"class":155},[124,236,188],{"class":138},[124,238,239],{"class":148}," callback",[124,241,152],{"class":138},[124,243,176],{"class":138},[124,245,246],{"class":179},"payload",[124,248,152],{"class":138},[124,250,251],{"class":155}," T",[124,253,200],{"class":138},[124,255,203],{"class":130},[124,257,258],{"class":155}," void",[124,260,200],{"class":138},[124,262,203],{"class":130},[124,264,265],{"class":138}," ()",[124,267,203],{"class":130},[124,269,206],{"class":155},[124,271,273,276,278,280,282,285,288,291],{"class":126,"line":272},5,[124,274,275],{"class":148},"  bridgeError",[124,277,152],{"class":138},[124,279,156],{"class":155},[124,281,159],{"class":138},[124,283,284],{"class":155},"Error",[124,286,287],{"class":138}," |",[124,289,290],{"class":155}," null",[124,292,165],{"class":138},[124,294,296],{"class":126,"line":295},6,[124,297,298],{"class":138},"}\n",[110,300,302],{"id":301},"return-value","Return value",[304,305,306,322],"table",{},[307,308,309],"thead",{},[310,311,312,316,319],"tr",{},[313,314,315],"th",{},"Properti",[313,317,318],{},"Tipe",[313,320,321],{},"Deskripsi",[323,324,325,344,363,381],"tbody",{},[310,326,327,333,338],{},[328,329,330],"td",{},[98,331,332],{},"isInIframe",[328,334,335],{},[98,336,337],{},"Ref\u003Cboolean>",[328,339,340,343],{},[98,341,342],{},"true"," pas halamannya dimuat di dalam iframe Tina Admin.",[310,345,346,351,356],{},[328,347,348],{},[98,349,350],{},"sendToAdmin",[328,352,353],{},[98,354,355],{},"(type, payload?) => void",[328,357,358,359,362],{},"Kirim message ",[98,360,361],{},"{ type, payload, source: 'nuxt-tina' }"," ke parent window. Nggak ngapa-ngapain kalau bukan di dalam iframe.",[310,364,365,370,375],{},[328,366,367],{},[98,368,369],{},"onAdminMessage",[328,371,372],{},[98,373,374],{},"(type, callback) => () => void",[328,376,377,378,380],{},"Subscribe ke message dengan ",[98,379,180],{}," tertentu dari parent window. Balikin fungsi unsubscribe; juga otomatis dibersihkan pas unmount.",[310,382,383,388,393],{},[328,384,385],{},[98,386,387],{},"bridgeError",[328,389,390],{},[98,391,392],{},"Ref\u003CError | null>",[328,394,395,396,399,400,404],{},"Error terakhir yang ketangkep pas ngirim message ke Tina Admin, atau ",[98,397,398],{},"null",". Sama-sama dipakai dengan ",[103,401,402],{"href":105},[98,403,57],{},": dua composable ini baca value yang sama.",[110,406,408],{"id":407},"contoh","Contoh",[115,410,414],{"className":411,"code":412,"language":413,"meta":120,"style":120},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst { isInIframe, sendToAdmin, onAdminMessage } = useTinaBridge()\n\nonAdminMessage\u003C{ value: boolean }>('quickEditEnabled', (payload) => {\n  console.log('Quick edit toggled:', payload.value)\n})\n\nfunction notifyAdmin() {\n  sendToAdmin('my-custom-event', { foo: 'bar' })\n}\n\u003C\u002Fscript>\n","vue",[98,415,416,442,474,480,521,553,559,564,577,613,618],{"__ignoreMap":120},[124,417,418,420,423,426,429,432,435,438,440],{"class":126,"line":127},[124,419,159],{"class":138},[124,421,422],{"class":148},"script",[124,424,425],{"class":130}," setup",[124,427,428],{"class":130}," lang",[124,430,431],{"class":138},"=",[124,433,434],{"class":138},"\"",[124,436,119],{"class":437},"sfazB",[124,439,434],{"class":138},[124,441,165],{"class":138},[124,443,444,447,450,454,456,459,461,464,467,469,471],{"class":126,"line":145},[124,445,446],{"class":130},"const",[124,448,449],{"class":138}," {",[124,451,453],{"class":452},"sTEyZ"," isInIframe",[124,455,188],{"class":138},[124,457,458],{"class":452}," sendToAdmin",[124,460,188],{"class":138},[124,462,463],{"class":452}," onAdminMessage ",[124,465,466],{"class":138},"}",[124,468,223],{"class":138},[124,470,135],{"class":134},[124,472,473],{"class":452},"()\n",[124,475,476],{"class":126,"line":168},[124,477,479],{"emptyLinePlaceholder":478},true,"\n",[124,481,482,484,487,490,492,495,498,501,504,507,509,511,513,515,517,519],{"class":126,"line":209},[124,483,369],{"class":134},[124,485,486],{"class":138},"\u003C{",[124,488,489],{"class":148}," value",[124,491,152],{"class":138},[124,493,494],{"class":155}," boolean",[124,496,497],{"class":138}," }>",[124,499,500],{"class":452},"(",[124,502,503],{"class":138},"'",[124,505,506],{"class":437},"quickEditEnabled",[124,508,503],{"class":138},[124,510,188],{"class":138},[124,512,176],{"class":138},[124,514,246],{"class":179},[124,516,200],{"class":138},[124,518,203],{"class":130},[124,520,142],{"class":138},[124,522,523,526,529,532,534,536,539,541,543,545,547,550],{"class":126,"line":272},[124,524,525],{"class":452},"  console",[124,527,528],{"class":138},".",[124,530,531],{"class":134},"log",[124,533,500],{"class":148},[124,535,503],{"class":138},[124,537,538],{"class":437},"Quick edit toggled:",[124,540,503],{"class":138},[124,542,188],{"class":138},[124,544,191],{"class":452},[124,546,528],{"class":138},[124,548,549],{"class":452},"value",[124,551,552],{"class":148},")\n",[124,554,555,557],{"class":126,"line":295},[124,556,466],{"class":138},[124,558,552],{"class":452},[124,560,562],{"class":126,"line":561},7,[124,563,479],{"emptyLinePlaceholder":478},[124,565,567,569,572,575],{"class":126,"line":566},8,[124,568,131],{"class":130},[124,570,571],{"class":134}," notifyAdmin",[124,573,574],{"class":138},"()",[124,576,142],{"class":138},[124,578,580,582,584,586,589,591,593,595,598,600,603,606,608,611],{"class":126,"line":579},9,[124,581,171],{"class":134},[124,583,500],{"class":148},[124,585,503],{"class":138},[124,587,588],{"class":437},"my-custom-event",[124,590,503],{"class":138},[124,592,188],{"class":138},[124,594,449],{"class":138},[124,596,597],{"class":148}," foo",[124,599,152],{"class":138},[124,601,602],{"class":138}," '",[124,604,605],{"class":437},"bar",[124,607,503],{"class":138},[124,609,610],{"class":138}," }",[124,612,552],{"class":148},[124,614,616],{"class":126,"line":615},10,[124,617,298],{"class":138},[124,619,621,624,626],{"class":126,"line":620},11,[124,622,623],{"class":138},"\u003C\u002F",[124,625,422],{"class":148},[124,627,165],{"class":138},[629,630],"hr",{},[632,633,634],"ul",{},[635,636,637],"li",{},[103,638,642],{"href":639,"rel":640},"https:\u002F\u002Fgithub.com\u002Fnarr07\u002Fnuxt-tina\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fcomposables\u002FuseTinaBridge.ts",[641],"nofollow","Source",[644,645,646],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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 .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}",{"title":120,"searchDepth":145,"depth":145,"links":648},[649,650,651],{"id":112,"depth":145,"text":113},{"id":301,"depth":145,"text":302},{"id":407,"depth":145,"text":408},"Referensi API buat composable useTinaBridge(): akses postMessage low-level.","md",null,{},{"title":61,"description":652},"SqVMlRhxytnOf_S7VY6cqV5LOQmoYa6_XLGgw9RDz5M",[659,661],{"title":57,"path":58,"stem":59,"description":660,"children":-1},"Referensi API buat composable useTina().",{"title":65,"path":66,"stem":67,"description":662,"children":-1},"Referensi API buat composable useTinaPreview().",1789757555755]