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