[{"data":1,"prerenderedAt":1400},["Reactive",2],{"navigation":3,"docs-/providers/prismic":136,"docs-/providers/prismic-surround":392},[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,"_extension":391},"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-default:#89DDFF;--shiki-dark:#89DDFF;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--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","md",[393,803],{"_path":95,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":94,"description":394,"links":395,"body":398,"_type":387,"_id":801,"_source":389,"_file":802,"_extension":391},"Nuxt Image integration with Prepr CMS.",[396],{"label":143,"icon":144,"to":397,"size":146},"https://github.com/nuxt/image/tree/main/src/runtime/providers/prepr",{"type":148,"children":399,"toc":795},[400,412,425,556,563,577,582,606,630,637,642,725,734,747,776,791],{"type":151,"tag":152,"props":401,"children":402},{},[403,404,410],{"type":156,"value":157},{"type":151,"tag":159,"props":405,"children":408},{"href":406,"rel":407},"https://prepr.io/",[163],[409],{"type":156,"value":94},{"type":156,"value":411}," and Nuxt Image.",{"type":151,"tag":152,"props":413,"children":414},{},[415,417,423],{"type":156,"value":416},"To use this provider you just need to specify the ",{"type":151,"tag":174,"props":418,"children":420},{"className":419},[],[421],{"type":156,"value":422},"projectName",{"type":156,"value":424}," of your project in Prepr.",{"type":151,"tag":183,"props":426,"children":428},{"className":185,"code":427,"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",[429],{"type":151,"tag":174,"props":430,"children":431},{"__ignoreMap":139},[432,455,470,486,495,527,536,544],{"type":151,"tag":194,"props":433,"children":434},{"class":196,"line":197},[435,439,443,447,451],{"type":151,"tag":194,"props":436,"children":437},{"style":201},[438],{"type":156,"value":204},{"type":151,"tag":194,"props":440,"children":441},{"style":201},[442],{"type":156,"value":209},{"type":151,"tag":194,"props":444,"children":445},{"style":212},[446],{"type":156,"value":215},{"type":151,"tag":194,"props":448,"children":449},{"style":218},[450],{"type":156,"value":221},{"type":151,"tag":194,"props":452,"children":453},{"style":224},[454],{"type":156,"value":227},{"type":151,"tag":194,"props":456,"children":457},{"class":196,"line":230},[458,462,466],{"type":151,"tag":194,"props":459,"children":460},{"style":234},[461],{"type":156,"value":237},{"type":151,"tag":194,"props":463,"children":464},{"style":224},[465],{"type":156,"value":242},{"type":151,"tag":194,"props":467,"children":468},{"style":224},[469],{"type":156,"value":247},{"type":151,"tag":194,"props":471,"children":472},{"class":196,"line":250},[473,478,482],{"type":151,"tag":194,"props":474,"children":475},{"style":234},[476],{"type":156,"value":477},"    prepr",{"type":151,"tag":194,"props":479,"children":480},{"style":224},[481],{"type":156,"value":242},{"type":151,"tag":194,"props":483,"children":484},{"style":224},[485],{"type":156,"value":247},{"type":151,"tag":194,"props":487,"children":488},{"class":196,"line":268},[489],{"type":151,"tag":194,"props":490,"children":492},{"style":491},"--shiki-light:#90A4AE;--shiki-default:#546E7A;--shiki-dark:#676E95;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[493],{"type":156,"value":494},"      // E.g.: https://YourProjectName.prepr.io/\n",{"type":151,"tag":194,"props":496,"children":497},{"class":196,"line":277},[498,503,507,512,517,522],{"type":151,"tag":194,"props":499,"children":500},{"style":234},[501],{"type":156,"value":502},"      projectName",{"type":151,"tag":194,"props":504,"children":505},{"style":224},[506],{"type":156,"value":242},{"type":151,"tag":194,"props":508,"children":509},{"style":224},[510],{"type":156,"value":511}," '",{"type":151,"tag":194,"props":513,"children":514},{"style":335},[515],{"type":156,"value":516},"YourProjectName",{"type":151,"tag":194,"props":518,"children":519},{"style":224},[520],{"type":156,"value":521},"'",{"type":151,"tag":194,"props":523,"children":524},{"style":224},[525],{"type":156,"value":526},",\n",{"type":151,"tag":194,"props":528,"children":530},{"class":196,"line":529},6,[531],{"type":151,"tag":194,"props":532,"children":533},{"style":224},[534],{"type":156,"value":535},"    }\n",{"type":151,"tag":194,"props":537,"children":539},{"class":196,"line":538},7,[540],{"type":151,"tag":194,"props":541,"children":542},{"style":224},[543],{"type":156,"value":274},{"type":151,"tag":194,"props":545,"children":547},{"class":196,"line":546},8,[548,552],{"type":151,"tag":194,"props":549,"children":550},{"style":224},[551],{"type":156,"value":283},{"type":151,"tag":194,"props":553,"children":554},{"style":218},[555],{"type":156,"value":288},{"type":151,"tag":557,"props":558,"children":560},"h2",{"id":559},"modifiers",[561],{"type":156,"value":562},"Modifiers",{"type":151,"tag":152,"props":564,"children":565},{},[566,568,575],{"type":156,"value":567},"The Prepr provider supports a number of additional modifiers. For a full list,\ncheck out ",{"type":151,"tag":159,"props":569,"children":572},{"href":570,"rel":571},"https://docs.prepr.io/reference/rest/v1/assets-resizing/",[163],[573],{"type":156,"value":574},"the Prepr documentation",{"type":156,"value":576},".\nAll current transformations currently mentioned in Prepr docs are supported.",{"type":151,"tag":152,"props":578,"children":579},{},[580],{"type":156,"value":581},"For the time being you might find the following links useful:",{"type":151,"tag":583,"props":584,"children":585},"ul",{},[586,596],{"type":151,"tag":587,"props":588,"children":589},"li",{},[590],{"type":151,"tag":159,"props":591,"children":593},{"href":570,"rel":592},[163],[594],{"type":156,"value":595},"Assets Resizing via REST API",{"type":151,"tag":587,"props":597,"children":598},{},[599],{"type":151,"tag":159,"props":600,"children":603},{"href":601,"rel":602},"https://docs.prepr.io/managing-content/images",[163],[604],{"type":156,"value":605},"Understanding your marketing and design team workflows",{"type":151,"tag":371,"props":607,"children":608},{},[609],{"type":151,"tag":152,"props":610,"children":611},{},[612,614,620,622,628],{"type":156,"value":613},"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":615,"children":617},{"className":616},[],[618],{"type":156,"value":619},"pixels",{"type":156,"value":621}," or\n",{"type":151,"tag":174,"props":623,"children":625},{"className":624},[],[626],{"type":156,"value":627},"bytes",{"type":156,"value":629}," of images that are served from the CDN.",{"type":151,"tag":631,"props":632,"children":634},"h3",{"id":633},"convenience-key-modifiers",[635],{"type":156,"value":636},"Convenience key modifiers",{"type":151,"tag":152,"props":638,"children":639},{},[640],{"type":156,"value":641},"The following more readable modifiers are supported, in addition to Prepr's\nnative modifiers:",{"type":151,"tag":583,"props":643,"children":644},{},[645,662,677,693,709],{"type":151,"tag":587,"props":646,"children":647},{},[648,654,656],{"type":151,"tag":174,"props":649,"children":651},{"className":650},[],[652],{"type":156,"value":653},"crop",{"type":156,"value":655}," is equivalent to ",{"type":151,"tag":174,"props":657,"children":659},{"className":658},[],[660],{"type":156,"value":661},"c",{"type":151,"tag":587,"props":663,"children":664},{},[665,671,672],{"type":151,"tag":174,"props":666,"children":668},{"className":667},[],[669],{"type":156,"value":670},"format",{"type":156,"value":655},{"type":151,"tag":174,"props":673,"children":675},{"className":674},[],[676],{"type":156,"value":670},{"type":151,"tag":587,"props":678,"children":679},{},[680,686,687],{"type":151,"tag":174,"props":681,"children":683},{"className":682},[],[684],{"type":156,"value":685},"height",{"type":156,"value":655},{"type":151,"tag":174,"props":688,"children":690},{"className":689},[],[691],{"type":156,"value":692},"h",{"type":151,"tag":587,"props":694,"children":695},{},[696,702,703],{"type":151,"tag":174,"props":697,"children":699},{"className":698},[],[700],{"type":156,"value":701},"quality",{"type":156,"value":655},{"type":151,"tag":174,"props":704,"children":706},{"className":705},[],[707],{"type":156,"value":708},"q",{"type":151,"tag":587,"props":710,"children":711},{},[712,718,719],{"type":151,"tag":174,"props":713,"children":715},{"className":714},[],[716],{"type":156,"value":717},"width",{"type":156,"value":655},{"type":151,"tag":174,"props":720,"children":722},{"className":721},[],[723],{"type":156,"value":724},"w",{"type":151,"tag":631,"props":726,"children":728},{"id":727},"fit",[729],{"type":151,"tag":174,"props":730,"children":732},{"className":731},[],[733],{"type":156,"value":727},{"type":151,"tag":152,"props":735,"children":736},{},[737,739,745],{"type":156,"value":738},"In addition to the values specified in the Prepr docs, which are respected, the\nfollowing options from the ",{"type":151,"tag":159,"props":740,"children":742},{"href":741},"/usage/nuxt-img#fit",[743],{"type":156,"value":744},"default fit behavior",{"type":156,"value":746},"\nare supported:",{"type":151,"tag":583,"props":748,"children":749},{},[750],{"type":151,"tag":587,"props":751,"children":752},{},[753,759,761,766,768,774],{"type":151,"tag":174,"props":754,"children":756},{"className":755},[],[757],{"type":156,"value":758},"cover",{"type":156,"value":760}," - this will behave like the Prepr modifier ",{"type":151,"tag":174,"props":762,"children":764},{"className":763},[],[765],{"type":156,"value":653},{"type":156,"value":767},", when passed without\na value (defaults to ",{"type":151,"tag":174,"props":769,"children":771},{"className":770},[],[772],{"type":156,"value":773},"centre",{"type":156,"value":775},")",{"type":151,"tag":371,"props":777,"children":778},{},[779],{"type":151,"tag":152,"props":780,"children":781},{},[782,784,789],{"type":156,"value":783},"For the time being, other ",{"type":151,"tag":174,"props":785,"children":787},{"className":786},[],[788],{"type":156,"value":727},{"type":156,"value":790}," options are not supported by this provider.",{"type":151,"tag":380,"props":792,"children":793},{},[794],{"type":156,"value":384},{"title":139,"searchDepth":230,"depth":230,"links":796},[797],{"id":559,"depth":230,"text":562,"children":798},[799,800],{"id":633,"depth":250,"text":636},{"id":727,"depth":250,"text":727},"content:3.providers:prepr.md","3.providers/prepr.md",{"_path":101,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":100,"description":804,"links":805,"body":808,"_type":387,"_id":1398,"_source":389,"_file":1399,"_extension":391},"Nuxt Image has first class integration with Sanity.",[806],{"label":143,"icon":144,"to":807,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/sanity.ts",{"type":148,"children":809,"toc":1389},[810,821,833,965,969,982,988,993,1170,1178,1189,1279,1319,1327,1340,1357,1385],{"type":151,"tag":152,"props":811,"children":812},{},[813,814,820],{"type":156,"value":157},{"type":151,"tag":159,"props":815,"children":818},{"href":816,"rel":817},"https://www.sanity.io/docs/image-urls",[163],[819],{"type":156,"value":100},{"type":156,"value":411},{"type":151,"tag":152,"props":822,"children":823},{},[824,825,831],{"type":156,"value":416},{"type":151,"tag":174,"props":826,"children":828},{"className":827},[],[829],{"type":156,"value":830},"projectId",{"type":156,"value":832}," of your project in Sanity.",{"type":151,"tag":183,"props":834,"children":836},{"className":185,"code":835,"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",[837],{"type":151,"tag":174,"props":838,"children":839},{"__ignoreMap":139},[840,863,878,894,923,931,939,946,953],{"type":151,"tag":194,"props":841,"children":842},{"class":196,"line":197},[843,847,851,855,859],{"type":151,"tag":194,"props":844,"children":845},{"style":201},[846],{"type":156,"value":204},{"type":151,"tag":194,"props":848,"children":849},{"style":201},[850],{"type":156,"value":209},{"type":151,"tag":194,"props":852,"children":853},{"style":212},[854],{"type":156,"value":215},{"type":151,"tag":194,"props":856,"children":857},{"style":218},[858],{"type":156,"value":221},{"type":151,"tag":194,"props":860,"children":861},{"style":224},[862],{"type":156,"value":227},{"type":151,"tag":194,"props":864,"children":865},{"class":196,"line":230},[866,870,874],{"type":151,"tag":194,"props":867,"children":868},{"style":234},[869],{"type":156,"value":237},{"type":151,"tag":194,"props":871,"children":872},{"style":224},[873],{"type":156,"value":242},{"type":151,"tag":194,"props":875,"children":876},{"style":224},[877],{"type":156,"value":247},{"type":151,"tag":194,"props":879,"children":880},{"class":196,"line":250},[881,886,890],{"type":151,"tag":194,"props":882,"children":883},{"style":234},[884],{"type":156,"value":885},"    sanity",{"type":151,"tag":194,"props":887,"children":888},{"style":224},[889],{"type":156,"value":242},{"type":151,"tag":194,"props":891,"children":892},{"style":224},[893],{"type":156,"value":247},{"type":151,"tag":194,"props":895,"children":896},{"class":196,"line":268},[897,902,906,910,915,919],{"type":151,"tag":194,"props":898,"children":899},{"style":234},[900],{"type":156,"value":901},"      projectId",{"type":151,"tag":194,"props":903,"children":904},{"style":224},[905],{"type":156,"value":242},{"type":151,"tag":194,"props":907,"children":908},{"style":224},[909],{"type":156,"value":511},{"type":151,"tag":194,"props":911,"children":912},{"style":335},[913],{"type":156,"value":914},"yourprojectid",{"type":151,"tag":194,"props":916,"children":917},{"style":224},[918],{"type":156,"value":521},{"type":151,"tag":194,"props":920,"children":921},{"style":224},[922],{"type":156,"value":526},{"type":151,"tag":194,"props":924,"children":925},{"class":196,"line":277},[926],{"type":151,"tag":194,"props":927,"children":928},{"style":491},[929],{"type":156,"value":930},"      // Defaults to 'production'\n",{"type":151,"tag":194,"props":932,"children":933},{"class":196,"line":529},[934],{"type":151,"tag":194,"props":935,"children":936},{"style":491},[937],{"type":156,"value":938},"      // dataset: 'development'\n",{"type":151,"tag":194,"props":940,"children":941},{"class":196,"line":538},[942],{"type":151,"tag":194,"props":943,"children":944},{"style":224},[945],{"type":156,"value":535},{"type":151,"tag":194,"props":947,"children":948},{"class":196,"line":546},[949],{"type":151,"tag":194,"props":950,"children":951},{"style":224},[952],{"type":156,"value":274},{"type":151,"tag":194,"props":954,"children":956},{"class":196,"line":955},9,[957,961],{"type":151,"tag":194,"props":958,"children":959},{"style":224},[960],{"type":156,"value":283},{"type":151,"tag":194,"props":962,"children":963},{"style":218},[964],{"type":156,"value":288},{"type":151,"tag":557,"props":966,"children":967},{"id":559},[968],{"type":156,"value":562},{"type":151,"tag":152,"props":970,"children":971},{},[972,974,980],{"type":156,"value":973},"The Sanity provider supports a number of additional modifiers. For a full list, check out ",{"type":151,"tag":159,"props":975,"children":977},{"href":816,"rel":976},[163],[978],{"type":156,"value":979},"the Sanity documentation",{"type":156,"value":981},". All of the modifiers mentioned in the Sanity docs are supported, with the following notes.",{"type":151,"tag":631,"props":983,"children":985},{"id":984},"extra-convenience-modifiers",[986],{"type":156,"value":987},"Extra convenience modifiers",{"type":151,"tag":152,"props":989,"children":990},{},[991],{"type":156,"value":992},"The following more readable modifiers are also supported:",{"type":151,"tag":583,"props":994,"children":995},{},[996,1013,1029,1045,1061,1085,1108,1131,1154],{"type":151,"tag":587,"props":997,"children":998},{},[999,1005,1007],{"type":151,"tag":174,"props":1000,"children":1002},{"className":1001},[],[1003],{"type":156,"value":1004},"background",{"type":156,"value":1006}," - equivalent to ",{"type":151,"tag":174,"props":1008,"children":1010},{"className":1009},[],[1011],{"type":156,"value":1012},"bg",{"type":151,"tag":587,"props":1014,"children":1015},{},[1016,1022,1023],{"type":151,"tag":174,"props":1017,"children":1019},{"className":1018},[],[1020],{"type":156,"value":1021},"download",{"type":156,"value":1006},{"type":151,"tag":174,"props":1024,"children":1026},{"className":1025},[],[1027],{"type":156,"value":1028},"dl",{"type":151,"tag":587,"props":1030,"children":1031},{},[1032,1038,1039],{"type":151,"tag":174,"props":1033,"children":1035},{"className":1034},[],[1036],{"type":156,"value":1037},"sharpen",{"type":156,"value":1006},{"type":151,"tag":174,"props":1040,"children":1042},{"className":1041},[],[1043],{"type":156,"value":1044},"sharp",{"type":151,"tag":587,"props":1046,"children":1047},{},[1048,1054,1055],{"type":151,"tag":174,"props":1049,"children":1051},{"className":1050},[],[1052],{"type":156,"value":1053},"orientation",{"type":156,"value":1006},{"type":151,"tag":174,"props":1056,"children":1058},{"className":1057},[],[1059],{"type":156,"value":1060},"or",{"type":151,"tag":587,"props":1062,"children":1063},{},[1064,1070,1072,1078,1079],{"type":151,"tag":174,"props":1065,"children":1067},{"className":1066},[],[1068],{"type":156,"value":1069},"minHeight",{"type":156,"value":1071}," or ",{"type":151,"tag":174,"props":1073,"children":1075},{"className":1074},[],[1076],{"type":156,"value":1077},"min-height",{"type":156,"value":1006},{"type":151,"tag":174,"props":1080,"children":1082},{"className":1081},[],[1083],{"type":156,"value":1084},"min-h",{"type":151,"tag":587,"props":1086,"children":1087},{},[1088,1094,1095,1101,1102],{"type":151,"tag":174,"props":1089,"children":1091},{"className":1090},[],[1092],{"type":156,"value":1093},"maxHeight",{"type":156,"value":1071},{"type":151,"tag":174,"props":1096,"children":1098},{"className":1097},[],[1099],{"type":156,"value":1100},"max-height",{"type":156,"value":1006},{"type":151,"tag":174,"props":1103,"children":1105},{"className":1104},[],[1106],{"type":156,"value":1107},"max-h",{"type":151,"tag":587,"props":1109,"children":1110},{},[1111,1117,1118,1124,1125],{"type":151,"tag":174,"props":1112,"children":1114},{"className":1113},[],[1115],{"type":156,"value":1116},"minWidth",{"type":156,"value":1071},{"type":151,"tag":174,"props":1119,"children":1121},{"className":1120},[],[1122],{"type":156,"value":1123},"min-width",{"type":156,"value":1006},{"type":151,"tag":174,"props":1126,"children":1128},{"className":1127},[],[1129],{"type":156,"value":1130},"min-w",{"type":151,"tag":587,"props":1132,"children":1133},{},[1134,1140,1141,1147,1148],{"type":151,"tag":174,"props":1135,"children":1137},{"className":1136},[],[1138],{"type":156,"value":1139},"maxWidth",{"type":156,"value":1071},{"type":151,"tag":174,"props":1142,"children":1144},{"className":1143},[],[1145],{"type":156,"value":1146},"max-width",{"type":156,"value":1006},{"type":151,"tag":174,"props":1149,"children":1151},{"className":1150},[],[1152],{"type":156,"value":1153},"max-w",{"type":151,"tag":587,"props":1155,"children":1156},{},[1157,1163,1164],{"type":151,"tag":174,"props":1158,"children":1160},{"className":1159},[],[1161],{"type":156,"value":1162},"saturation",{"type":156,"value":1006},{"type":151,"tag":174,"props":1165,"children":1167},{"className":1166},[],[1168],{"type":156,"value":1169},"sat",{"type":151,"tag":631,"props":1171,"children":1172},{"id":727},[1173],{"type":151,"tag":174,"props":1174,"children":1176},{"className":1175},[],[1177],{"type":156,"value":727},{"type":151,"tag":152,"props":1179,"children":1180},{},[1181,1183,1187],{"type":156,"value":1182},"In addition to the values specified in the Sanity docs, which are respected, the following options from the ",{"type":151,"tag":159,"props":1184,"children":1185},{"href":741},[1186],{"type":156,"value":744},{"type":156,"value":1188}," are supported:",{"type":151,"tag":583,"props":1190,"children":1191},{},[1192,1207,1232,1248,1264],{"type":151,"tag":587,"props":1193,"children":1194},{},[1195,1200,1202],{"type":151,"tag":174,"props":1196,"children":1198},{"className":1197},[],[1199],{"type":156,"value":758},{"type":156,"value":1201}," - this will behave like the Sanity modifier ",{"type":151,"tag":174,"props":1203,"children":1205},{"className":1204},[],[1206],{"type":156,"value":653},{"type":151,"tag":587,"props":1208,"children":1209},{},[1210,1216,1217,1223,1225,1230],{"type":151,"tag":174,"props":1211,"children":1213},{"className":1212},[],[1214],{"type":156,"value":1215},"contain",{"type":156,"value":1201},{"type":151,"tag":174,"props":1218,"children":1220},{"className":1219},[],[1221],{"type":156,"value":1222},"fill",{"type":156,"value":1224},", and defaults to filling with a white background. (You can specify your own background color with the ",{"type":151,"tag":174,"props":1226,"children":1228},{"className":1227},[],[1229],{"type":156,"value":1004},{"type":156,"value":1231}," modifier.)",{"type":151,"tag":587,"props":1233,"children":1234},{},[1235,1241,1242],{"type":151,"tag":174,"props":1236,"children":1238},{"className":1237},[],[1239],{"type":156,"value":1240},"inside",{"type":156,"value":1201},{"type":151,"tag":174,"props":1243,"children":1245},{"className":1244},[],[1246],{"type":156,"value":1247},"min",{"type":151,"tag":587,"props":1249,"children":1250},{},[1251,1257,1258],{"type":151,"tag":174,"props":1252,"children":1254},{"className":1253},[],[1255],{"type":156,"value":1256},"outside",{"type":156,"value":1201},{"type":151,"tag":174,"props":1259,"children":1261},{"className":1260},[],[1262],{"type":156,"value":1263},"max",{"type":151,"tag":587,"props":1265,"children":1266},{},[1267,1272,1273],{"type":151,"tag":174,"props":1268,"children":1270},{"className":1269},[],[1271],{"type":156,"value":1222},{"type":156,"value":1201},{"type":151,"tag":174,"props":1274,"children":1276},{"className":1275},[],[1277],{"type":156,"value":1278},"scale",{"type":151,"tag":371,"props":1280,"children":1281},{},[1282],{"type":151,"tag":152,"props":1283,"children":1284},{},[1285,1287,1293,1295,1301,1303,1309,1311,1317],{"type":156,"value":1286},"For compatibility with other providers, ",{"type":151,"tag":174,"props":1288,"children":1290},{"className":1289},[],[1291],{"type":156,"value":1292},"fit: fill",{"type":156,"value":1294}," is equivalent to the Sanity parameter ",{"type":151,"tag":174,"props":1296,"children":1298},{"className":1297},[],[1299],{"type":156,"value":1300},"?fit=scale",{"type":156,"value":1302},". If you need the Sanity ",{"type":151,"tag":174,"props":1304,"children":1306},{"className":1305},[],[1307],{"type":156,"value":1308},"?fit=fill",{"type":156,"value":1310}," behavior, use ",{"type":151,"tag":174,"props":1312,"children":1314},{"className":1313},[],[1315],{"type":156,"value":1316},"fit: contain",{"type":156,"value":1318}," instead.",{"type":151,"tag":631,"props":1320,"children":1321},{"id":670},[1322],{"type":151,"tag":174,"props":1323,"children":1325},{"className":1324},[],[1326],{"type":156,"value":670},{"type":151,"tag":152,"props":1328,"children":1329},{},[1330,1332,1338],{"type":156,"value":1331},"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":1333,"children":1335},{"className":1334},[],[1336],{"type":156,"value":1337},"auto=format",{"type":156,"value":1339},".",{"type":151,"tag":631,"props":1341,"children":1343},{"id":1342},"crop-and-hotspot",[1344,1349,1351],{"type":151,"tag":174,"props":1345,"children":1347},{"className":1346},[],[1348],{"type":156,"value":653},{"type":156,"value":1350}," and ",{"type":151,"tag":174,"props":1352,"children":1354},{"className":1353},[],[1355],{"type":156,"value":1356},"hotspot",{"type":151,"tag":152,"props":1358,"children":1359},{},[1360,1362,1368,1370,1376,1377,1383],{"type":156,"value":1361},"You can pass your Sanity crop and hotspot image data as modifiers and Nuxt Image will correctly generate the ",{"type":151,"tag":174,"props":1363,"children":1365},{"className":1364},[],[1366],{"type":156,"value":1367},"rect",{"type":156,"value":1369},", ",{"type":151,"tag":174,"props":1371,"children":1373},{"className":1372},[],[1374],{"type":156,"value":1375},"fp-x",{"type":156,"value":1350},{"type":151,"tag":174,"props":1378,"children":1380},{"className":1379},[],[1381],{"type":156,"value":1382},"fp-y",{"type":156,"value":1384}," parameters for you.",{"type":151,"tag":380,"props":1386,"children":1387},{},[1388],{"type":156,"value":384},{"title":139,"searchDepth":230,"depth":230,"links":1390},[1391],{"id":559,"depth":230,"text":562,"children":1392},[1393,1394,1395,1396],{"id":984,"depth":250,"text":987},{"id":727,"depth":250,"text":727},{"id":670,"depth":250,"text":670},{"id":1342,"depth":250,"text":1397},"crop and hotspot","content:3.providers:sanity.md","3.providers/sanity.md",1711373833841]