[{"data":1,"prerenderedAt":1407},["ShallowReactive",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},"Fastly","/providers/fastly",{"title":67,"_path":68},"Filerobot","/providers/filerobot",{"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":386,"_id":387,"_source":388,"_file":389,"_stem":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":384},"root",[150,168,182,289,294,369,378],{"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":299},{"className":296,"code":297,"language":298,"meta":139,"style":139},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg provider=\"prismic\" src=\"...\" />\n","vue",[300],{"type":151,"tag":174,"props":301,"children":302},{"__ignoreMap":139},[303],{"type":151,"tag":194,"props":304,"children":305},{"class":196,"line":197},[306,311,316,322,327,332,338,342,347,351,355,360,364],{"type":151,"tag":194,"props":307,"children":308},{"style":224},[309],{"type":156,"value":310},"\u003C",{"type":151,"tag":194,"props":312,"children":313},{"style":234},[314],{"type":156,"value":315},"NuxtImg",{"type":151,"tag":194,"props":317,"children":319},{"style":318},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[320],{"type":156,"value":321}," provider",{"type":151,"tag":194,"props":323,"children":324},{"style":224},[325],{"type":156,"value":326},"=",{"type":151,"tag":194,"props":328,"children":329},{"style":224},[330],{"type":156,"value":331},"\"",{"type":151,"tag":194,"props":333,"children":335},{"style":334},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[336],{"type":156,"value":337},"prismic",{"type":151,"tag":194,"props":339,"children":340},{"style":224},[341],{"type":156,"value":331},{"type":151,"tag":194,"props":343,"children":344},{"style":318},[345],{"type":156,"value":346}," src",{"type":151,"tag":194,"props":348,"children":349},{"style":224},[350],{"type":156,"value":326},{"type":151,"tag":194,"props":352,"children":353},{"style":224},[354],{"type":156,"value":331},{"type":151,"tag":194,"props":356,"children":357},{"style":334},[358],{"type":156,"value":359},"...",{"type":151,"tag":194,"props":361,"children":362},{"style":224},[363],{"type":156,"value":331},{"type":151,"tag":194,"props":365,"children":366},{"style":224},[367],{"type":156,"value":368}," />\n",{"type":151,"tag":370,"props":371,"children":372},"callout",{},[373],{"type":151,"tag":152,"props":374,"children":375},{},[376],{"type":156,"value":377},"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":379,"props":380,"children":381},"style",{},[382],{"type":156,"value":383},"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":385},[],"markdown","content:3.providers:prismic.md","content","3.providers/prismic.md","3.providers/prismic","md",[393,805],{"_path":95,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":94,"description":394,"links":395,"body":398,"_type":386,"_id":802,"_source":388,"_file":803,"_stem":804,"_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":796},[400,412,425,551,558,572,577,601,625,631,636,719,728,748,777,792],{"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,522,531,539],{"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-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--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],{"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":334},[515],{"type":156,"value":516},"YourProjectName",{"type":151,"tag":194,"props":518,"children":519},{"style":224},[520],{"type":156,"value":521},"'\n",{"type":151,"tag":194,"props":523,"children":525},{"class":196,"line":524},6,[526],{"type":151,"tag":194,"props":527,"children":528},{"style":224},[529],{"type":156,"value":530},"    }\n",{"type":151,"tag":194,"props":532,"children":534},{"class":196,"line":533},7,[535],{"type":151,"tag":194,"props":536,"children":537},{"style":224},[538],{"type":156,"value":274},{"type":151,"tag":194,"props":540,"children":542},{"class":196,"line":541},8,[543,547],{"type":151,"tag":194,"props":544,"children":545},{"style":224},[546],{"type":156,"value":283},{"type":151,"tag":194,"props":548,"children":549},{"style":218},[550],{"type":156,"value":288},{"type":151,"tag":552,"props":553,"children":555},"h2",{"id":554},"modifiers",[556],{"type":156,"value":557},"Modifiers",{"type":151,"tag":152,"props":559,"children":560},{},[561,563,570],{"type":156,"value":562},"The Prepr provider supports a number of additional modifiers. For a full list,\ncheck out the ",{"type":151,"tag":159,"props":564,"children":567},{"href":565,"rel":566},"https://docs.prepr.io/reference/rest/v1/assets-resizing",[163],[568],{"type":156,"value":569},"Prepr documentation",{"type":156,"value":571},".\nAll current transformations currently mentioned in Prepr docs are supported.",{"type":151,"tag":152,"props":573,"children":574},{},[575],{"type":156,"value":576},"For the time being you might find the following links useful:",{"type":151,"tag":578,"props":579,"children":580},"ul",{},[581,591],{"type":151,"tag":582,"props":583,"children":584},"li",{},[585],{"type":151,"tag":159,"props":586,"children":588},{"href":565,"rel":587},[163],[589],{"type":156,"value":590},"Assets Resizing via REST API",{"type":151,"tag":582,"props":592,"children":593},{},[594],{"type":151,"tag":159,"props":595,"children":598},{"href":596,"rel":597},"https://docs.prepr.io/managing-content/images",[163],[599],{"type":156,"value":600},"Understanding your marketing and design team workflows",{"type":151,"tag":370,"props":602,"children":603},{},[604],{"type":151,"tag":152,"props":605,"children":606},{},[607,609,615,617,623],{"type":156,"value":608},"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":610,"children":612},{"className":611},[],[613],{"type":156,"value":614},"pixels",{"type":156,"value":616}," or\n",{"type":151,"tag":174,"props":618,"children":620},{"className":619},[],[621],{"type":156,"value":622},"bytes",{"type":156,"value":624}," of images that are served from the CDN.",{"type":151,"tag":626,"props":627,"children":629},"h3",{"id":628},"modifiers-1",[630],{"type":156,"value":557},{"type":151,"tag":152,"props":632,"children":633},{},[634],{"type":156,"value":635},"The following more readable modifiers are supported, in addition to Prepr's\nnative modifiers:",{"type":151,"tag":578,"props":637,"children":638},{},[639,656,671,687,703],{"type":151,"tag":582,"props":640,"children":641},{},[642,648,650],{"type":151,"tag":174,"props":643,"children":645},{"className":644},[],[646],{"type":156,"value":647},"crop",{"type":156,"value":649}," is equivalent to ",{"type":151,"tag":174,"props":651,"children":653},{"className":652},[],[654],{"type":156,"value":655},"c",{"type":151,"tag":582,"props":657,"children":658},{},[659,665,666],{"type":151,"tag":174,"props":660,"children":662},{"className":661},[],[663],{"type":156,"value":664},"format",{"type":156,"value":649},{"type":151,"tag":174,"props":667,"children":669},{"className":668},[],[670],{"type":156,"value":664},{"type":151,"tag":582,"props":672,"children":673},{},[674,680,681],{"type":151,"tag":174,"props":675,"children":677},{"className":676},[],[678],{"type":156,"value":679},"height",{"type":156,"value":649},{"type":151,"tag":174,"props":682,"children":684},{"className":683},[],[685],{"type":156,"value":686},"h",{"type":151,"tag":582,"props":688,"children":689},{},[690,696,697],{"type":151,"tag":174,"props":691,"children":693},{"className":692},[],[694],{"type":156,"value":695},"quality",{"type":156,"value":649},{"type":151,"tag":174,"props":698,"children":700},{"className":699},[],[701],{"type":156,"value":702},"q",{"type":151,"tag":582,"props":704,"children":705},{},[706,712,713],{"type":151,"tag":174,"props":707,"children":709},{"className":708},[],[710],{"type":156,"value":711},"width",{"type":156,"value":649},{"type":151,"tag":174,"props":714,"children":716},{"className":715},[],[717],{"type":156,"value":718},"w",{"type":151,"tag":626,"props":720,"children":722},{"id":721},"fit",[723],{"type":151,"tag":174,"props":724,"children":726},{"className":725},[],[727],{"type":156,"value":721},{"type":151,"tag":152,"props":729,"children":730},{},[731,733,746],{"type":156,"value":732},"In addition to the values specified in the Prepr docs, which are respected, the\nfollowing options from the ",{"type":151,"tag":159,"props":734,"children":736},{"href":735},"/usage/nuxt-img#fit",[737,739,744],{"type":156,"value":738},"default ",{"type":151,"tag":174,"props":740,"children":742},{"className":741},[],[743],{"type":156,"value":721},{"type":156,"value":745}," behavior",{"type":156,"value":747},"\nare supported:",{"type":151,"tag":578,"props":749,"children":750},{},[751],{"type":151,"tag":582,"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":647},{"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":370,"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":721},{"type":156,"value":791}," options are not supported by this provider.",{"type":151,"tag":379,"props":793,"children":794},{},[795],{"type":156,"value":383},{"title":139,"searchDepth":230,"depth":230,"links":797},[798],{"id":554,"depth":230,"text":557,"children":799},[800,801],{"id":628,"depth":250,"text":557},{"id":721,"depth":250,"text":721},"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":386,"_id":1404,"_source":388,"_file":1405,"_stem":1406,"_extension":391},"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":1395},[812,823,835,969,973,986,992,997,1174,1182,1194,1284,1324,1332,1345,1362,1391],{"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":411},{"type":151,"tag":152,"props":824,"children":825},{},[826,827,833],{"type":156,"value":416},{"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,927,935,943,950,957],{"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,922],{"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":511},{"type":151,"tag":194,"props":913,"children":914},{"style":334},[915],{"type":156,"value":916},"yourprojectid",{"type":151,"tag":194,"props":918,"children":919},{"style":224},[920],{"type":156,"value":921},"'",{"type":151,"tag":194,"props":923,"children":924},{"style":224},[925],{"type":156,"value":926},",\n",{"type":151,"tag":194,"props":928,"children":929},{"class":196,"line":277},[930],{"type":151,"tag":194,"props":931,"children":932},{"style":491},[933],{"type":156,"value":934},"      // Defaults to 'production'\n",{"type":151,"tag":194,"props":936,"children":937},{"class":196,"line":524},[938],{"type":151,"tag":194,"props":939,"children":940},{"style":491},[941],{"type":156,"value":942},"      // dataset: 'development'\n",{"type":151,"tag":194,"props":944,"children":945},{"class":196,"line":533},[946],{"type":151,"tag":194,"props":947,"children":948},{"style":224},[949],{"type":156,"value":530},{"type":151,"tag":194,"props":951,"children":952},{"class":196,"line":541},[953],{"type":151,"tag":194,"props":954,"children":955},{"style":224},[956],{"type":156,"value":274},{"type":151,"tag":194,"props":958,"children":960},{"class":196,"line":959},9,[961,965],{"type":151,"tag":194,"props":962,"children":963},{"style":224},[964],{"type":156,"value":283},{"type":151,"tag":194,"props":966,"children":967},{"style":218},[968],{"type":156,"value":288},{"type":151,"tag":552,"props":970,"children":971},{"id":554},[972],{"type":156,"value":557},{"type":151,"tag":152,"props":974,"children":975},{},[976,978,984],{"type":156,"value":977},"The Sanity provider supports a number of additional modifiers. For a full list, check out the ",{"type":151,"tag":159,"props":979,"children":981},{"href":818,"rel":980},[163],[982],{"type":156,"value":983},"Sanity documentation",{"type":156,"value":985},". All of the modifiers mentioned in the Sanity docs are supported, with the following notes.",{"type":151,"tag":626,"props":987,"children":989},{"id":988},"extra-convenience-modifiers",[990],{"type":156,"value":991},"Extra convenience modifiers",{"type":151,"tag":152,"props":993,"children":994},{},[995],{"type":156,"value":996},"The following more readable modifiers are also supported:",{"type":151,"tag":578,"props":998,"children":999},{},[1000,1017,1033,1049,1065,1089,1112,1135,1158],{"type":151,"tag":582,"props":1001,"children":1002},{},[1003,1009,1011],{"type":151,"tag":174,"props":1004,"children":1006},{"className":1005},[],[1007],{"type":156,"value":1008},"background",{"type":156,"value":1010}," - equivalent to ",{"type":151,"tag":174,"props":1012,"children":1014},{"className":1013},[],[1015],{"type":156,"value":1016},"bg",{"type":151,"tag":582,"props":1018,"children":1019},{},[1020,1026,1027],{"type":151,"tag":174,"props":1021,"children":1023},{"className":1022},[],[1024],{"type":156,"value":1025},"download",{"type":156,"value":1010},{"type":151,"tag":174,"props":1028,"children":1030},{"className":1029},[],[1031],{"type":156,"value":1032},"dl",{"type":151,"tag":582,"props":1034,"children":1035},{},[1036,1042,1043],{"type":151,"tag":174,"props":1037,"children":1039},{"className":1038},[],[1040],{"type":156,"value":1041},"sharpen",{"type":156,"value":1010},{"type":151,"tag":174,"props":1044,"children":1046},{"className":1045},[],[1047],{"type":156,"value":1048},"sharp",{"type":151,"tag":582,"props":1050,"children":1051},{},[1052,1058,1059],{"type":151,"tag":174,"props":1053,"children":1055},{"className":1054},[],[1056],{"type":156,"value":1057},"orientation",{"type":156,"value":1010},{"type":151,"tag":174,"props":1060,"children":1062},{"className":1061},[],[1063],{"type":156,"value":1064},"or",{"type":151,"tag":582,"props":1066,"children":1067},{},[1068,1074,1076,1082,1083],{"type":151,"tag":174,"props":1069,"children":1071},{"className":1070},[],[1072],{"type":156,"value":1073},"minHeight",{"type":156,"value":1075}," or ",{"type":151,"tag":174,"props":1077,"children":1079},{"className":1078},[],[1080],{"type":156,"value":1081},"min-height",{"type":156,"value":1010},{"type":151,"tag":174,"props":1084,"children":1086},{"className":1085},[],[1087],{"type":156,"value":1088},"min-h",{"type":151,"tag":582,"props":1090,"children":1091},{},[1092,1098,1099,1105,1106],{"type":151,"tag":174,"props":1093,"children":1095},{"className":1094},[],[1096],{"type":156,"value":1097},"maxHeight",{"type":156,"value":1075},{"type":151,"tag":174,"props":1100,"children":1102},{"className":1101},[],[1103],{"type":156,"value":1104},"max-height",{"type":156,"value":1010},{"type":151,"tag":174,"props":1107,"children":1109},{"className":1108},[],[1110],{"type":156,"value":1111},"max-h",{"type":151,"tag":582,"props":1113,"children":1114},{},[1115,1121,1122,1128,1129],{"type":151,"tag":174,"props":1116,"children":1118},{"className":1117},[],[1119],{"type":156,"value":1120},"minWidth",{"type":156,"value":1075},{"type":151,"tag":174,"props":1123,"children":1125},{"className":1124},[],[1126],{"type":156,"value":1127},"min-width",{"type":156,"value":1010},{"type":151,"tag":174,"props":1130,"children":1132},{"className":1131},[],[1133],{"type":156,"value":1134},"min-w",{"type":151,"tag":582,"props":1136,"children":1137},{},[1138,1144,1145,1151,1152],{"type":151,"tag":174,"props":1139,"children":1141},{"className":1140},[],[1142],{"type":156,"value":1143},"maxWidth",{"type":156,"value":1075},{"type":151,"tag":174,"props":1146,"children":1148},{"className":1147},[],[1149],{"type":156,"value":1150},"max-width",{"type":156,"value":1010},{"type":151,"tag":174,"props":1153,"children":1155},{"className":1154},[],[1156],{"type":156,"value":1157},"max-w",{"type":151,"tag":582,"props":1159,"children":1160},{},[1161,1167,1168],{"type":151,"tag":174,"props":1162,"children":1164},{"className":1163},[],[1165],{"type":156,"value":1166},"saturation",{"type":156,"value":1010},{"type":151,"tag":174,"props":1169,"children":1171},{"className":1170},[],[1172],{"type":156,"value":1173},"sat",{"type":151,"tag":626,"props":1175,"children":1176},{"id":721},[1177],{"type":151,"tag":174,"props":1178,"children":1180},{"className":1179},[],[1181],{"type":156,"value":721},{"type":151,"tag":152,"props":1183,"children":1184},{},[1185,1187,1192],{"type":156,"value":1186},"In addition to the values specified in the Sanity docs, which are respected, the following options from the ",{"type":151,"tag":159,"props":1188,"children":1189},{"href":735},[1190],{"type":156,"value":1191},"default fit behavior",{"type":156,"value":1193}," are supported:",{"type":151,"tag":578,"props":1195,"children":1196},{},[1197,1212,1237,1253,1269],{"type":151,"tag":582,"props":1198,"children":1199},{},[1200,1205,1207],{"type":151,"tag":174,"props":1201,"children":1203},{"className":1202},[],[1204],{"type":156,"value":759},{"type":156,"value":1206}," - this will behave like the Sanity modifier ",{"type":151,"tag":174,"props":1208,"children":1210},{"className":1209},[],[1211],{"type":156,"value":647},{"type":151,"tag":582,"props":1213,"children":1214},{},[1215,1221,1222,1228,1230,1235],{"type":151,"tag":174,"props":1216,"children":1218},{"className":1217},[],[1219],{"type":156,"value":1220},"contain",{"type":156,"value":1206},{"type":151,"tag":174,"props":1223,"children":1225},{"className":1224},[],[1226],{"type":156,"value":1227},"fill",{"type":156,"value":1229},", and defaults to filling with a white background. (You can specify your own background color with the ",{"type":151,"tag":174,"props":1231,"children":1233},{"className":1232},[],[1234],{"type":156,"value":1008},{"type":156,"value":1236}," modifier.)",{"type":151,"tag":582,"props":1238,"children":1239},{},[1240,1246,1247],{"type":151,"tag":174,"props":1241,"children":1243},{"className":1242},[],[1244],{"type":156,"value":1245},"inside",{"type":156,"value":1206},{"type":151,"tag":174,"props":1248,"children":1250},{"className":1249},[],[1251],{"type":156,"value":1252},"min",{"type":151,"tag":582,"props":1254,"children":1255},{},[1256,1262,1263],{"type":151,"tag":174,"props":1257,"children":1259},{"className":1258},[],[1260],{"type":156,"value":1261},"outside",{"type":156,"value":1206},{"type":151,"tag":174,"props":1264,"children":1266},{"className":1265},[],[1267],{"type":156,"value":1268},"max",{"type":151,"tag":582,"props":1270,"children":1271},{},[1272,1277,1278],{"type":151,"tag":174,"props":1273,"children":1275},{"className":1274},[],[1276],{"type":156,"value":1227},{"type":156,"value":1206},{"type":151,"tag":174,"props":1279,"children":1281},{"className":1280},[],[1282],{"type":156,"value":1283},"scale",{"type":151,"tag":370,"props":1285,"children":1286},{},[1287],{"type":151,"tag":152,"props":1288,"children":1289},{},[1290,1292,1298,1300,1306,1308,1314,1316,1322],{"type":156,"value":1291},"For compatibility with other providers, ",{"type":151,"tag":174,"props":1293,"children":1295},{"className":1294},[],[1296],{"type":156,"value":1297},"fit: fill",{"type":156,"value":1299}," is equivalent to the Sanity parameter ",{"type":151,"tag":174,"props":1301,"children":1303},{"className":1302},[],[1304],{"type":156,"value":1305},"?fit=scale",{"type":156,"value":1307},". If you need the Sanity ",{"type":151,"tag":174,"props":1309,"children":1311},{"className":1310},[],[1312],{"type":156,"value":1313},"?fit=fill",{"type":156,"value":1315}," behavior, use ",{"type":151,"tag":174,"props":1317,"children":1319},{"className":1318},[],[1320],{"type":156,"value":1321},"fit: contain",{"type":156,"value":1323}," instead.",{"type":151,"tag":626,"props":1325,"children":1326},{"id":664},[1327],{"type":151,"tag":174,"props":1328,"children":1330},{"className":1329},[],[1331],{"type":156,"value":664},{"type":151,"tag":152,"props":1333,"children":1334},{},[1335,1337,1343],{"type":156,"value":1336},"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":1338,"children":1340},{"className":1339},[],[1341],{"type":156,"value":1342},"auto=format",{"type":156,"value":1344},".",{"type":151,"tag":626,"props":1346,"children":1348},{"id":1347},"crop-and-hotspot",[1349,1354,1356],{"type":151,"tag":174,"props":1350,"children":1352},{"className":1351},[],[1353],{"type":156,"value":647},{"type":156,"value":1355}," and ",{"type":151,"tag":174,"props":1357,"children":1359},{"className":1358},[],[1360],{"type":156,"value":1361},"hotspot",{"type":151,"tag":152,"props":1363,"children":1364},{},[1365,1367,1373,1375,1381,1383,1389],{"type":156,"value":1366},"You can pass your Sanity crop and hotspot image data as modifiers and Nuxt Image will correctly generate the ",{"type":151,"tag":174,"props":1368,"children":1370},{"className":1369},[],[1371],{"type":156,"value":1372},"rect",{"type":156,"value":1374},", ",{"type":151,"tag":174,"props":1376,"children":1378},{"className":1377},[],[1379],{"type":156,"value":1380},"fp-x",{"type":156,"value":1382},", and ",{"type":151,"tag":174,"props":1384,"children":1386},{"className":1385},[],[1387],{"type":156,"value":1388},"fp-y",{"type":156,"value":1390}," parameters for you.",{"type":151,"tag":379,"props":1392,"children":1393},{},[1394],{"type":156,"value":383},{"title":139,"searchDepth":230,"depth":230,"links":1396},[1397],{"id":554,"depth":230,"text":557,"children":1398},[1399,1400,1401,1402],{"id":988,"depth":250,"text":991},{"id":721,"depth":250,"text":721},{"id":664,"depth":250,"text":664},{"id":1347,"depth":250,"text":1403},"crop and hotspot","content:3.providers:sanity.md","3.providers/sanity.md","3.providers/sanity",1743508156673]