[{"data":1,"prerenderedAt":572},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-visual-editing":71,"-getting-started-visual-editing-surround":567},[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":120,"extension":561,"links":562,"meta":563,"navigation":564,"path":24,"seo":565,"stem":25,"__hash__":566},"docs\u002F1.getting-started\u002F5.visual-editing.md",{"type":74,"value":75,"toc":555},"minimark",[76,81,103,110,157,165,168,175,182,198,201,206,216,219,224,238,241,282,288,304,307,327,332,342,349,353,360,369,375,389,392,397,404,551],[77,78,80],"h2",{"id":79},"overview","Overview",[82,83,84,88,89,96,97,102],"p",{},[85,86,87],"code",{},"@nuxtjs\u002Fsanity"," provides a simple method of integrating ",[90,91,95],"a",{"href":92,"rel":93},"https:\u002F\u002Fwww.sanity.io\u002Fdocs\u002Fvisual-editing",[94],"nofollow","visual editing"," in your Nuxt application. Before enabling this feature, make sure you have ",[90,98,101],{"href":99,"rel":100},"https:\u002F\u002Fwww.sanity.io\u002Fdocs\u002Fpresentation",[94],"Presentation"," installed in your studio.",[82,104,105,106,109],{},"You will also need to install ",[85,107,108],{},"@sanity\u002Fclient",":",[111,112,113,138],"code-group",{},[114,115,121],"pre",{"className":116,"code":117,"filename":118,"language":119,"meta":120,"style":120},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm install @sanity\u002Fclient\n","pnpm","bash","",[85,122,123],{"__ignoreMap":120},[124,125,128,131,135],"span",{"class":126,"line":127},"line",1,[124,129,118],{"class":130},"sBMFI",[124,132,134],{"class":133},"sfazB"," install",[124,136,137],{"class":133}," @sanity\u002Fclient\n",[114,139,142],{"className":116,"code":140,"filename":141,"language":119,"meta":120,"style":120},"npm install @sanity\u002Fclient --save\n","NPM",[85,143,144],{"__ignoreMap":120},[124,145,146,149,151,154],{"class":126,"line":127},[124,147,148],{"class":130},"npm",[124,150,134],{"class":133},[124,152,153],{"class":133}," @sanity\u002Fclient",[124,155,156],{"class":133}," --save\n",[158,159,160,161,164],"warning",{},"The ",[85,162,163],{},"minimal"," client must not be enabled.",[77,166,15],{"id":167},"configuration",[82,169,170,171,174],{},"You can configure visual editing via the ",[85,172,173],{},"sanity.visualEditing"," key in your Nuxt config. The following options are available:",[176,177,179],"h4",{"id":178},"studiourl",[85,180,181],{},"studioUrl",[183,184,185,192],"ul",{},[186,187,188],"li",{},[189,190,191],"strong",{},"Required",[186,193,194,195],{},"Type: ",[189,196,197],{},"string",[82,199,200],{},"The URL of the Sanity Studio with Presentation installed.",[176,202,204],{"id":203},"token",[85,205,203],{},[183,207,208,212],{},[186,209,210],{},[189,211,191],{},[186,213,194,214],{},[189,215,197],{},[82,217,218],{},"A Sanity read token used for server side queries. This is required in order to fetch draft content. This value will not be exposed to the client.",[176,220,222],{"id":221},"mode",[85,223,221],{},[183,225,226,230],{},[186,227,194,228],{},[189,229,197],{},[186,231,232,233],{},"Default: ",[189,234,235],{},[85,236,237],{},"'live-visual-editing'",[82,239,240],{},"Accepts one of the following options:",[183,242,243,254,266],{},[186,244,245,249,250,253],{},[189,246,247],{},[85,248,237],{}," - Default behaviour. Lets the module handle setup to provide fully featured visual editing with live updates. Queries should be executed using ",[85,251,252],{},"useSanityQuery",".",[186,255,256,261,262,265],{},[189,257,258],{},[85,259,260],{},"'visual-editing'"," - Used to enable visual editing without live updates, for example if fetching data using the Sanity client directly. Passing a custom ",[85,263,264],{},"refresh"," handler is recommended, as by default the entire app will refresh to display updates.",[186,267,268,273,274,277,278,281],{},[189,269,270],{},[85,271,272],{},"'custom'"," - The module will not handle any setup, instead the ",[85,275,276],{},"useSanityVisualEditing"," and\u002For ",[85,279,280],{},"useSanityLiveMode"," composables will need to be called manually.",[176,283,285],{"id":284},"previewmode",[85,286,287],{},"previewMode",[183,289,290,299],{},[186,291,194,292,295,296],{},[189,293,294],{},"boolean",", ",[189,297,298],{},"object",[186,300,232,301],{},[189,302,303],{},"true",[82,305,306],{},"To enable preview mode with defaults, or optionally configure the endpoints used to enable and disable preview mode. If passing an object, the options that can be provided are:",[183,308,309,318],{},[186,310,311,314,315],{},[85,312,313],{},"enable"," - the path of the enable endpoint, defaults to ",[85,316,317],{},"\u002Fpreview\u002Fenable",[186,319,320,323,324],{},[85,321,322],{},"disable"," - the path of the disable endpoint, defaults to ",[85,325,326],{},"\u002Fpreview\u002Fdisable",[176,328,330],{"id":329},"stega",[85,331,329],{},[183,333,334,338],{},[186,335,194,336],{},[189,337,294],{},[186,339,232,340],{},[189,341,303],{},[82,343,344,345,253],{},"Used to enable or disable ",[90,346,329],{"href":347,"rel":348},"https:\u002F\u002Fwww.sanity.io\u002Fdocs\u002Floaders-and-overlays#1dbcc04a7093",[94],[176,350,351],{"id":264},[85,352,264],{},[183,354,355],{},[186,356,194,357],{},[189,358,359],{},"function",[82,361,362,363,365,366,253],{},"An optional function for overriding the default handling of refresh events received from the studio. This is generally not need needed if the ",[85,364,221],{}," option is set to ",[85,367,368],{},"live-visual-editing",[176,370,372],{"id":371},"zindex",[85,373,374],{},"zIndex",[183,376,377,384],{},[186,378,194,379,295,382],{},[189,380,381],{},"number",[189,383,197],{},[186,385,232,386],{},[189,387,388],{},"9999999",[82,390,391],{},"The CSS z-index on the root node that renders overlays.",[393,394,396],"h3",{"id":395},"recommended-configuration","Recommended Configuration",[82,398,399,400,403],{},"For most use cases, the following minimum ",[85,401,402],{},"visualEditing"," configuration will suffice:",[114,405,410],{"className":406,"code":407,"filename":408,"language":409,"meta":120,"style":120},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxtjs\u002Fsanity'],\n  sanity: {\n    \u002F\u002F ... Sanity config\n    visualEditing: {\n      token: process.env.NUXT_SANITY_VISUAL_EDITING_TOKEN,\n      studioUrl: process.env.NUXT_SANITY_VISUAL_EDITING_STUDIO_URL,\n    }\n  },\n})\n","nuxt.config.ts","ts",[85,411,412,433,458,469,476,486,509,530,536,542],{"__ignoreMap":120},[124,413,414,418,421,425,429],{"class":126,"line":127},[124,415,417],{"class":416},"s7zQu","export",[124,419,420],{"class":416}," default",[124,422,424],{"class":423},"s2Zo4"," defineNuxtConfig",[124,426,428],{"class":427},"sTEyZ","(",[124,430,432],{"class":431},"sMK4o","{\n",[124,434,436,440,442,445,448,450,452,455],{"class":126,"line":435},2,[124,437,439],{"class":438},"swJcz","  modules",[124,441,109],{"class":431},[124,443,444],{"class":427}," [",[124,446,447],{"class":431},"'",[124,449,87],{"class":133},[124,451,447],{"class":431},[124,453,454],{"class":427},"]",[124,456,457],{"class":431},",\n",[124,459,461,464,466],{"class":126,"line":460},3,[124,462,463],{"class":438},"  sanity",[124,465,109],{"class":431},[124,467,468],{"class":431}," {\n",[124,470,472],{"class":126,"line":471},4,[124,473,475],{"class":474},"sHwdD","    \u002F\u002F ... Sanity config\n",[124,477,479,482,484],{"class":126,"line":478},5,[124,480,481],{"class":438},"    visualEditing",[124,483,109],{"class":431},[124,485,468],{"class":431},[124,487,489,492,494,497,499,502,504,507],{"class":126,"line":488},6,[124,490,491],{"class":438},"      token",[124,493,109],{"class":431},[124,495,496],{"class":427}," process",[124,498,253],{"class":431},[124,500,501],{"class":427},"env",[124,503,253],{"class":431},[124,505,506],{"class":427},"NUXT_SANITY_VISUAL_EDITING_TOKEN",[124,508,457],{"class":431},[124,510,512,515,517,519,521,523,525,528],{"class":126,"line":511},7,[124,513,514],{"class":438},"      studioUrl",[124,516,109],{"class":431},[124,518,496],{"class":427},[124,520,253],{"class":431},[124,522,501],{"class":427},[124,524,253],{"class":431},[124,526,527],{"class":427},"NUXT_SANITY_VISUAL_EDITING_STUDIO_URL",[124,529,457],{"class":431},[124,531,533],{"class":126,"line":532},8,[124,534,535],{"class":431},"    }\n",[124,537,539],{"class":126,"line":538},9,[124,540,541],{"class":431},"  },\n",[124,543,545,548],{"class":126,"line":544},10,[124,546,547],{"class":431},"}",[124,549,550],{"class":427},")\n",[552,553,554],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":120,"searchDepth":435,"depth":435,"links":556},[557,558],{"id":79,"depth":435,"text":80},{"id":167,"depth":435,"text":15,"children":559},[560],{"id":395,"depth":460,"text":396},"md",null,{},true,{"description":120},"qhur40XPRIKRw7s-7r1usre2-qyJja1sXyZwq9VA61I",[568,570],{"title":19,"path":20,"stem":21,"description":569,"children":-1},"@nuxtjs\u002Fsanity provides key composables to interact with data from your Sanity project.",{"title":27,"path":28,"stem":29,"description":571,"children":-1},"The Live Content API allows your app to subscribe to changes in your Sanity dataset and receive updates whenever documents are created, updated, or deleted.",1775664610460]