[{"data":1,"prerenderedAt":2180},["ShallowReactive",2],{"navigation_docs":3,"-helpers-portable-text":71,"-helpers-portable-text-surround":2176},[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":40,"body":73,"description":185,"extension":2171,"links":2172,"meta":2173,"navigation":370,"path":41,"seo":2174,"stem":42,"__hash__":2175},"docs\u002F2.helpers\u002F1.portable-text.md",{"type":74,"value":75,"toc":2159},"minimark",[76,81,98,124,174,179,242,246,264,267,301,311,315,1103,1107,1110,1399,1402,1440,1443,1447,1454,1601,1615,1626,1630,1637,1828,1832,1844,2142,2146,2155],[77,78,80],"h2",{"id":79},"global-helper","Global helper",[82,83,84,85,89,90,97],"p",{},"This module defines a global ",[86,87,88],"code",{},"\u003CSanityContent>"," component that can turn ",[91,92,96],"a",{"href":93,"rel":94},"https:\u002F\u002Fwww.sanity.io\u002Fguides\u002Fbeginners-guide-to-portable-text",[95],"nofollow","portable text"," into HTML. It is a lightweight functional component without an instance.",[82,99,100,101,103,104,111,112,114,115,117,118,123],{},"As of v2, ",[86,102,88],{}," uses ",[91,105,108],{"href":106,"rel":107},"https:\u002F\u002Fgithub.com\u002Fportabletext\u002Fvue-portabletext",[95],[86,109,110],{},"@portabletext\u002Fvue"," for rendering portable text. This means features and properties available to ",[86,113,110],{}," also work with ",[86,116,88],{},". Please refer to their ",[91,119,122],{"href":120,"rel":121},"https:\u002F\u002Fgithub.com\u002Fportabletext\u002Fvue-portabletext?tab=readme-ov-file#basic-usage",[95],"Usage guide"," for advanced configuration options.",[125,126,127,138],"warning",{},[82,128,129,130,134,135,137],{},"This render change introduces ",[131,132,133],"strong",{},"breaking changes"," for ",[86,136,88],{}," v2 components. Refer to the following upgrade guide:",[139,140,141,163],"ul",{},[142,143,144,145,147,148,151,152,155,156,151,159,162],"li",{},"To reflect ",[86,146,110],{},"'s props, ",[86,149,150],{},"blocks"," → ",[86,153,154],{},"value"," and ",[86,157,158],{},"serializers",[86,160,161],{},"components"," attribute name changes have been made. The property types remain the same.",[142,164,165,166,169,170,173],{},"Custom components now receive their data nested within a ",[86,167,168],{},"props.value"," object. When defining components, you need to extract your props from this structure using object spreading: ",[86,171,172],{},"{...props.value}",". This applies to all component types (blocks, marks, styles).",[175,176,178],"h3",{"id":177},"example","Example",[180,181,186],"pre",{"className":182,"code":183,"language":184,"meta":185,"style":185},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CSanityContent :value=\"content\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[86,187,188,204,232],{"__ignoreMap":185},[189,190,193,197,201],"span",{"class":191,"line":192},"line",1,[189,194,196],{"class":195},"sMK4o","\u003C",[189,198,200],{"class":199},"swJcz","template",[189,202,203],{"class":195},">\n",[189,205,207,210,213,217,220,223,227,229],{"class":191,"line":206},2,[189,208,209],{"class":195},"  \u003C",[189,211,212],{"class":199},"SanityContent",[189,214,216],{"class":215},"spNyl"," :value",[189,218,219],{"class":195},"=",[189,221,222],{"class":195},"\"",[189,224,226],{"class":225},"sfazB","content",[189,228,222],{"class":195},[189,230,231],{"class":195}," \u002F>\n",[189,233,235,238,240],{"class":191,"line":234},3,[189,236,237],{"class":195},"\u003C\u002F",[189,239,200],{"class":199},[189,241,203],{"class":195},[175,243,245],{"id":244},"image-handling","Image handling",[82,247,248,249,251,252,255,256,259,260,263],{},"The ",[86,250,88],{}," component automatically handles Sanity images using the ",[86,253,254],{},"\u003CSanityImage>"," component, which will use ",[86,257,258],{},"\u003CNuxtImg>"," if ",[86,261,262],{},"@nuxt\u002Fimage"," is installed.",[82,265,266],{},"The default image component supports:",[139,268,269,277,291],{},[142,270,271,274,275],{},[131,272,273],{},"Asset ID",": Extracted from the image block and passed to ",[86,276,254],{},[142,278,279,282,283,286,287,290],{},[131,280,281],{},"Hotspot",": Converted to focal point coordinates (",[86,284,285],{},"fp-x",", ",[86,288,289],{},"fp-y",") for proper cropping",[142,292,293,296,297,300],{},[131,294,295],{},"Crop",": Converted to a ",[86,298,299],{},"rect"," parameter using the image dimensions from the asset ID",[82,302,303,304,155,307,310],{},"Custom fields like ",[86,305,306],{},"caption",[86,308,309],{},"attribution"," are not rendered by the default component. If you need to display captions or other custom data, provide a custom image component as shown below.",[175,312,314],{"id":313},"example-with-custom-components","Example with custom components",[180,316,318],{"className":182,"code":317,"language":184,"meta":185,"style":185},"\u003Ctemplate>\n  \u003CSanityContent :value=\"content\" :components=\"components\" \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nimport { defineAsyncComponent, h, resolveComponent } from 'vue'\nimport CustomBlockComponent from '~\u002Fcomponents\u002FCustomBlockComponent.vue'\n\nconst components = {\n  types: {\n    \u002F\u002F This is how to access a component registered by `@nuxt\u002Fcomponents`\n    lazyRegisteredComponent: props => h(resolveComponent('LazyCustomSerializer'), {\n      ...props.value,\n    }),\n    \u002F\u002F A directly imported component\n    importedComponent: props => h(CustomBlockComponent, {\n      ...props.value,\n    }),\n    \u002F\u002F Example of a more complex async component\n    dynamicComponent: props => h(defineAsyncComponent({\n      loadingComponent: () => 'Loading...',\n      loader: () => import('~\u002Fother\u002Fcomponent.vue'),\n    }), {\n      ...props.value,\n    }),\n    \u002F\u002F You can override the default image component if needed\n    image: props => h('CustomImageComponent', {\n      ...props.value,\n    }),\n    \u002F\u002F Example of handling caption and attribution in a custom component\n    imageWithCaption: props => {\n      const { asset, caption, attribution, crop, hotspot } = props.value\n      return h('div', { class: 'custom-image-wrapper' }, [\n        h('img', { src: `https:\u002F\u002Fcdn.sanity.io\u002Fimages\u002F...\u002F${asset._ref}` }),\n        caption && h('p', { class: 'caption' }, caption),\n        attribution && h('p', { class: 'attribution' }, attribution)\n      ])\n    },\n  },\n  marks: {\n    \u002F\u002F Custom marks handling\n    internalLink: props => h('a', { href: props.value.href }, props.text)\n  }\n}\n\u003C\u002Fscript>\n",[86,319,320,328,357,365,372,385,424,442,447,461,472,479,520,537,547,553,574,587,596,602,626,648,676,687,700,709,715,742,755,764,770,784,827,866,916,957,996,1002,1008,1014,1024,1030,1082,1088,1094],{"__ignoreMap":185},[189,321,322,324,326],{"class":191,"line":192},[189,323,196],{"class":195},[189,325,200],{"class":199},[189,327,203],{"class":195},[189,329,330,332,334,336,338,340,342,344,347,349,351,353,355],{"class":191,"line":206},[189,331,209],{"class":195},[189,333,212],{"class":199},[189,335,216],{"class":215},[189,337,219],{"class":195},[189,339,222],{"class":195},[189,341,226],{"class":225},[189,343,222],{"class":195},[189,345,346],{"class":215}," :components",[189,348,219],{"class":195},[189,350,222],{"class":195},[189,352,161],{"class":225},[189,354,222],{"class":195},[189,356,231],{"class":195},[189,358,359,361,363],{"class":191,"line":234},[189,360,237],{"class":195},[189,362,200],{"class":199},[189,364,203],{"class":195},[189,366,368],{"class":191,"line":367},4,[189,369,371],{"emptyLinePlaceholder":370},true,"\n",[189,373,375,377,380,383],{"class":191,"line":374},5,[189,376,196],{"class":195},[189,378,379],{"class":199},"script",[189,381,382],{"class":215}," setup",[189,384,203],{"class":195},[189,386,388,392,395,399,402,405,407,410,413,416,419,421],{"class":191,"line":387},6,[189,389,391],{"class":390},"s7zQu","import",[189,393,394],{"class":195}," {",[189,396,398],{"class":397},"sTEyZ"," defineAsyncComponent",[189,400,401],{"class":195},",",[189,403,404],{"class":397}," h",[189,406,401],{"class":195},[189,408,409],{"class":397}," resolveComponent",[189,411,412],{"class":195}," }",[189,414,415],{"class":390}," from",[189,417,418],{"class":195}," '",[189,420,184],{"class":225},[189,422,423],{"class":195},"'\n",[189,425,427,429,432,435,437,440],{"class":191,"line":426},7,[189,428,391],{"class":390},[189,430,431],{"class":397}," CustomBlockComponent ",[189,433,434],{"class":390},"from",[189,436,418],{"class":195},[189,438,439],{"class":225},"~\u002Fcomponents\u002FCustomBlockComponent.vue",[189,441,423],{"class":195},[189,443,445],{"class":191,"line":444},8,[189,446,371],{"emptyLinePlaceholder":370},[189,448,450,453,456,458],{"class":191,"line":449},9,[189,451,452],{"class":215},"const",[189,454,455],{"class":397}," components ",[189,457,219],{"class":195},[189,459,460],{"class":195}," {\n",[189,462,464,467,470],{"class":191,"line":463},10,[189,465,466],{"class":199},"  types",[189,468,469],{"class":195},":",[189,471,460],{"class":195},[189,473,475],{"class":191,"line":474},11,[189,476,478],{"class":477},"sHwdD","    \u002F\u002F This is how to access a component registered by `@nuxt\u002Fcomponents`\n",[189,480,482,486,488,492,495,497,500,503,505,508,511,513,516,518],{"class":191,"line":481},12,[189,483,485],{"class":484},"s2Zo4","    lazyRegisteredComponent",[189,487,469],{"class":195},[189,489,491],{"class":490},"sHdIc"," props",[189,493,494],{"class":215}," =>",[189,496,404],{"class":484},[189,498,499],{"class":397},"(",[189,501,502],{"class":484},"resolveComponent",[189,504,499],{"class":397},[189,506,507],{"class":195},"'",[189,509,510],{"class":225},"LazyCustomSerializer",[189,512,507],{"class":195},[189,514,515],{"class":397},")",[189,517,401],{"class":195},[189,519,460],{"class":195},[189,521,523,526,529,532,534],{"class":191,"line":522},13,[189,524,525],{"class":195},"      ...",[189,527,528],{"class":397},"props",[189,530,531],{"class":195},".",[189,533,154],{"class":397},[189,535,536],{"class":195},",\n",[189,538,540,543,545],{"class":191,"line":539},14,[189,541,542],{"class":195},"    }",[189,544,515],{"class":397},[189,546,536],{"class":195},[189,548,550],{"class":191,"line":549},15,[189,551,552],{"class":477},"    \u002F\u002F A directly imported component\n",[189,554,556,559,561,563,565,567,570,572],{"class":191,"line":555},16,[189,557,558],{"class":484},"    importedComponent",[189,560,469],{"class":195},[189,562,491],{"class":490},[189,564,494],{"class":215},[189,566,404],{"class":484},[189,568,569],{"class":397},"(CustomBlockComponent",[189,571,401],{"class":195},[189,573,460],{"class":195},[189,575,577,579,581,583,585],{"class":191,"line":576},17,[189,578,525],{"class":195},[189,580,528],{"class":397},[189,582,531],{"class":195},[189,584,154],{"class":397},[189,586,536],{"class":195},[189,588,590,592,594],{"class":191,"line":589},18,[189,591,542],{"class":195},[189,593,515],{"class":397},[189,595,536],{"class":195},[189,597,599],{"class":191,"line":598},19,[189,600,601],{"class":477},"    \u002F\u002F Example of a more complex async component\n",[189,603,605,608,610,612,614,616,618,621,623],{"class":191,"line":604},20,[189,606,607],{"class":484},"    dynamicComponent",[189,609,469],{"class":195},[189,611,491],{"class":490},[189,613,494],{"class":215},[189,615,404],{"class":484},[189,617,499],{"class":397},[189,619,620],{"class":484},"defineAsyncComponent",[189,622,499],{"class":397},[189,624,625],{"class":195},"{\n",[189,627,629,632,634,637,639,641,644,646],{"class":191,"line":628},21,[189,630,631],{"class":484},"      loadingComponent",[189,633,469],{"class":195},[189,635,636],{"class":195}," ()",[189,638,494],{"class":215},[189,640,418],{"class":195},[189,642,643],{"class":225},"Loading...",[189,645,507],{"class":195},[189,647,536],{"class":195},[189,649,651,654,656,658,660,663,665,667,670,672,674],{"class":191,"line":650},22,[189,652,653],{"class":484},"      loader",[189,655,469],{"class":195},[189,657,636],{"class":195},[189,659,494],{"class":215},[189,661,662],{"class":195}," import",[189,664,499],{"class":397},[189,666,507],{"class":195},[189,668,669],{"class":225},"~\u002Fother\u002Fcomponent.vue",[189,671,507],{"class":195},[189,673,515],{"class":397},[189,675,536],{"class":195},[189,677,679,681,683,685],{"class":191,"line":678},23,[189,680,542],{"class":195},[189,682,515],{"class":397},[189,684,401],{"class":195},[189,686,460],{"class":195},[189,688,690,692,694,696,698],{"class":191,"line":689},24,[189,691,525],{"class":195},[189,693,528],{"class":397},[189,695,531],{"class":195},[189,697,154],{"class":397},[189,699,536],{"class":195},[189,701,703,705,707],{"class":191,"line":702},25,[189,704,542],{"class":195},[189,706,515],{"class":397},[189,708,536],{"class":195},[189,710,712],{"class":191,"line":711},26,[189,713,714],{"class":477},"    \u002F\u002F You can override the default image component if needed\n",[189,716,718,721,723,725,727,729,731,733,736,738,740],{"class":191,"line":717},27,[189,719,720],{"class":484},"    image",[189,722,469],{"class":195},[189,724,491],{"class":490},[189,726,494],{"class":215},[189,728,404],{"class":484},[189,730,499],{"class":397},[189,732,507],{"class":195},[189,734,735],{"class":225},"CustomImageComponent",[189,737,507],{"class":195},[189,739,401],{"class":195},[189,741,460],{"class":195},[189,743,745,747,749,751,753],{"class":191,"line":744},28,[189,746,525],{"class":195},[189,748,528],{"class":397},[189,750,531],{"class":195},[189,752,154],{"class":397},[189,754,536],{"class":195},[189,756,758,760,762],{"class":191,"line":757},29,[189,759,542],{"class":195},[189,761,515],{"class":397},[189,763,536],{"class":195},[189,765,767],{"class":191,"line":766},30,[189,768,769],{"class":477},"    \u002F\u002F Example of handling caption and attribution in a custom component\n",[189,771,773,776,778,780,782],{"class":191,"line":772},31,[189,774,775],{"class":484},"    imageWithCaption",[189,777,469],{"class":195},[189,779,491],{"class":490},[189,781,494],{"class":215},[189,783,460],{"class":195},[189,785,787,790,792,795,797,800,802,805,807,810,812,815,817,820,822,824],{"class":191,"line":786},32,[189,788,789],{"class":215},"      const",[189,791,394],{"class":195},[189,793,794],{"class":397}," asset",[189,796,401],{"class":195},[189,798,799],{"class":397}," caption",[189,801,401],{"class":195},[189,803,804],{"class":397}," attribution",[189,806,401],{"class":195},[189,808,809],{"class":397}," crop",[189,811,401],{"class":195},[189,813,814],{"class":397}," hotspot",[189,816,412],{"class":195},[189,818,819],{"class":195}," =",[189,821,491],{"class":397},[189,823,531],{"class":195},[189,825,826],{"class":397},"value\n",[189,828,830,833,835,837,839,842,844,846,848,851,853,855,858,860,863],{"class":191,"line":829},33,[189,831,832],{"class":390},"      return",[189,834,404],{"class":484},[189,836,499],{"class":199},[189,838,507],{"class":195},[189,840,841],{"class":225},"div",[189,843,507],{"class":195},[189,845,401],{"class":195},[189,847,394],{"class":195},[189,849,850],{"class":199}," class",[189,852,469],{"class":195},[189,854,418],{"class":195},[189,856,857],{"class":225},"custom-image-wrapper",[189,859,507],{"class":195},[189,861,862],{"class":195}," },",[189,864,865],{"class":199}," [\n",[189,867,869,872,874,876,879,881,883,885,888,890,893,896,899,902,904,907,910,912,914],{"class":191,"line":868},34,[189,870,871],{"class":484},"        h",[189,873,499],{"class":199},[189,875,507],{"class":195},[189,877,878],{"class":225},"img",[189,880,507],{"class":195},[189,882,401],{"class":195},[189,884,394],{"class":195},[189,886,887],{"class":199}," src",[189,889,469],{"class":195},[189,891,892],{"class":195}," `",[189,894,895],{"class":225},"https:\u002F\u002Fcdn.sanity.io\u002Fimages\u002F...\u002F",[189,897,898],{"class":195},"${",[189,900,901],{"class":397},"asset",[189,903,531],{"class":195},[189,905,906],{"class":397},"_ref",[189,908,909],{"class":195},"}`",[189,911,412],{"class":195},[189,913,515],{"class":199},[189,915,536],{"class":195},[189,917,919,922,925,927,929,931,933,935,937,939,941,943,945,947,949,951,953,955],{"class":191,"line":918},35,[189,920,921],{"class":397},"        caption",[189,923,924],{"class":195}," &&",[189,926,404],{"class":484},[189,928,499],{"class":199},[189,930,507],{"class":195},[189,932,82],{"class":225},[189,934,507],{"class":195},[189,936,401],{"class":195},[189,938,394],{"class":195},[189,940,850],{"class":199},[189,942,469],{"class":195},[189,944,418],{"class":195},[189,946,306],{"class":225},[189,948,507],{"class":195},[189,950,862],{"class":195},[189,952,799],{"class":397},[189,954,515],{"class":199},[189,956,536],{"class":195},[189,958,960,963,965,967,969,971,973,975,977,979,981,983,985,987,989,991,993],{"class":191,"line":959},36,[189,961,962],{"class":397},"        attribution",[189,964,924],{"class":195},[189,966,404],{"class":484},[189,968,499],{"class":199},[189,970,507],{"class":195},[189,972,82],{"class":225},[189,974,507],{"class":195},[189,976,401],{"class":195},[189,978,394],{"class":195},[189,980,850],{"class":199},[189,982,469],{"class":195},[189,984,418],{"class":195},[189,986,309],{"class":225},[189,988,507],{"class":195},[189,990,862],{"class":195},[189,992,804],{"class":397},[189,994,995],{"class":199},")\n",[189,997,999],{"class":191,"line":998},37,[189,1000,1001],{"class":199},"      ])\n",[189,1003,1005],{"class":191,"line":1004},38,[189,1006,1007],{"class":195},"    },\n",[189,1009,1011],{"class":191,"line":1010},39,[189,1012,1013],{"class":195},"  },\n",[189,1015,1017,1020,1022],{"class":191,"line":1016},40,[189,1018,1019],{"class":199},"  marks",[189,1021,469],{"class":195},[189,1023,460],{"class":195},[189,1025,1027],{"class":191,"line":1026},41,[189,1028,1029],{"class":477},"    \u002F\u002F Custom marks handling\n",[189,1031,1033,1036,1038,1040,1042,1044,1046,1048,1050,1052,1054,1056,1059,1061,1063,1065,1067,1069,1072,1075,1077,1079],{"class":191,"line":1032},42,[189,1034,1035],{"class":484},"    internalLink",[189,1037,469],{"class":195},[189,1039,491],{"class":490},[189,1041,494],{"class":215},[189,1043,404],{"class":484},[189,1045,499],{"class":397},[189,1047,507],{"class":195},[189,1049,91],{"class":225},[189,1051,507],{"class":195},[189,1053,401],{"class":195},[189,1055,394],{"class":195},[189,1057,1058],{"class":199}," href",[189,1060,469],{"class":195},[189,1062,491],{"class":397},[189,1064,531],{"class":195},[189,1066,154],{"class":397},[189,1068,531],{"class":195},[189,1070,1071],{"class":397},"href ",[189,1073,1074],{"class":195},"},",[189,1076,491],{"class":397},[189,1078,531],{"class":195},[189,1080,1081],{"class":397},"text)\n",[189,1083,1085],{"class":191,"line":1084},43,[189,1086,1087],{"class":195},"  }\n",[189,1089,1091],{"class":191,"line":1090},44,[189,1092,1093],{"class":195},"}\n",[189,1095,1097,1099,1101],{"class":191,"line":1096},45,[189,1098,237],{"class":195},[189,1100,379],{"class":199},[189,1102,203],{"class":195},[175,1104,1106],{"id":1105},"image-block-structure","Image Block Structure",[82,1108,1109],{},"The automatic image handling works with the standard Sanity portable text image block structure:",[180,1111,1115],{"className":1112,"code":1113,"language":1114,"meta":185,"style":185},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"_type\": \"image\",\n  \"asset\": {\n    \"_type\": \"reference\",\n    \"_ref\": \"image-61991cfbe9182124c18ee1829c07910faadd100e-2048x1366-png\"\n  },\n  \"caption\": \"This is the caption (ignored by default component)\",\n  \"attribution\": \"Public domain (ignored by default component)\",\n  \"crop\": {\n    \"top\": 0.028131868131868132,\n    \"bottom\": 0.15003663003663004,\n    \"left\": 0.01875,\n    \"right\": 0.009375000000000022\n  },\n  \"hotspot\": {\n    \"x\": 0.812500000000001,\n    \"y\": 0.27963369963369955,\n    \"height\": 0.3248351648351647,\n    \"width\": 0.28124999999999994\n  }\n}\n","json",[86,1116,1117,1121,1143,1155,1176,1194,1198,1217,1236,1249,1266,1282,1298,1312,1316,1329,1345,1361,1377,1391,1395],{"__ignoreMap":185},[189,1118,1119],{"class":191,"line":192},[189,1120,625],{"class":195},[189,1122,1123,1126,1129,1131,1133,1136,1139,1141],{"class":191,"line":206},[189,1124,1125],{"class":195},"  \"",[189,1127,1128],{"class":215},"_type",[189,1130,222],{"class":195},[189,1132,469],{"class":195},[189,1134,1135],{"class":195}," \"",[189,1137,1138],{"class":225},"image",[189,1140,222],{"class":195},[189,1142,536],{"class":195},[189,1144,1145,1147,1149,1151,1153],{"class":191,"line":234},[189,1146,1125],{"class":195},[189,1148,901],{"class":215},[189,1150,222],{"class":195},[189,1152,469],{"class":195},[189,1154,460],{"class":195},[189,1156,1157,1160,1163,1165,1167,1169,1172,1174],{"class":191,"line":367},[189,1158,1159],{"class":195},"    \"",[189,1161,1128],{"class":1162},"sBMFI",[189,1164,222],{"class":195},[189,1166,469],{"class":195},[189,1168,1135],{"class":195},[189,1170,1171],{"class":225},"reference",[189,1173,222],{"class":195},[189,1175,536],{"class":195},[189,1177,1178,1180,1182,1184,1186,1188,1191],{"class":191,"line":374},[189,1179,1159],{"class":195},[189,1181,906],{"class":1162},[189,1183,222],{"class":195},[189,1185,469],{"class":195},[189,1187,1135],{"class":195},[189,1189,1190],{"class":225},"image-61991cfbe9182124c18ee1829c07910faadd100e-2048x1366-png",[189,1192,1193],{"class":195},"\"\n",[189,1195,1196],{"class":191,"line":387},[189,1197,1013],{"class":195},[189,1199,1200,1202,1204,1206,1208,1210,1213,1215],{"class":191,"line":426},[189,1201,1125],{"class":195},[189,1203,306],{"class":215},[189,1205,222],{"class":195},[189,1207,469],{"class":195},[189,1209,1135],{"class":195},[189,1211,1212],{"class":225},"This is the caption (ignored by default component)",[189,1214,222],{"class":195},[189,1216,536],{"class":195},[189,1218,1219,1221,1223,1225,1227,1229,1232,1234],{"class":191,"line":444},[189,1220,1125],{"class":195},[189,1222,309],{"class":215},[189,1224,222],{"class":195},[189,1226,469],{"class":195},[189,1228,1135],{"class":195},[189,1230,1231],{"class":225},"Public domain (ignored by default component)",[189,1233,222],{"class":195},[189,1235,536],{"class":195},[189,1237,1238,1240,1243,1245,1247],{"class":191,"line":449},[189,1239,1125],{"class":195},[189,1241,1242],{"class":215},"crop",[189,1244,222],{"class":195},[189,1246,469],{"class":195},[189,1248,460],{"class":195},[189,1250,1251,1253,1256,1258,1260,1264],{"class":191,"line":463},[189,1252,1159],{"class":195},[189,1254,1255],{"class":1162},"top",[189,1257,222],{"class":195},[189,1259,469],{"class":195},[189,1261,1263],{"class":1262},"sbssI"," 0.028131868131868132",[189,1265,536],{"class":195},[189,1267,1268,1270,1273,1275,1277,1280],{"class":191,"line":474},[189,1269,1159],{"class":195},[189,1271,1272],{"class":1162},"bottom",[189,1274,222],{"class":195},[189,1276,469],{"class":195},[189,1278,1279],{"class":1262}," 0.15003663003663004",[189,1281,536],{"class":195},[189,1283,1284,1286,1289,1291,1293,1296],{"class":191,"line":481},[189,1285,1159],{"class":195},[189,1287,1288],{"class":1162},"left",[189,1290,222],{"class":195},[189,1292,469],{"class":195},[189,1294,1295],{"class":1262}," 0.01875",[189,1297,536],{"class":195},[189,1299,1300,1302,1305,1307,1309],{"class":191,"line":522},[189,1301,1159],{"class":195},[189,1303,1304],{"class":1162},"right",[189,1306,222],{"class":195},[189,1308,469],{"class":195},[189,1310,1311],{"class":1262}," 0.009375000000000022\n",[189,1313,1314],{"class":191,"line":539},[189,1315,1013],{"class":195},[189,1317,1318,1320,1323,1325,1327],{"class":191,"line":549},[189,1319,1125],{"class":195},[189,1321,1322],{"class":215},"hotspot",[189,1324,222],{"class":195},[189,1326,469],{"class":195},[189,1328,460],{"class":195},[189,1330,1331,1333,1336,1338,1340,1343],{"class":191,"line":555},[189,1332,1159],{"class":195},[189,1334,1335],{"class":1162},"x",[189,1337,222],{"class":195},[189,1339,469],{"class":195},[189,1341,1342],{"class":1262}," 0.812500000000001",[189,1344,536],{"class":195},[189,1346,1347,1349,1352,1354,1356,1359],{"class":191,"line":576},[189,1348,1159],{"class":195},[189,1350,1351],{"class":1162},"y",[189,1353,222],{"class":195},[189,1355,469],{"class":195},[189,1357,1358],{"class":1262}," 0.27963369963369955",[189,1360,536],{"class":195},[189,1362,1363,1365,1368,1370,1372,1375],{"class":191,"line":589},[189,1364,1159],{"class":195},[189,1366,1367],{"class":1162},"height",[189,1369,222],{"class":195},[189,1371,469],{"class":195},[189,1373,1374],{"class":1262}," 0.3248351648351647",[189,1376,536],{"class":195},[189,1378,1379,1381,1384,1386,1388],{"class":191,"line":598},[189,1380,1159],{"class":195},[189,1382,1383],{"class":1162},"width",[189,1385,222],{"class":195},[189,1387,469],{"class":195},[189,1389,1390],{"class":1262}," 0.28124999999999994\n",[189,1392,1393],{"class":191,"line":604},[189,1394,1087],{"class":195},[189,1396,1397],{"class":191,"line":628},[189,1398,1093],{"class":195},[82,1400,1401],{},"The component automatically:",[1403,1404,1405,1417,1431],"ol",{},[142,1406,1407,1408,1410,1411,1414,1415],{},"Extracts the ",[86,1409,906],{}," from the asset object and passes it as ",[86,1412,1413],{},"assetId"," to ",[86,1416,254],{},[142,1418,1419,1420,155,1423,1414,1426,155,1428,1430],{},"Converts ",[86,1421,1422],{},"hotspot.x",[86,1424,1425],{},"hotspot.y",[86,1427,285],{},[86,1429,289],{}," focal point parameters",[142,1432,1433,1434,1436,1437,1439],{},"Calculates the ",[86,1435,299],{}," parameter from the ",[86,1438,1242],{}," object using the original image dimensions (parsed from the asset ID)",[82,1441,1442],{},"Caption and attribution fields are ignored by the default component. Use a custom image component if you need to render these.",[175,1444,1446],{"id":1445},"disabling-default-image-handling","Disabling Default Image Handling",[82,1448,1449,1450,1453],{},"If you want to handle images yourself or disable the automatic image handling entirely, you can use the ",[86,1451,1452],{},"disableDefaultImageComponent"," prop:",[180,1455,1457],{"className":182,"code":1456,"language":184,"meta":185,"style":185},"\u003Ctemplate>\n  \u003C!-- Disable automatic image handling -->\n  \u003CSanityContent \n    :value=\"content\" \n    disable-default-image-component\n  \u002F>\n  \n  \u003C!-- Or provide your own image component -->\n  \u003CSanityContent \n    :value=\"content\" \n    disable-default-image-component\n    :components=\"{\n      types: {\n        image: props => h('MyCustomImage', {\n          assetId: props.value.asset._ref,\n          caption: props.value.caption\n        })\n      }\n    }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[86,1458,1459,1467,1472,1481,1496,1501,1506,1511,1516,1524,1538,1542,1553,1558,1563,1568,1573,1578,1583,1589,1593],{"__ignoreMap":185},[189,1460,1461,1463,1465],{"class":191,"line":192},[189,1462,196],{"class":195},[189,1464,200],{"class":199},[189,1466,203],{"class":195},[189,1468,1469],{"class":191,"line":206},[189,1470,1471],{"class":477},"  \u003C!-- Disable automatic image handling -->\n",[189,1473,1474,1476,1478],{"class":191,"line":234},[189,1475,209],{"class":195},[189,1477,212],{"class":199},[189,1479,1480],{"class":195}," \n",[189,1482,1483,1486,1488,1490,1492,1494],{"class":191,"line":367},[189,1484,1485],{"class":215},"    :value",[189,1487,219],{"class":195},[189,1489,222],{"class":195},[189,1491,226],{"class":225},[189,1493,222],{"class":195},[189,1495,1480],{"class":195},[189,1497,1498],{"class":191,"line":374},[189,1499,1500],{"class":215},"    disable-default-image-component\n",[189,1502,1503],{"class":191,"line":387},[189,1504,1505],{"class":195},"  \u002F>\n",[189,1507,1508],{"class":191,"line":426},[189,1509,1510],{"class":397},"  \n",[189,1512,1513],{"class":191,"line":444},[189,1514,1515],{"class":477},"  \u003C!-- Or provide your own image component -->\n",[189,1517,1518,1520,1522],{"class":191,"line":449},[189,1519,209],{"class":195},[189,1521,212],{"class":199},[189,1523,1480],{"class":195},[189,1525,1526,1528,1530,1532,1534,1536],{"class":191,"line":463},[189,1527,1485],{"class":215},[189,1529,219],{"class":195},[189,1531,222],{"class":195},[189,1533,226],{"class":225},[189,1535,222],{"class":195},[189,1537,1480],{"class":195},[189,1539,1540],{"class":191,"line":474},[189,1541,1500],{"class":215},[189,1543,1544,1547,1549,1551],{"class":191,"line":481},[189,1545,1546],{"class":215},"    :components",[189,1548,219],{"class":195},[189,1550,222],{"class":195},[189,1552,625],{"class":225},[189,1554,1555],{"class":191,"line":522},[189,1556,1557],{"class":225},"      types: {\n",[189,1559,1560],{"class":191,"line":539},[189,1561,1562],{"class":225},"        image: props => h('MyCustomImage', {\n",[189,1564,1565],{"class":191,"line":549},[189,1566,1567],{"class":225},"          assetId: props.value.asset._ref,\n",[189,1569,1570],{"class":191,"line":555},[189,1571,1572],{"class":225},"          caption: props.value.caption\n",[189,1574,1575],{"class":191,"line":576},[189,1576,1577],{"class":225},"        })\n",[189,1579,1580],{"class":191,"line":589},[189,1581,1582],{"class":225},"      }\n",[189,1584,1585,1587],{"class":191,"line":598},[189,1586,542],{"class":225},[189,1588,1193],{"class":195},[189,1590,1591],{"class":191,"line":604},[189,1592,1505],{"class":195},[189,1594,1595,1597,1599],{"class":191,"line":628},[189,1596,237],{"class":195},[189,1598,200],{"class":199},[189,1600,203],{"class":195},[82,1602,1603,1604,1606,1607,1610,1611,1614],{},"When ",[86,1605,1452],{}," is set to ",[86,1608,1609],{},"true",", the component will not automatically handle image blocks. If you don't provide your own image component in the ",[86,1612,1613],{},"components.types.image"," prop, PortableText will show a warning about the missing component.",[125,1616,1617,1618,1621,1622,1625],{},"If you want to use the same components in multiple places, consider creating your own component (e.g. ",[86,1619,1620],{},"\u003CMySanityContent>",") which wraps SanityContent with your default components. By creating ",[86,1623,1624],{},"~\u002Fcomponents\u002FMySanityContent.vue"," you should be able to use this everywhere in your app without importing it.",[175,1627,1629],{"id":1628},"advanced-props","Advanced Props",[82,1631,248,1632,1634,1635,469],{},[86,1633,212],{}," component accepts all props from ",[86,1636,110],{},[180,1638,1640],{"className":182,"code":1639,"language":184,"meta":185,"style":185},"\u003Ctemplate>\n  \u003CSanityContent \n    :value=\"content\" \n    :components=\"components\"\n    :onMissingComponent=\"handleMissingComponent\"\n    :listNestingMode=\"'html'\" \n  \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nconst handleMissingComponent = (message, options) => {\n  console.warn(`Missing component: ${options.type} (${options.nodeType})`)\n}\n\u003C\u002Fscript>\n",[86,1641,1642,1650,1658,1672,1684,1698,1714,1718,1726,1730,1740,1766,1816,1820],{"__ignoreMap":185},[189,1643,1644,1646,1648],{"class":191,"line":192},[189,1645,196],{"class":195},[189,1647,200],{"class":199},[189,1649,203],{"class":195},[189,1651,1652,1654,1656],{"class":191,"line":206},[189,1653,209],{"class":195},[189,1655,212],{"class":199},[189,1657,1480],{"class":195},[189,1659,1660,1662,1664,1666,1668,1670],{"class":191,"line":234},[189,1661,1485],{"class":215},[189,1663,219],{"class":195},[189,1665,222],{"class":195},[189,1667,226],{"class":225},[189,1669,222],{"class":195},[189,1671,1480],{"class":195},[189,1673,1674,1676,1678,1680,1682],{"class":191,"line":367},[189,1675,1546],{"class":215},[189,1677,219],{"class":195},[189,1679,222],{"class":195},[189,1681,161],{"class":225},[189,1683,1193],{"class":195},[189,1685,1686,1689,1691,1693,1696],{"class":191,"line":374},[189,1687,1688],{"class":215},"    :onMissingComponent",[189,1690,219],{"class":195},[189,1692,222],{"class":195},[189,1694,1695],{"class":225},"handleMissingComponent",[189,1697,1193],{"class":195},[189,1699,1700,1703,1705,1707,1710,1712],{"class":191,"line":387},[189,1701,1702],{"class":215},"    :listNestingMode",[189,1704,219],{"class":195},[189,1706,222],{"class":195},[189,1708,1709],{"class":225},"'html'",[189,1711,222],{"class":195},[189,1713,1480],{"class":195},[189,1715,1716],{"class":191,"line":426},[189,1717,1505],{"class":195},[189,1719,1720,1722,1724],{"class":191,"line":444},[189,1721,237],{"class":195},[189,1723,200],{"class":199},[189,1725,203],{"class":195},[189,1727,1728],{"class":191,"line":449},[189,1729,371],{"emptyLinePlaceholder":370},[189,1731,1732,1734,1736,1738],{"class":191,"line":463},[189,1733,196],{"class":195},[189,1735,379],{"class":199},[189,1737,382],{"class":215},[189,1739,203],{"class":195},[189,1741,1742,1744,1747,1749,1752,1755,1757,1760,1762,1764],{"class":191,"line":474},[189,1743,452],{"class":215},[189,1745,1746],{"class":397}," handleMissingComponent ",[189,1748,219],{"class":195},[189,1750,1751],{"class":195}," (",[189,1753,1754],{"class":490},"message",[189,1756,401],{"class":195},[189,1758,1759],{"class":490}," options",[189,1761,515],{"class":195},[189,1763,494],{"class":215},[189,1765,460],{"class":195},[189,1767,1768,1771,1773,1776,1778,1781,1784,1786,1789,1791,1794,1797,1799,1801,1803,1805,1808,1810,1812,1814],{"class":191,"line":481},[189,1769,1770],{"class":397},"  console",[189,1772,531],{"class":195},[189,1774,1775],{"class":484},"warn",[189,1777,499],{"class":199},[189,1779,1780],{"class":195},"`",[189,1782,1783],{"class":225},"Missing component: ",[189,1785,898],{"class":195},[189,1787,1788],{"class":397},"options",[189,1790,531],{"class":195},[189,1792,1793],{"class":397},"type",[189,1795,1796],{"class":195},"}",[189,1798,1751],{"class":225},[189,1800,898],{"class":195},[189,1802,1788],{"class":397},[189,1804,531],{"class":195},[189,1806,1807],{"class":397},"nodeType",[189,1809,1796],{"class":195},[189,1811,515],{"class":225},[189,1813,1780],{"class":195},[189,1815,995],{"class":199},[189,1817,1818],{"class":191,"line":522},[189,1819,1093],{"class":195},[189,1821,1822,1824,1826],{"class":191,"line":539},[189,1823,237],{"class":195},[189,1825,379],{"class":199},[189,1827,203],{"class":195},[175,1829,1831],{"id":1830},"typescript-support","TypeScript Support",[82,1833,1834,1835,155,1837,1840,1841,469],{},"All types from ",[86,1836,110],{},[86,1838,1839],{},"@portabletext\u002Ftypes"," are re-exported from ",[86,1842,1843],{},"@nuxtjs\u002Fsanity",[180,1845,1847],{"className":182,"code":1846,"language":184,"meta":185,"style":185},"\u003Cscript setup lang=\"ts\">\nimport type { PortableTextComponents } from '@nuxtjs\u002Fsanity\u002Fruntime\u002Ftypes'\nimport { defineAsyncComponent, h } from 'vue'\nimport CustomBlockComponent from '~\u002Fcomponents\u002FCustomBlockComponent.vue'\n\nconst components: PortableTextComponents = {\n  types: {\n    customBlock: props => h(CustomBlockComponent, {\n      ...props.value,\n    }),\n  },\n  marks: {\n    link: props => h('a', {\n      href: props.value.href,\n      target: '_blank'\n    }, props.text)\n  }\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSanityContent :value=\"content\" :components=\"components\" \u002F>\n\u003C\u002Ftemplate>\n",[86,1848,1849,1871,1894,1916,1930,1934,1949,1957,1976,1988,1996,2000,2008,2033,2053,2067,2078,2082,2086,2094,2098,2106,2134],{"__ignoreMap":185},[189,1850,1851,1853,1855,1857,1860,1862,1864,1867,1869],{"class":191,"line":192},[189,1852,196],{"class":195},[189,1854,379],{"class":199},[189,1856,382],{"class":215},[189,1858,1859],{"class":215}," lang",[189,1861,219],{"class":195},[189,1863,222],{"class":195},[189,1865,1866],{"class":225},"ts",[189,1868,222],{"class":195},[189,1870,203],{"class":195},[189,1872,1873,1875,1878,1880,1883,1885,1887,1889,1892],{"class":191,"line":206},[189,1874,391],{"class":390},[189,1876,1877],{"class":390}," type",[189,1879,394],{"class":195},[189,1881,1882],{"class":397}," PortableTextComponents",[189,1884,412],{"class":195},[189,1886,415],{"class":390},[189,1888,418],{"class":195},[189,1890,1891],{"class":225},"@nuxtjs\u002Fsanity\u002Fruntime\u002Ftypes",[189,1893,423],{"class":195},[189,1895,1896,1898,1900,1902,1904,1906,1908,1910,1912,1914],{"class":191,"line":234},[189,1897,391],{"class":390},[189,1899,394],{"class":195},[189,1901,398],{"class":397},[189,1903,401],{"class":195},[189,1905,404],{"class":397},[189,1907,412],{"class":195},[189,1909,415],{"class":390},[189,1911,418],{"class":195},[189,1913,184],{"class":225},[189,1915,423],{"class":195},[189,1917,1918,1920,1922,1924,1926,1928],{"class":191,"line":367},[189,1919,391],{"class":390},[189,1921,431],{"class":397},[189,1923,434],{"class":390},[189,1925,418],{"class":195},[189,1927,439],{"class":225},[189,1929,423],{"class":195},[189,1931,1932],{"class":191,"line":374},[189,1933,371],{"emptyLinePlaceholder":370},[189,1935,1936,1938,1941,1943,1945,1947],{"class":191,"line":387},[189,1937,452],{"class":215},[189,1939,1940],{"class":397}," components",[189,1942,469],{"class":195},[189,1944,1882],{"class":1162},[189,1946,819],{"class":195},[189,1948,460],{"class":195},[189,1950,1951,1953,1955],{"class":191,"line":426},[189,1952,466],{"class":199},[189,1954,469],{"class":195},[189,1956,460],{"class":195},[189,1958,1959,1962,1964,1966,1968,1970,1972,1974],{"class":191,"line":444},[189,1960,1961],{"class":484},"    customBlock",[189,1963,469],{"class":195},[189,1965,491],{"class":490},[189,1967,494],{"class":215},[189,1969,404],{"class":484},[189,1971,569],{"class":397},[189,1973,401],{"class":195},[189,1975,460],{"class":195},[189,1977,1978,1980,1982,1984,1986],{"class":191,"line":449},[189,1979,525],{"class":195},[189,1981,528],{"class":397},[189,1983,531],{"class":195},[189,1985,154],{"class":397},[189,1987,536],{"class":195},[189,1989,1990,1992,1994],{"class":191,"line":463},[189,1991,542],{"class":195},[189,1993,515],{"class":397},[189,1995,536],{"class":195},[189,1997,1998],{"class":191,"line":474},[189,1999,1013],{"class":195},[189,2001,2002,2004,2006],{"class":191,"line":481},[189,2003,1019],{"class":199},[189,2005,469],{"class":195},[189,2007,460],{"class":195},[189,2009,2010,2013,2015,2017,2019,2021,2023,2025,2027,2029,2031],{"class":191,"line":522},[189,2011,2012],{"class":484},"    link",[189,2014,469],{"class":195},[189,2016,491],{"class":490},[189,2018,494],{"class":215},[189,2020,404],{"class":484},[189,2022,499],{"class":397},[189,2024,507],{"class":195},[189,2026,91],{"class":225},[189,2028,507],{"class":195},[189,2030,401],{"class":195},[189,2032,460],{"class":195},[189,2034,2035,2038,2040,2042,2044,2046,2048,2051],{"class":191,"line":539},[189,2036,2037],{"class":199},"      href",[189,2039,469],{"class":195},[189,2041,491],{"class":397},[189,2043,531],{"class":195},[189,2045,154],{"class":397},[189,2047,531],{"class":195},[189,2049,2050],{"class":397},"href",[189,2052,536],{"class":195},[189,2054,2055,2058,2060,2062,2065],{"class":191,"line":549},[189,2056,2057],{"class":199},"      target",[189,2059,469],{"class":195},[189,2061,418],{"class":195},[189,2063,2064],{"class":225},"_blank",[189,2066,423],{"class":195},[189,2068,2069,2072,2074,2076],{"class":191,"line":555},[189,2070,2071],{"class":195},"    },",[189,2073,491],{"class":397},[189,2075,531],{"class":195},[189,2077,1081],{"class":397},[189,2079,2080],{"class":191,"line":576},[189,2081,1087],{"class":195},[189,2083,2084],{"class":191,"line":589},[189,2085,1093],{"class":195},[189,2087,2088,2090,2092],{"class":191,"line":598},[189,2089,237],{"class":195},[189,2091,379],{"class":199},[189,2093,203],{"class":195},[189,2095,2096],{"class":191,"line":604},[189,2097,371],{"emptyLinePlaceholder":370},[189,2099,2100,2102,2104],{"class":191,"line":628},[189,2101,196],{"class":195},[189,2103,200],{"class":199},[189,2105,203],{"class":195},[189,2107,2108,2110,2112,2114,2116,2118,2120,2122,2124,2126,2128,2130,2132],{"class":191,"line":650},[189,2109,209],{"class":195},[189,2111,212],{"class":199},[189,2113,216],{"class":215},[189,2115,219],{"class":195},[189,2117,222],{"class":195},[189,2119,226],{"class":225},[189,2121,222],{"class":195},[189,2123,346],{"class":215},[189,2125,219],{"class":195},[189,2127,222],{"class":195},[189,2129,161],{"class":225},[189,2131,222],{"class":195},[189,2133,231],{"class":195},[189,2135,2136,2138,2140],{"class":191,"line":678},[189,2137,237],{"class":195},[189,2139,200],{"class":199},[189,2141,203],{"class":195},[77,2143,2145],{"id":2144},"other-resources","Other resources",[139,2147,2148],{},[142,2149,2150],{},[91,2151,110],{"href":106,"rel":2152,"className":2153},[95],[2154],"text-primary-500",[2156,2157,2158],"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 .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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":185,"searchDepth":206,"depth":206,"links":2160},[2161,2170],{"id":79,"depth":206,"text":80,"children":2162},[2163,2164,2165,2166,2167,2168,2169],{"id":177,"depth":234,"text":178},{"id":244,"depth":234,"text":245},{"id":313,"depth":234,"text":314},{"id":1105,"depth":234,"text":1106},{"id":1445,"depth":234,"text":1446},{"id":1628,"depth":234,"text":1629},{"id":1830,"depth":234,"text":1831},{"id":2144,"depth":206,"text":2145},"md",null,{},{"description":185},"XXkCXiGuAPBAYEq5rtK9rUGWf-GuUWLbVErMn_yOZIg",[2177,2179],{"title":31,"path":32,"stem":33,"description":2178,"children":-1},"@nuxtjs\u002Fsanity supports automatic TypeScript type generation for your GROQ queries using @sanity\u002Fcodegen. This enables end-to-end type safety from your Sanity schema to your Vue components.",{"title":44,"path":45,"stem":46,"description":185,"children":-1},1775664610460]