[{"data":1,"prerenderedAt":1313},["Reactive",2],{"navigation":3,"docs-/providers/prismic":115,"docs-/providers/prismic-surround":370},[4,20,33,105],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102],{"title":37,"_path":38},"Cloudflare","/providers/cloudflare",{"title":40,"_path":41},"Cloudimage","/providers/cloudimage",{"title":43,"_path":44},"Cloudinary","/providers/cloudinary",{"title":46,"_path":47},"Contentful","/providers/contentful",{"title":49,"_path":50},"Directus","/providers/directus",{"title":52,"_path":53},"Edgio","/providers/edgio",{"title":55,"_path":56},"Fastly","/providers/fastly",{"title":58,"_path":59},"Glide","/providers/glide",{"title":61,"_path":62},"Gumlet","/providers/gumlet",{"title":64,"_path":65},"ImageEngine","/providers/imageengine",{"title":67,"_path":68},"ImageKit","/providers/imagekit",{"title":70,"_path":71},"Imgix","/providers/imgix",{"title":73,"_path":74},"IPX","/providers/ipx",{"title":76,"_path":77},"Netlify","/providers/netlify",{"title":79,"_path":80},"Prepr","/providers/prepr",{"title":82,"_path":83},"Prismic","/providers/prismic",{"title":85,"_path":86},"Sanity","/providers/sanity",{"title":88,"_path":89},"Storyblok","/providers/storyblok",{"title":91,"_path":92},"Strapi","/providers/strapi",{"title":94,"_path":95},"Twicpics","/providers/twicpics",{"title":97,"_path":98},"Unsplash","/providers/unsplash",{"title":100,"_path":101},"Uploadcare","/providers/uploadcare",{"title":103,"_path":104},"Vercel","/providers/vercel",{"title":106,"_path":107,"children":108},"Advanced","/advanced",[109,112],{"title":110,"_path":111},"Custom Provider","/advanced/custom-provider",{"title":113,"_path":114},"Static Images","/advanced/static-images",{"_path":83,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":82,"description":119,"links":120,"body":126,"_type":365,"_id":366,"_source":367,"_file":368,"_extension":369},"providers",false,"","Nuxt Image has first class integration with Prismic.",[121],{"label":122,"icon":123,"to":124,"size":125},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/prismic.ts","xs",{"type":127,"children":128,"toc":363},"root",[129,147,160,267,272,348,357],{"type":130,"tag":131,"props":132,"children":133},"element","p",{},[134,137,145],{"type":135,"value":136},"text","Integration between ",{"type":130,"tag":138,"props":139,"children":143},"a",{"href":140,"rel":141},"https://prismic.io/docs",[142],"nofollow",[144],{"type":135,"value":82},{"type":135,"value":146}," and the image module.",{"type":130,"tag":131,"props":148,"children":149},{},[150,152,158],{"type":135,"value":151},"No specific configuration is required for Prismic support. You just need to specify ",{"type":130,"tag":153,"props":154,"children":155},"code",{"className":118},[156],{"type":135,"value":157},"provider: 'prismic'",{"type":135,"value":159}," in your configuration to make it the default:",{"type":130,"tag":161,"props":162,"children":167},"pre",{"className":163,"code":164,"filename":165,"language":166,"meta":118,"style":118},"language-ts shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","export default defineNuxtConfig({\n  image: {\n    prismic: {}\n  }\n})\n","nuxt.config.ts","ts",[168],{"type":130,"tag":153,"props":169,"children":170},{"__ignoreMap":118},[171,206,226,244,253],{"type":130,"tag":172,"props":173,"children":176},"span",{"class":174,"line":175},"line",1,[177,183,188,194,200],{"type":130,"tag":172,"props":178,"children":180},{"style":179},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[181],{"type":135,"value":182},"export",{"type":130,"tag":172,"props":184,"children":185},{"style":179},[186],{"type":135,"value":187}," default",{"type":130,"tag":172,"props":189,"children":191},{"style":190},"color:#82AAFF;--shiki-dark:#82AAFF;--shiki-light:#6182B8",[192],{"type":135,"value":193}," defineNuxtConfig",{"type":130,"tag":172,"props":195,"children":197},{"style":196},"color:#EEFFFF;--shiki-dark:#BABED8;--shiki-light:#90A4AE",[198],{"type":135,"value":199},"(",{"type":130,"tag":172,"props":201,"children":203},{"style":202},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5",[204],{"type":135,"value":205},"{",{"type":130,"tag":172,"props":207,"children":209},{"class":174,"line":208},2,[210,216,221],{"type":130,"tag":172,"props":211,"children":213},{"style":212},"color:#F07178;--shiki-dark:#F07178;--shiki-light:#E53935",[214],{"type":135,"value":215},"  image",{"type":130,"tag":172,"props":217,"children":218},{"style":202},[219],{"type":135,"value":220},":",{"type":130,"tag":172,"props":222,"children":223},{"style":202},[224],{"type":135,"value":225}," {",{"type":130,"tag":172,"props":227,"children":229},{"class":174,"line":228},3,[230,235,239],{"type":130,"tag":172,"props":231,"children":232},{"style":212},[233],{"type":135,"value":234},"    prismic",{"type":130,"tag":172,"props":236,"children":237},{"style":202},[238],{"type":135,"value":220},{"type":130,"tag":172,"props":240,"children":241},{"style":202},[242],{"type":135,"value":243}," {}",{"type":130,"tag":172,"props":245,"children":247},{"class":174,"line":246},4,[248],{"type":130,"tag":172,"props":249,"children":250},{"style":202},[251],{"type":135,"value":252},"  }",{"type":130,"tag":172,"props":254,"children":256},{"class":174,"line":255},5,[257,262],{"type":130,"tag":172,"props":258,"children":259},{"style":202},[260],{"type":135,"value":261},"}",{"type":130,"tag":172,"props":263,"children":264},{"style":196},[265],{"type":135,"value":266},")",{"type":130,"tag":131,"props":268,"children":269},{},[270],{"type":135,"value":271},"You can also pass it directly to your component when you need it, for example:",{"type":130,"tag":161,"props":273,"children":278},{"className":274,"code":275,"filename":276,"language":277,"meta":118,"style":118},"language-html shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","\u003CNuxtImg provider=\"prismic\" src=\"...\" />\n","*.vue","html",[279],{"type":130,"tag":153,"props":280,"children":281},{"__ignoreMap":118},[282],{"type":130,"tag":172,"props":283,"children":284},{"class":174,"line":175},[285,290,295,301,306,311,317,321,326,330,334,339,343],{"type":130,"tag":172,"props":286,"children":287},{"style":202},[288],{"type":135,"value":289},"\u003C",{"type":130,"tag":172,"props":291,"children":292},{"style":212},[293],{"type":135,"value":294},"NuxtImg",{"type":130,"tag":172,"props":296,"children":298},{"style":297},"color:#C792EA;--shiki-dark:#C792EA;--shiki-light:#9C3EDA",[299],{"type":135,"value":300}," provider",{"type":130,"tag":172,"props":302,"children":303},{"style":202},[304],{"type":135,"value":305},"=",{"type":130,"tag":172,"props":307,"children":308},{"style":202},[309],{"type":135,"value":310},"\"",{"type":130,"tag":172,"props":312,"children":314},{"style":313},"color:#C3E88D;--shiki-dark:#C3E88D;--shiki-light:#91B859",[315],{"type":135,"value":316},"prismic",{"type":130,"tag":172,"props":318,"children":319},{"style":202},[320],{"type":135,"value":310},{"type":130,"tag":172,"props":322,"children":323},{"style":297},[324],{"type":135,"value":325}," src",{"type":130,"tag":172,"props":327,"children":328},{"style":202},[329],{"type":135,"value":305},{"type":130,"tag":172,"props":331,"children":332},{"style":202},[333],{"type":135,"value":310},{"type":130,"tag":172,"props":335,"children":336},{"style":313},[337],{"type":135,"value":338},"...",{"type":130,"tag":172,"props":340,"children":341},{"style":202},[342],{"type":135,"value":310},{"type":130,"tag":172,"props":344,"children":345},{"style":202},[346],{"type":135,"value":347}," />",{"type":130,"tag":349,"props":350,"children":351},"callout",{},[352],{"type":130,"tag":131,"props":353,"children":354},{},[355],{"type":135,"value":356},"Prismic allows content writer to manipulate images through its UI (cropping, rezising, etc.). To preserve that behavior this provider does not strip query parameters coming from Prismic. Instead it only overrides them when needed, keeping developers in control.",{"type":130,"tag":358,"props":359,"children":360},"style",{},[361],{"type":135,"value":362},"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}html.light .shiki span {color: var(--shiki-light) !important;background: var(--shiki-light-bg) !important;font-style: var(--shiki-light-font-style) !important;font-weight: var(--shiki-light-font-weight) !important;text-decoration: var(--shiki-light-text-decoration) !important;}",{"title":118,"searchDepth":208,"depth":208,"links":364},[],"markdown","content:3.providers:prismic.md","content","3.providers/prismic.md","md",[371,762],{"_path":80,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":79,"description":372,"links":373,"body":376,"_type":365,"_id":760,"_source":367,"_file":761,"_extension":369},"Nuxt Image integration with Prepr CMS.",[374],{"label":122,"icon":123,"to":375,"size":125},"https://github.com/nuxt/image/tree/main/src/runtime/providers/prepr",{"type":127,"children":377,"toc":754},[378,390,402,533,540,554,559,583,605,612,617,690,698,711,736,750],{"type":130,"tag":131,"props":379,"children":380},{},[381,382,388],{"type":135,"value":136},{"type":130,"tag":138,"props":383,"children":386},{"href":384,"rel":385},"https://prepr.io/",[142],[387],{"type":135,"value":79},{"type":135,"value":389}," and Nuxt Image.",{"type":130,"tag":131,"props":391,"children":392},{},[393,395,400],{"type":135,"value":394},"To use this provider you just need to specify the ",{"type":130,"tag":153,"props":396,"children":397},{"className":118},[398],{"type":135,"value":399},"projectName",{"type":135,"value":401}," of your project in Prepr.",{"type":130,"tag":161,"props":403,"children":405},{"className":163,"code":404,"filename":165,"language":166,"meta":118,"style":118},"export default defineNuxtConfig({\n  image: {\n    prepr: {\n      // E.g.: https://YourProjectName.prepr.io/\n      projectName: 'YourProjectName',\n    }\n  }\n})\n",[406],{"type":130,"tag":153,"props":407,"children":408},{"__ignoreMap":118},[409,432,447,463,472,504,513,521],{"type":130,"tag":172,"props":410,"children":411},{"class":174,"line":175},[412,416,420,424,428],{"type":130,"tag":172,"props":413,"children":414},{"style":179},[415],{"type":135,"value":182},{"type":130,"tag":172,"props":417,"children":418},{"style":179},[419],{"type":135,"value":187},{"type":130,"tag":172,"props":421,"children":422},{"style":190},[423],{"type":135,"value":193},{"type":130,"tag":172,"props":425,"children":426},{"style":196},[427],{"type":135,"value":199},{"type":130,"tag":172,"props":429,"children":430},{"style":202},[431],{"type":135,"value":205},{"type":130,"tag":172,"props":433,"children":434},{"class":174,"line":208},[435,439,443],{"type":130,"tag":172,"props":436,"children":437},{"style":212},[438],{"type":135,"value":215},{"type":130,"tag":172,"props":440,"children":441},{"style":202},[442],{"type":135,"value":220},{"type":130,"tag":172,"props":444,"children":445},{"style":202},[446],{"type":135,"value":225},{"type":130,"tag":172,"props":448,"children":449},{"class":174,"line":228},[450,455,459],{"type":130,"tag":172,"props":451,"children":452},{"style":212},[453],{"type":135,"value":454},"    prepr",{"type":130,"tag":172,"props":456,"children":457},{"style":202},[458],{"type":135,"value":220},{"type":130,"tag":172,"props":460,"children":461},{"style":202},[462],{"type":135,"value":225},{"type":130,"tag":172,"props":464,"children":465},{"class":174,"line":246},[466],{"type":130,"tag":172,"props":467,"children":469},{"style":468},"color:#546E7A;--shiki-dark:#676E95;--shiki-light:#90A4AE;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[470],{"type":135,"value":471},"      // E.g.: https://YourProjectName.prepr.io/",{"type":130,"tag":172,"props":473,"children":474},{"class":174,"line":255},[475,480,484,489,494,499],{"type":130,"tag":172,"props":476,"children":477},{"style":212},[478],{"type":135,"value":479},"      projectName",{"type":130,"tag":172,"props":481,"children":482},{"style":202},[483],{"type":135,"value":220},{"type":130,"tag":172,"props":485,"children":486},{"style":202},[487],{"type":135,"value":488}," '",{"type":130,"tag":172,"props":490,"children":491},{"style":313},[492],{"type":135,"value":493},"YourProjectName",{"type":130,"tag":172,"props":495,"children":496},{"style":202},[497],{"type":135,"value":498},"'",{"type":130,"tag":172,"props":500,"children":501},{"style":202},[502],{"type":135,"value":503},",",{"type":130,"tag":172,"props":505,"children":507},{"class":174,"line":506},6,[508],{"type":130,"tag":172,"props":509,"children":510},{"style":202},[511],{"type":135,"value":512},"    }",{"type":130,"tag":172,"props":514,"children":516},{"class":174,"line":515},7,[517],{"type":130,"tag":172,"props":518,"children":519},{"style":202},[520],{"type":135,"value":252},{"type":130,"tag":172,"props":522,"children":524},{"class":174,"line":523},8,[525,529],{"type":130,"tag":172,"props":526,"children":527},{"style":202},[528],{"type":135,"value":261},{"type":130,"tag":172,"props":530,"children":531},{"style":196},[532],{"type":135,"value":266},{"type":130,"tag":534,"props":535,"children":537},"h2",{"id":536},"modifiers",[538],{"type":135,"value":539},"Modifiers",{"type":130,"tag":131,"props":541,"children":542},{},[543,545,552],{"type":135,"value":544},"The Prepr provider supports a number of additional modifiers. For a full list,\ncheck out ",{"type":130,"tag":138,"props":546,"children":549},{"href":547,"rel":548},"https://docs.prepr.io/reference/rest/v1/assets-resizing/",[142],[550],{"type":135,"value":551},"the Prepr documentation",{"type":135,"value":553},".\nAll current transformations currently mentioned in Prepr docs are supported.",{"type":130,"tag":131,"props":555,"children":556},{},[557],{"type":135,"value":558},"For the time being you might find the following links useful:",{"type":130,"tag":560,"props":561,"children":562},"ul",{},[563,573],{"type":130,"tag":564,"props":565,"children":566},"li",{},[567],{"type":130,"tag":138,"props":568,"children":570},{"href":547,"rel":569},[142],[571],{"type":135,"value":572},"Assets Resizing via REST API",{"type":130,"tag":564,"props":574,"children":575},{},[576],{"type":130,"tag":138,"props":577,"children":580},{"href":578,"rel":579},"https://docs.prepr.io/managing-content/images",[142],[581],{"type":135,"value":582},"Understanding your marketing and design team workflows",{"type":130,"tag":349,"props":584,"children":585},{},[586],{"type":130,"tag":131,"props":587,"children":588},{},[589,591,596,598,603],{"type":135,"value":590},"prepr.io does not provide a way to restrict what domains can\nrequest assets to your project's CDN, nor limit the maximum size in ",{"type":130,"tag":153,"props":592,"children":593},{"className":118},[594],{"type":135,"value":595},"pixels",{"type":135,"value":597}," or\n",{"type":130,"tag":153,"props":599,"children":600},{"className":118},[601],{"type":135,"value":602},"bytes",{"type":135,"value":604}," of images that are served from the CDN.",{"type":130,"tag":606,"props":607,"children":609},"h3",{"id":608},"convenience-key-modifiers",[610],{"type":135,"value":611},"Convenience key modifiers",{"type":130,"tag":131,"props":613,"children":614},{},[615],{"type":135,"value":616},"The following more readable modifiers are supported, in addition to Prepr's\nnative modifiers:",{"type":130,"tag":560,"props":618,"children":619},{},[620,635,648,662,676],{"type":130,"tag":564,"props":621,"children":622},{},[623,628,630],{"type":130,"tag":153,"props":624,"children":625},{"className":118},[626],{"type":135,"value":627},"crop",{"type":135,"value":629}," is equivalent to ",{"type":130,"tag":153,"props":631,"children":632},{"className":118},[633],{"type":135,"value":634},"c",{"type":130,"tag":564,"props":636,"children":637},{},[638,643,644],{"type":130,"tag":153,"props":639,"children":640},{"className":118},[641],{"type":135,"value":642},"format",{"type":135,"value":629},{"type":130,"tag":153,"props":645,"children":646},{"className":118},[647],{"type":135,"value":642},{"type":130,"tag":564,"props":649,"children":650},{},[651,656,657],{"type":130,"tag":153,"props":652,"children":653},{"className":118},[654],{"type":135,"value":655},"height",{"type":135,"value":629},{"type":130,"tag":153,"props":658,"children":659},{"className":118},[660],{"type":135,"value":661},"h",{"type":130,"tag":564,"props":663,"children":664},{},[665,670,671],{"type":130,"tag":153,"props":666,"children":667},{"className":118},[668],{"type":135,"value":669},"quality",{"type":135,"value":629},{"type":130,"tag":153,"props":672,"children":673},{"className":118},[674],{"type":135,"value":675},"q",{"type":130,"tag":564,"props":677,"children":678},{},[679,684,685],{"type":130,"tag":153,"props":680,"children":681},{"className":118},[682],{"type":135,"value":683},"width",{"type":135,"value":629},{"type":130,"tag":153,"props":686,"children":687},{"className":118},[688],{"type":135,"value":689},"w",{"type":130,"tag":606,"props":691,"children":693},{"id":692},"fit",[694],{"type":130,"tag":153,"props":695,"children":696},{"className":118},[697],{"type":135,"value":692},{"type":130,"tag":131,"props":699,"children":700},{},[701,703,709],{"type":135,"value":702},"In addition to the values specified in the Prepr docs, which are respected, the\nfollowing options from the ",{"type":130,"tag":138,"props":704,"children":706},{"href":705},"/usage/nuxt-img#fit",[707],{"type":135,"value":708},"default fit behavior",{"type":135,"value":710},"\nare supported:",{"type":130,"tag":560,"props":712,"children":713},{},[714],{"type":130,"tag":564,"props":715,"children":716},{},[717,722,724,728,730,735],{"type":130,"tag":153,"props":718,"children":719},{"className":118},[720],{"type":135,"value":721},"cover",{"type":135,"value":723}," - this will behave like the Prepr modifier ",{"type":130,"tag":153,"props":725,"children":726},{"className":118},[727],{"type":135,"value":627},{"type":135,"value":729},", when passed without\na value (defaults to ",{"type":130,"tag":153,"props":731,"children":732},{"className":118},[733],{"type":135,"value":734},"centre",{"type":135,"value":266},{"type":130,"tag":349,"props":737,"children":738},{},[739],{"type":130,"tag":131,"props":740,"children":741},{},[742,744,748],{"type":135,"value":743},"For the time being, other ",{"type":130,"tag":153,"props":745,"children":746},{"className":118},[747],{"type":135,"value":692},{"type":135,"value":749}," options are not supported by this provider.",{"type":130,"tag":358,"props":751,"children":752},{},[753],{"type":135,"value":362},{"title":118,"searchDepth":208,"depth":208,"links":755},[756],{"id":536,"depth":208,"text":539,"children":757},[758,759],{"id":608,"depth":228,"text":611},{"id":692,"depth":228,"text":692},"content:3.providers:prepr.md","3.providers/prepr.md",{"_path":86,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":85,"description":763,"links":764,"body":767,"_type":365,"_id":1311,"_source":367,"_file":1312,"_extension":369},"Nuxt Image has first class integration with Sanity.",[765],{"label":122,"icon":123,"to":766,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/sanity.ts",{"type":127,"children":768,"toc":1302},[769,780,791,923,927,940,946,951,1106,1113,1124,1203,1239,1246,1258,1273,1298],{"type":130,"tag":131,"props":770,"children":771},{},[772,773,779],{"type":135,"value":136},{"type":130,"tag":138,"props":774,"children":777},{"href":775,"rel":776},"https://www.sanity.io/docs/image-urls",[142],[778],{"type":135,"value":85},{"type":135,"value":389},{"type":130,"tag":131,"props":781,"children":782},{},[783,784,789],{"type":135,"value":394},{"type":130,"tag":153,"props":785,"children":786},{"className":118},[787],{"type":135,"value":788},"projectId",{"type":135,"value":790}," of your project in Sanity.",{"type":130,"tag":161,"props":792,"children":794},{"className":163,"code":793,"filename":165,"language":166,"meta":118,"style":118},"export default defineNuxtConfig({\n  image: {\n    sanity: {\n      projectId: 'yourprojectid',\n      // Defaults to 'production'\n      // dataset: 'development'\n    }\n  }\n})\n",[795],{"type":130,"tag":153,"props":796,"children":797},{"__ignoreMap":118},[798,821,836,852,881,889,897,904,911],{"type":130,"tag":172,"props":799,"children":800},{"class":174,"line":175},[801,805,809,813,817],{"type":130,"tag":172,"props":802,"children":803},{"style":179},[804],{"type":135,"value":182},{"type":130,"tag":172,"props":806,"children":807},{"style":179},[808],{"type":135,"value":187},{"type":130,"tag":172,"props":810,"children":811},{"style":190},[812],{"type":135,"value":193},{"type":130,"tag":172,"props":814,"children":815},{"style":196},[816],{"type":135,"value":199},{"type":130,"tag":172,"props":818,"children":819},{"style":202},[820],{"type":135,"value":205},{"type":130,"tag":172,"props":822,"children":823},{"class":174,"line":208},[824,828,832],{"type":130,"tag":172,"props":825,"children":826},{"style":212},[827],{"type":135,"value":215},{"type":130,"tag":172,"props":829,"children":830},{"style":202},[831],{"type":135,"value":220},{"type":130,"tag":172,"props":833,"children":834},{"style":202},[835],{"type":135,"value":225},{"type":130,"tag":172,"props":837,"children":838},{"class":174,"line":228},[839,844,848],{"type":130,"tag":172,"props":840,"children":841},{"style":212},[842],{"type":135,"value":843},"    sanity",{"type":130,"tag":172,"props":845,"children":846},{"style":202},[847],{"type":135,"value":220},{"type":130,"tag":172,"props":849,"children":850},{"style":202},[851],{"type":135,"value":225},{"type":130,"tag":172,"props":853,"children":854},{"class":174,"line":246},[855,860,864,868,873,877],{"type":130,"tag":172,"props":856,"children":857},{"style":212},[858],{"type":135,"value":859},"      projectId",{"type":130,"tag":172,"props":861,"children":862},{"style":202},[863],{"type":135,"value":220},{"type":130,"tag":172,"props":865,"children":866},{"style":202},[867],{"type":135,"value":488},{"type":130,"tag":172,"props":869,"children":870},{"style":313},[871],{"type":135,"value":872},"yourprojectid",{"type":130,"tag":172,"props":874,"children":875},{"style":202},[876],{"type":135,"value":498},{"type":130,"tag":172,"props":878,"children":879},{"style":202},[880],{"type":135,"value":503},{"type":130,"tag":172,"props":882,"children":883},{"class":174,"line":255},[884],{"type":130,"tag":172,"props":885,"children":886},{"style":468},[887],{"type":135,"value":888},"      // Defaults to 'production'",{"type":130,"tag":172,"props":890,"children":891},{"class":174,"line":506},[892],{"type":130,"tag":172,"props":893,"children":894},{"style":468},[895],{"type":135,"value":896},"      // dataset: 'development'",{"type":130,"tag":172,"props":898,"children":899},{"class":174,"line":515},[900],{"type":130,"tag":172,"props":901,"children":902},{"style":202},[903],{"type":135,"value":512},{"type":130,"tag":172,"props":905,"children":906},{"class":174,"line":523},[907],{"type":130,"tag":172,"props":908,"children":909},{"style":202},[910],{"type":135,"value":252},{"type":130,"tag":172,"props":912,"children":914},{"class":174,"line":913},9,[915,919],{"type":130,"tag":172,"props":916,"children":917},{"style":202},[918],{"type":135,"value":261},{"type":130,"tag":172,"props":920,"children":921},{"style":196},[922],{"type":135,"value":266},{"type":130,"tag":534,"props":924,"children":925},{"id":536},[926],{"type":135,"value":539},{"type":130,"tag":131,"props":928,"children":929},{},[930,932,938],{"type":135,"value":931},"The Sanity provider supports a number of additional modifiers. For a full list, check out ",{"type":130,"tag":138,"props":933,"children":935},{"href":775,"rel":934},[142],[936],{"type":135,"value":937},"the Sanity documentation",{"type":135,"value":939},". All of the modifiers mentioned in the Sanity docs are supported, with the following notes.",{"type":130,"tag":606,"props":941,"children":943},{"id":942},"extra-convenience-modifiers",[944],{"type":135,"value":945},"Extra convenience modifiers",{"type":130,"tag":131,"props":947,"children":948},{},[949],{"type":135,"value":950},"The following more readable modifiers are also supported:",{"type":130,"tag":560,"props":952,"children":953},{},[954,969,983,997,1011,1032,1052,1072,1092],{"type":130,"tag":564,"props":955,"children":956},{},[957,962,964],{"type":130,"tag":153,"props":958,"children":959},{"className":118},[960],{"type":135,"value":961},"background",{"type":135,"value":963}," - equivalent to ",{"type":130,"tag":153,"props":965,"children":966},{"className":118},[967],{"type":135,"value":968},"bg",{"type":130,"tag":564,"props":970,"children":971},{},[972,977,978],{"type":130,"tag":153,"props":973,"children":974},{"className":118},[975],{"type":135,"value":976},"download",{"type":135,"value":963},{"type":130,"tag":153,"props":979,"children":980},{"className":118},[981],{"type":135,"value":982},"dl",{"type":130,"tag":564,"props":984,"children":985},{},[986,991,992],{"type":130,"tag":153,"props":987,"children":988},{"className":118},[989],{"type":135,"value":990},"sharpen",{"type":135,"value":963},{"type":130,"tag":153,"props":993,"children":994},{"className":118},[995],{"type":135,"value":996},"sharp",{"type":130,"tag":564,"props":998,"children":999},{},[1000,1005,1006],{"type":130,"tag":153,"props":1001,"children":1002},{"className":118},[1003],{"type":135,"value":1004},"orientation",{"type":135,"value":963},{"type":130,"tag":153,"props":1007,"children":1008},{"className":118},[1009],{"type":135,"value":1010},"or",{"type":130,"tag":564,"props":1012,"children":1013},{},[1014,1019,1021,1026,1027],{"type":130,"tag":153,"props":1015,"children":1016},{"className":118},[1017],{"type":135,"value":1018},"minHeight",{"type":135,"value":1020}," or ",{"type":130,"tag":153,"props":1022,"children":1023},{"className":118},[1024],{"type":135,"value":1025},"min-height",{"type":135,"value":963},{"type":130,"tag":153,"props":1028,"children":1029},{"className":118},[1030],{"type":135,"value":1031},"min-h",{"type":130,"tag":564,"props":1033,"children":1034},{},[1035,1040,1041,1046,1047],{"type":130,"tag":153,"props":1036,"children":1037},{"className":118},[1038],{"type":135,"value":1039},"maxHeight",{"type":135,"value":1020},{"type":130,"tag":153,"props":1042,"children":1043},{"className":118},[1044],{"type":135,"value":1045},"max-height",{"type":135,"value":963},{"type":130,"tag":153,"props":1048,"children":1049},{"className":118},[1050],{"type":135,"value":1051},"max-h",{"type":130,"tag":564,"props":1053,"children":1054},{},[1055,1060,1061,1066,1067],{"type":130,"tag":153,"props":1056,"children":1057},{"className":118},[1058],{"type":135,"value":1059},"minWidth",{"type":135,"value":1020},{"type":130,"tag":153,"props":1062,"children":1063},{"className":118},[1064],{"type":135,"value":1065},"min-width",{"type":135,"value":963},{"type":130,"tag":153,"props":1068,"children":1069},{"className":118},[1070],{"type":135,"value":1071},"min-w",{"type":130,"tag":564,"props":1073,"children":1074},{},[1075,1080,1081,1086,1087],{"type":130,"tag":153,"props":1076,"children":1077},{"className":118},[1078],{"type":135,"value":1079},"maxWidth",{"type":135,"value":1020},{"type":130,"tag":153,"props":1082,"children":1083},{"className":118},[1084],{"type":135,"value":1085},"max-width",{"type":135,"value":963},{"type":130,"tag":153,"props":1088,"children":1089},{"className":118},[1090],{"type":135,"value":1091},"max-w",{"type":130,"tag":564,"props":1093,"children":1094},{},[1095,1100,1101],{"type":130,"tag":153,"props":1096,"children":1097},{"className":118},[1098],{"type":135,"value":1099},"saturation",{"type":135,"value":963},{"type":130,"tag":153,"props":1102,"children":1103},{"className":118},[1104],{"type":135,"value":1105},"sat",{"type":130,"tag":606,"props":1107,"children":1108},{"id":692},[1109],{"type":130,"tag":153,"props":1110,"children":1111},{"className":118},[1112],{"type":135,"value":692},{"type":130,"tag":131,"props":1114,"children":1115},{},[1116,1118,1122],{"type":135,"value":1117},"In addition to the values specified in the Sanity docs, which are respected, the following options from the ",{"type":130,"tag":138,"props":1119,"children":1120},{"href":705},[1121],{"type":135,"value":708},{"type":135,"value":1123}," are supported:",{"type":130,"tag":560,"props":1125,"children":1126},{},[1127,1140,1162,1176,1190],{"type":130,"tag":564,"props":1128,"children":1129},{},[1130,1134,1136],{"type":130,"tag":153,"props":1131,"children":1132},{"className":118},[1133],{"type":135,"value":721},{"type":135,"value":1135}," - this will behave like the Sanity modifier ",{"type":130,"tag":153,"props":1137,"children":1138},{"className":118},[1139],{"type":135,"value":627},{"type":130,"tag":564,"props":1141,"children":1142},{},[1143,1148,1149,1154,1156,1160],{"type":130,"tag":153,"props":1144,"children":1145},{"className":118},[1146],{"type":135,"value":1147},"contain",{"type":135,"value":1135},{"type":130,"tag":153,"props":1150,"children":1151},{"className":118},[1152],{"type":135,"value":1153},"fill",{"type":135,"value":1155},", and defaults to filling with a white background. (You can specify your own background color with the ",{"type":130,"tag":153,"props":1157,"children":1158},{"className":118},[1159],{"type":135,"value":961},{"type":135,"value":1161}," modifier.)",{"type":130,"tag":564,"props":1163,"children":1164},{},[1165,1170,1171],{"type":130,"tag":153,"props":1166,"children":1167},{"className":118},[1168],{"type":135,"value":1169},"inside",{"type":135,"value":1135},{"type":130,"tag":153,"props":1172,"children":1173},{"className":118},[1174],{"type":135,"value":1175},"min",{"type":130,"tag":564,"props":1177,"children":1178},{},[1179,1184,1185],{"type":130,"tag":153,"props":1180,"children":1181},{"className":118},[1182],{"type":135,"value":1183},"outside",{"type":135,"value":1135},{"type":130,"tag":153,"props":1186,"children":1187},{"className":118},[1188],{"type":135,"value":1189},"max",{"type":130,"tag":564,"props":1191,"children":1192},{},[1193,1197,1198],{"type":130,"tag":153,"props":1194,"children":1195},{"className":118},[1196],{"type":135,"value":1153},{"type":135,"value":1135},{"type":130,"tag":153,"props":1199,"children":1200},{"className":118},[1201],{"type":135,"value":1202},"scale",{"type":130,"tag":349,"props":1204,"children":1205},{},[1206],{"type":130,"tag":131,"props":1207,"children":1208},{},[1209,1211,1216,1218,1223,1225,1230,1232,1237],{"type":135,"value":1210},"For compatibility with other providers, ",{"type":130,"tag":153,"props":1212,"children":1213},{"className":118},[1214],{"type":135,"value":1215},"fit: fill",{"type":135,"value":1217}," is equivalent to the Sanity parameter ",{"type":130,"tag":153,"props":1219,"children":1220},{"className":118},[1221],{"type":135,"value":1222},"?fit=scale",{"type":135,"value":1224},". If you need the Sanity ",{"type":130,"tag":153,"props":1226,"children":1227},{"className":118},[1228],{"type":135,"value":1229},"?fit=fill",{"type":135,"value":1231}," behavior, use ",{"type":130,"tag":153,"props":1233,"children":1234},{"className":118},[1235],{"type":135,"value":1236},"fit: contain",{"type":135,"value":1238}," instead.",{"type":130,"tag":606,"props":1240,"children":1241},{"id":642},[1242],{"type":130,"tag":153,"props":1243,"children":1244},{"className":118},[1245],{"type":135,"value":642},{"type":130,"tag":131,"props":1247,"children":1248},{},[1249,1251,1256],{"type":135,"value":1250},"You can specify any of the formats suppored by Sanity. If this is omitted, the Sanity provider will default to ",{"type":130,"tag":153,"props":1252,"children":1253},{"className":118},[1254],{"type":135,"value":1255},"auto=format",{"type":135,"value":1257},".",{"type":130,"tag":606,"props":1259,"children":1261},{"id":1260},"crop-and-hotspot",[1262,1266,1268],{"type":130,"tag":153,"props":1263,"children":1264},{"className":118},[1265],{"type":135,"value":627},{"type":135,"value":1267}," and ",{"type":130,"tag":153,"props":1269,"children":1270},{"className":118},[1271],{"type":135,"value":1272},"hotspot",{"type":130,"tag":131,"props":1274,"children":1275},{},[1276,1278,1283,1285,1290,1291,1296],{"type":135,"value":1277},"You can pass your Sanity crop and hotspot image data as modifiers and Nuxt Image will correctly generate the ",{"type":130,"tag":153,"props":1279,"children":1280},{"className":118},[1281],{"type":135,"value":1282},"rect",{"type":135,"value":1284},", ",{"type":130,"tag":153,"props":1286,"children":1287},{"className":118},[1288],{"type":135,"value":1289},"fp-x",{"type":135,"value":1267},{"type":130,"tag":153,"props":1292,"children":1293},{"className":118},[1294],{"type":135,"value":1295},"fp-y",{"type":135,"value":1297}," parameters for you.",{"type":130,"tag":358,"props":1299,"children":1300},{},[1301],{"type":135,"value":362},{"title":118,"searchDepth":208,"depth":208,"links":1303},[1304],{"id":536,"depth":208,"text":539,"children":1305},[1306,1307,1308,1309],{"id":942,"depth":228,"text":945},{"id":692,"depth":228,"text":692},{"id":642,"depth":228,"text":642},{"id":1260,"depth":228,"text":1310},"crop and hotspot","content:3.providers:sanity.md","3.providers/sanity.md",1697713006416]