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