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