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