[{"data":1,"prerenderedAt":220},["ShallowReactive",2],{"navigation_docs":3,"-helpers-visual-editing":71,"-helpers-visual-editing-surround":215},[4,34,58],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,14,18,22,26,30],{"title":11,"path":12,"stem":13},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":15,"path":16,"stem":17},"Configuration","\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F3.configuration",{"title":19,"path":20,"stem":21},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage",{"title":23,"path":24,"stem":25},"Visual Editing","\u002Fgetting-started\u002Fvisual-editing","1.getting-started\u002F5.visual-editing",{"title":27,"path":28,"stem":29},"Live Content","\u002Fgetting-started\u002Flive-content","1.getting-started\u002F6.live-content",{"title":31,"path":32,"stem":33},"Typegen","\u002Fgetting-started\u002Ftypegen","1.getting-started\u002F7.typegen",{"title":35,"icon":6,"path":36,"stem":37,"children":38,"page":6},"Helpers","\u002Fhelpers","2.helpers",[39,43,47,51,55],{"title":40,"path":41,"stem":42},"Portable Text","\u002Fhelpers\u002Fportable-text","2.helpers\u002F1.portable-text",{"title":44,"path":45,"stem":46},"Images","\u002Fhelpers\u002Fimages","2.helpers\u002F2.images",{"title":48,"path":49,"stem":50},"Files","\u002Fhelpers\u002Ffiles","2.helpers\u002F3.files",{"title":52,"path":53,"stem":54},"Groq","\u002Fhelpers\u002Fgroq","2.helpers\u002F4.groq",{"title":23,"path":56,"stem":57},"\u002Fhelpers\u002Fvisual-editing","2.helpers\u002F5.visual-editing",{"title":59,"icon":6,"path":60,"stem":61,"children":62,"page":6},"Community","\u002Fcommunity","3.community",[63,67],{"title":64,"path":65,"stem":66},"Credits","\u002Fcommunity\u002Fcredits","3.community\u002F1.credits",{"title":68,"path":69,"stem":70},"Changelog","\u002Fcommunity\u002Fchangelog","3.community\u002F2.changelog",{"id":72,"title":23,"body":73,"description":208,"extension":209,"links":210,"meta":211,"navigation":212,"path":56,"seo":213,"stem":57,"__hash__":214},"docs\u002F2.helpers\u002F5.visual-editing.md",{"type":74,"value":75,"toc":205},"minimark",[76,85,88,99,104,201],[77,78,79,80,84],"p",{},"When visual editing is enabled, this module exports a ",[81,82,83],"code",{},"createSanityDataAttribute"," helper function which allows you to manually map content in a component to its source.",[77,86,87],{},"It is globally available throughout your project (both within your server routes and your Vue app) via auto-imports.",[77,89,90,91,98],{},"See the ",[92,93,97],"a",{"href":94,"rel":95},"https:\u002F\u002Fwww.sanity.io\u002Fdocs\u002Fvisual-editing-overlays#cb95b19a0263",[96],"nofollow","Sanity documentation"," for more information.",[100,101,103],"h2",{"id":102},"example","Example",[105,106,111],"pre",{"className":107,"code":108,"language":109,"meta":110,"style":110},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Ch1 :data-sanity=\"createSanityDataAttribute({\n    id: 'the-godfather',\n    type: 'movie',\n    path: 'title',\n  })\">The Godfather\u003C\u002Fh1>\n\u003C\u002Ftemplate>\n","vue","",[81,112,113,129,152,158,164,170,192],{"__ignoreMap":110},[114,115,118,122,126],"span",{"class":116,"line":117},"line",1,[114,119,121],{"class":120},"sMK4o","\u003C",[114,123,125],{"class":124},"swJcz","template",[114,127,128],{"class":120},">\n",[114,130,132,135,138,142,145,148],{"class":116,"line":131},2,[114,133,134],{"class":120},"  \u003C",[114,136,137],{"class":124},"h1",[114,139,141],{"class":140},"spNyl"," :data-sanity",[114,143,144],{"class":120},"=",[114,146,147],{"class":120},"\"",[114,149,151],{"class":150},"sfazB","createSanityDataAttribute({\n",[114,153,155],{"class":116,"line":154},3,[114,156,157],{"class":150},"    id: 'the-godfather',\n",[114,159,161],{"class":116,"line":160},4,[114,162,163],{"class":150},"    type: 'movie',\n",[114,165,167],{"class":116,"line":166},5,[114,168,169],{"class":150},"    path: 'title',\n",[114,171,173,176,178,181,185,188,190],{"class":116,"line":172},6,[114,174,175],{"class":150},"  })",[114,177,147],{"class":120},[114,179,180],{"class":120},">",[114,182,184],{"class":183},"sTEyZ","The Godfather",[114,186,187],{"class":120},"\u003C\u002F",[114,189,137],{"class":124},[114,191,128],{"class":120},[114,193,195,197,199],{"class":116,"line":194},7,[114,196,187],{"class":120},[114,198,125],{"class":124},[114,200,128],{"class":120},[202,203,204],"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 .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":110,"searchDepth":131,"depth":131,"links":206},[207],{"id":102,"depth":131,"text":103},"When visual editing is enabled, this module exports a createSanityDataAttribute helper function which allows you to manually map content in a component to its source.","md",null,{},true,{"description":208},"A5vBcA3Vugt9EU4995P8vYnhWFa70H69DzLh4g31Nh8",[216,218],{"title":52,"path":53,"stem":54,"description":217,"children":-1},"This module exports the official groq template tag function for writing GROQ queries with syntax highlighting. Make sure to install the VSCode extension for the best experience.",{"title":64,"path":65,"stem":66,"description":219,"children":-1},"Thanks to the following projects:",1775669592365]