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