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