[{"data":1,"prerenderedAt":584},["ShallowReactive",2],{"navigation_docs_id":3,"-id-api-use-tina-preview":88,"-id-api-use-tina-preview-surround":579},[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":65,"body":90,"description":573,"extension":574,"links":575,"meta":576,"navigation":331,"path":66,"seo":577,"stem":67,"__hash__":578},"docs_id\u002Fid\u002F3.api\u002F3.use-tina-preview.md",{"type":91,"value":92,"toc":568},"minimark",[93,106,111,205,242,246,261,265,524,549,552,564],[94,95,96,97,100,101,105],"p",{},"Link preview yang bisa dibagikan, beda sama ",[98,99,57],"code",{},". Lihat ",[102,103,28],"a",{"href":104},"\u002Fguide\u002Fpreview-mode"," buat penjelasan lengkap kapan pakai yang mana.",[107,108,110],"h2",{"id":109},"type-signature","Type signature",[112,113,118],"pre",{"className":114,"code":115,"language":116,"meta":117,"style":117},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useTinaPreview(paramName?: string): {\n  enabled: Ref\u003Cboolean>\n  state: Ref\u003C{ branch?: string }>\n}\n","ts","",[98,119,120,154,176,199],{"__ignoreMap":117},[121,122,125,129,133,137,141,144,148,151],"span",{"class":123,"line":124},"line",1,[121,126,128],{"class":127},"spNyl","function",[121,130,132],{"class":131},"s2Zo4"," useTinaPreview",[121,134,136],{"class":135},"sMK4o","(",[121,138,140],{"class":139},"sHdIc","paramName",[121,142,143],{"class":135},"?:",[121,145,147],{"class":146},"sBMFI"," string",[121,149,150],{"class":135},"):",[121,152,153],{"class":135}," {\n",[121,155,157,161,164,167,170,173],{"class":123,"line":156},2,[121,158,160],{"class":159},"swJcz","  enabled",[121,162,163],{"class":135},":",[121,165,166],{"class":146}," Ref",[121,168,169],{"class":135},"\u003C",[121,171,172],{"class":146},"boolean",[121,174,175],{"class":135},">\n",[121,177,179,182,184,186,189,192,194,196],{"class":123,"line":178},3,[121,180,181],{"class":159},"  state",[121,183,163],{"class":135},[121,185,166],{"class":146},[121,187,188],{"class":135},"\u003C{",[121,190,191],{"class":159}," branch",[121,193,143],{"class":135},[121,195,147],{"class":146},[121,197,198],{"class":135}," }>\n",[121,200,202],{"class":123,"line":201},4,[121,203,204],{"class":135},"}\n",[206,207,208,224],"table",{},[209,210,211],"thead",{},[212,213,214,218,221],"tr",{},[215,216,217],"th",{},"Parameter",[215,219,220],{},"Default",[215,222,223],{},"Deskripsi",[225,226,227],"tbody",{},[212,228,229,234,239],{},[230,231,232],"td",{},[98,233,140],{},[230,235,236],{},[98,237,238],{},"'tina-preview'",[230,240,241],{},"Nama query param yang ngaktifin preview mode",[107,243,245],{"id":244},"return-value","Return value",[94,247,248,249,252,253,256,257,260],{},"Persis sama kayak yang dibalikin ",[98,250,251],{},"usePreviewMode()"," bawaan Nuxt: ",[98,254,255],{},"{ enabled, state }",". ",[98,258,259],{},"state.branch"," otomatis keisi dari value query param-nya.",[107,262,264],{"id":263},"contoh","Contoh",[112,266,270],{"className":267,"code":268,"language":269,"meta":117,"style":117},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst { enabled, state } = useTinaPreview()\n\nconst { data } = await useAsyncData('page', () =>\n  $fetch('\u002Fapi\u002Ftina\u002Fpages\u002Fhome', {\n    query: { branch: state.value.branch },\n  }),\n)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv v-if=\"enabled\" class=\"preview-banner\">\n    Lihat draft dari branch: {{ state.branch }}\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[98,271,272,298,327,333,371,390,421,433,439,449,454,464,499,505,515],{"__ignoreMap":117},[121,273,274,276,279,282,285,288,291,294,296],{"class":123,"line":124},[121,275,169],{"class":135},[121,277,278],{"class":159},"script",[121,280,281],{"class":127}," setup",[121,283,284],{"class":127}," lang",[121,286,287],{"class":135},"=",[121,289,290],{"class":135},"\"",[121,292,116],{"class":293},"sfazB",[121,295,290],{"class":135},[121,297,175],{"class":135},[121,299,300,303,306,310,313,316,319,322,324],{"class":123,"line":156},[121,301,302],{"class":127},"const",[121,304,305],{"class":135}," {",[121,307,309],{"class":308},"sTEyZ"," enabled",[121,311,312],{"class":135},",",[121,314,315],{"class":308}," state ",[121,317,318],{"class":135},"}",[121,320,321],{"class":135}," =",[121,323,132],{"class":131},[121,325,326],{"class":308},"()\n",[121,328,329],{"class":123,"line":178},[121,330,332],{"emptyLinePlaceholder":331},true,"\n",[121,334,335,337,339,342,344,346,350,353,355,358,361,363,365,368],{"class":123,"line":201},[121,336,302],{"class":127},[121,338,305],{"class":135},[121,340,341],{"class":308}," data ",[121,343,318],{"class":135},[121,345,321],{"class":135},[121,347,349],{"class":348},"s7zQu"," await",[121,351,352],{"class":131}," useAsyncData",[121,354,136],{"class":308},[121,356,357],{"class":135},"'",[121,359,360],{"class":293},"page",[121,362,357],{"class":135},[121,364,312],{"class":135},[121,366,367],{"class":135}," ()",[121,369,370],{"class":127}," =>\n",[121,372,374,377,379,381,384,386,388],{"class":123,"line":373},5,[121,375,376],{"class":131},"  $fetch",[121,378,136],{"class":308},[121,380,357],{"class":135},[121,382,383],{"class":293},"\u002Fapi\u002Ftina\u002Fpages\u002Fhome",[121,385,357],{"class":135},[121,387,312],{"class":135},[121,389,153],{"class":135},[121,391,393,396,398,400,402,404,407,410,413,415,418],{"class":123,"line":392},6,[121,394,395],{"class":159},"    query",[121,397,163],{"class":135},[121,399,305],{"class":135},[121,401,191],{"class":159},[121,403,163],{"class":135},[121,405,406],{"class":308}," state",[121,408,409],{"class":135},".",[121,411,412],{"class":308},"value",[121,414,409],{"class":135},[121,416,417],{"class":308},"branch ",[121,419,420],{"class":135},"},\n",[121,422,424,427,430],{"class":123,"line":423},7,[121,425,426],{"class":135},"  }",[121,428,429],{"class":308},")",[121,431,432],{"class":135},",\n",[121,434,436],{"class":123,"line":435},8,[121,437,438],{"class":308},")\n",[121,440,442,445,447],{"class":123,"line":441},9,[121,443,444],{"class":135},"\u003C\u002F",[121,446,278],{"class":159},[121,448,175],{"class":135},[121,450,452],{"class":123,"line":451},10,[121,453,332],{"emptyLinePlaceholder":331},[121,455,457,459,462],{"class":123,"line":456},11,[121,458,169],{"class":135},[121,460,461],{"class":159},"template",[121,463,175],{"class":135},[121,465,467,470,473,476,478,480,483,485,488,490,492,495,497],{"class":123,"line":466},12,[121,468,469],{"class":135},"  \u003C",[121,471,472],{"class":159},"div",[121,474,475],{"class":127}," v-if",[121,477,287],{"class":135},[121,479,290],{"class":135},[121,481,482],{"class":293},"enabled",[121,484,290],{"class":135},[121,486,487],{"class":127}," class",[121,489,287],{"class":135},[121,491,290],{"class":135},[121,493,494],{"class":293},"preview-banner",[121,496,290],{"class":135},[121,498,175],{"class":135},[121,500,502],{"class":123,"line":501},13,[121,503,504],{"class":308},"    Lihat draft dari branch: {{ state.branch }}\n",[121,506,508,511,513],{"class":123,"line":507},14,[121,509,510],{"class":135},"  \u003C\u002F",[121,512,472],{"class":159},[121,514,175],{"class":135},[121,516,518,520,522],{"class":123,"line":517},15,[121,519,444],{"class":135},[121,521,461],{"class":159},[121,523,175],{"class":135},[94,525,526,527,530,531,534,535,538,539,542,543,545,546,409],{},"Akses halamannya dengan ",[98,528,529],{},"?tina-preview=\u003Cnama-branch>"," buat ngaktifin mode ini. Ingat: test-nya pakai ",[98,532,533],{},"nuxt generate"," + ",[98,536,537],{},"nuxt preview",", bukan ",[98,540,541],{},"nuxt dev",", itu limitasi dari ",[98,544,251],{}," sendiri, bukan spesifik ke ",[98,547,548],{},"nuxt-tina",[550,551],"hr",{},[553,554,555],"ul",{},[556,557,558],"li",{},[102,559,563],{"href":560,"rel":561},"https:\u002F\u002Fgithub.com\u002Fnarr07\u002Fnuxt-tina\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fcomposables\u002FuseTinaPreview.ts",[562],"nofollow","Source",[565,566,567],"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 .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 pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}",{"title":117,"searchDepth":156,"depth":156,"links":569},[570,571,572],{"id":109,"depth":156,"text":110},{"id":244,"depth":156,"text":245},{"id":263,"depth":156,"text":264},"Referensi API buat composable useTinaPreview().","md",null,{},{"title":65,"description":573},"bob4LFNoEY2b0vK20MHOZwJllQhcJggMLOoyySpoqyk",[580,582],{"title":61,"path":62,"stem":63,"description":581,"children":-1},"Referensi API buat composable useTinaBridge(): akses postMessage low-level.",{"title":69,"path":70,"stem":71,"description":583,"children":-1},"Referensi buat komponen TinaProvider.",1789757555886]