[{"data":1,"prerenderedAt":1598},["ShallowReactive",2],{"navigation":3,"docs-/providers/prepr":139,"docs-/providers/prepr-surround":599},[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":98,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":97,"description":143,"links":144,"body":150,"_type":593,"_id":594,"_source":595,"_file":596,"_stem":597,"_extension":598},"providers",false,"","Nuxt Image integration with Prepr CMS.",[145],{"label":146,"icon":147,"to":148,"size":149},"Source","i-simple-icons-github","https://github.com/nuxt/image/tree/main/src/runtime/providers/prepr","xs",{"type":151,"children":152,"toc":587},"root",[153,171,185,339,346,360,365,389,414,420,425,508,517,537,566,581],{"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://prepr.io",[166],"nofollow",[168],{"type":159,"value":97},{"type":159,"value":170}," and Nuxt Image.",{"type":154,"tag":155,"props":172,"children":173},{},[174,176,183],{"type":159,"value":175},"To use this provider you just need to specify the ",{"type":154,"tag":177,"props":178,"children":180},"code",{"className":179},[],[181],{"type":159,"value":182},"projectName",{"type":159,"value":184}," of your project in Prepr.",{"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    prepr: {\n      // E.g.: https://YourProjectName.prepr.io\n      projectName: 'YourProjectName'\n    }\n  }\n})\n","nuxt.config.ts","ts",[193],{"type":154,"tag":177,"props":194,"children":195},{"__ignoreMap":142},[196,231,251,268,278,307,316,325],{"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},"    prepr",{"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":250},{"type":154,"tag":197,"props":269,"children":271},{"class":199,"line":270},4,[272],{"type":154,"tag":197,"props":273,"children":275},{"style":274},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[276],{"type":159,"value":277},"      // E.g.: https://YourProjectName.prepr.io\n",{"type":154,"tag":197,"props":279,"children":281},{"class":199,"line":280},5,[282,287,291,296,302],{"type":154,"tag":197,"props":283,"children":284},{"style":237},[285],{"type":159,"value":286},"      projectName",{"type":154,"tag":197,"props":288,"children":289},{"style":227},[290],{"type":159,"value":245},{"type":154,"tag":197,"props":292,"children":293},{"style":227},[294],{"type":159,"value":295}," '",{"type":154,"tag":197,"props":297,"children":299},{"style":298},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[300],{"type":159,"value":301},"YourProjectName",{"type":154,"tag":197,"props":303,"children":304},{"style":227},[305],{"type":159,"value":306},"'\n",{"type":154,"tag":197,"props":308,"children":310},{"class":199,"line":309},6,[311],{"type":154,"tag":197,"props":312,"children":313},{"style":227},[314],{"type":159,"value":315},"    }\n",{"type":154,"tag":197,"props":317,"children":319},{"class":199,"line":318},7,[320],{"type":154,"tag":197,"props":321,"children":322},{"style":227},[323],{"type":159,"value":324},"  }\n",{"type":154,"tag":197,"props":326,"children":328},{"class":199,"line":327},8,[329,334],{"type":154,"tag":197,"props":330,"children":331},{"style":227},[332],{"type":159,"value":333},"}",{"type":154,"tag":197,"props":335,"children":336},{"style":221},[337],{"type":159,"value":338},")\n",{"type":154,"tag":340,"props":341,"children":343},"h2",{"id":342},"modifiers",[344],{"type":159,"value":345},"Modifiers",{"type":154,"tag":155,"props":347,"children":348},{},[349,351,358],{"type":159,"value":350},"The Prepr provider supports a number of additional modifiers. For a full list,\ncheck out the ",{"type":154,"tag":162,"props":352,"children":355},{"href":353,"rel":354},"https://docs.prepr.io/reference/rest/v1/assets-resizing",[166],[356],{"type":159,"value":357},"Prepr documentation",{"type":159,"value":359},".\nAll current transformations currently mentioned in Prepr docs are supported.",{"type":154,"tag":155,"props":361,"children":362},{},[363],{"type":159,"value":364},"For the time being you might find the following links useful:",{"type":154,"tag":366,"props":367,"children":368},"ul",{},[369,379],{"type":154,"tag":370,"props":371,"children":372},"li",{},[373],{"type":154,"tag":162,"props":374,"children":376},{"href":353,"rel":375},[166],[377],{"type":159,"value":378},"Assets Resizing via REST API",{"type":154,"tag":370,"props":380,"children":381},{},[382],{"type":154,"tag":162,"props":383,"children":386},{"href":384,"rel":385},"https://docs.prepr.io/managing-content/images",[166],[387],{"type":159,"value":388},"Understanding your marketing and design team workflows",{"type":154,"tag":390,"props":391,"children":392},"callout",{},[393],{"type":154,"tag":155,"props":394,"children":395},{},[396,398,404,406,412],{"type":159,"value":397},"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":399,"children":401},{"className":400},[],[402],{"type":159,"value":403},"pixels",{"type":159,"value":405}," or\n",{"type":154,"tag":177,"props":407,"children":409},{"className":408},[],[410],{"type":159,"value":411},"bytes",{"type":159,"value":413}," of images that are served from the CDN.",{"type":154,"tag":415,"props":416,"children":418},"h3",{"id":417},"modifiers-1",[419],{"type":159,"value":345},{"type":154,"tag":155,"props":421,"children":422},{},[423],{"type":159,"value":424},"The following more readable modifiers are supported, in addition to Prepr's\nnative modifiers:",{"type":154,"tag":366,"props":426,"children":427},{},[428,445,460,476,492],{"type":154,"tag":370,"props":429,"children":430},{},[431,437,439],{"type":154,"tag":177,"props":432,"children":434},{"className":433},[],[435],{"type":159,"value":436},"crop",{"type":159,"value":438}," is equivalent to ",{"type":154,"tag":177,"props":440,"children":442},{"className":441},[],[443],{"type":159,"value":444},"c",{"type":154,"tag":370,"props":446,"children":447},{},[448,454,455],{"type":154,"tag":177,"props":449,"children":451},{"className":450},[],[452],{"type":159,"value":453},"format",{"type":159,"value":438},{"type":154,"tag":177,"props":456,"children":458},{"className":457},[],[459],{"type":159,"value":453},{"type":154,"tag":370,"props":461,"children":462},{},[463,469,470],{"type":154,"tag":177,"props":464,"children":466},{"className":465},[],[467],{"type":159,"value":468},"height",{"type":159,"value":438},{"type":154,"tag":177,"props":471,"children":473},{"className":472},[],[474],{"type":159,"value":475},"h",{"type":154,"tag":370,"props":477,"children":478},{},[479,485,486],{"type":154,"tag":177,"props":480,"children":482},{"className":481},[],[483],{"type":159,"value":484},"quality",{"type":159,"value":438},{"type":154,"tag":177,"props":487,"children":489},{"className":488},[],[490],{"type":159,"value":491},"q",{"type":154,"tag":370,"props":493,"children":494},{},[495,501,502],{"type":154,"tag":177,"props":496,"children":498},{"className":497},[],[499],{"type":159,"value":500},"width",{"type":159,"value":438},{"type":154,"tag":177,"props":503,"children":505},{"className":504},[],[506],{"type":159,"value":507},"w",{"type":154,"tag":415,"props":509,"children":511},{"id":510},"fit",[512],{"type":154,"tag":177,"props":513,"children":515},{"className":514},[],[516],{"type":159,"value":510},{"type":154,"tag":155,"props":518,"children":519},{},[520,522,535],{"type":159,"value":521},"In addition to the values specified in the Prepr docs, which are respected, the\nfollowing options from the ",{"type":154,"tag":162,"props":523,"children":525},{"href":524},"/usage/nuxt-img#fit",[526,528,533],{"type":159,"value":527},"default ",{"type":154,"tag":177,"props":529,"children":531},{"className":530},[],[532],{"type":159,"value":510},{"type":159,"value":534}," behavior",{"type":159,"value":536},"\nare supported:",{"type":154,"tag":366,"props":538,"children":539},{},[540],{"type":154,"tag":370,"props":541,"children":542},{},[543,549,551,556,558,564],{"type":154,"tag":177,"props":544,"children":546},{"className":545},[],[547],{"type":159,"value":548},"cover",{"type":159,"value":550}," - this will behave like the Prepr modifier ",{"type":154,"tag":177,"props":552,"children":554},{"className":553},[],[555],{"type":159,"value":436},{"type":159,"value":557},", when passed without\na value (defaults to ",{"type":154,"tag":177,"props":559,"children":561},{"className":560},[],[562],{"type":159,"value":563},"centre",{"type":159,"value":565},")",{"type":154,"tag":390,"props":567,"children":568},{},[569],{"type":154,"tag":155,"props":570,"children":571},{},[572,574,579],{"type":159,"value":573},"For the time being, other ",{"type":154,"tag":177,"props":575,"children":577},{"className":576},[],[578],{"type":159,"value":510},{"type":159,"value":580}," options are not supported by this provider.",{"type":154,"tag":582,"props":583,"children":584},"style",{},[585],{"type":159,"value":586},"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":588},[589],{"id":342,"depth":233,"text":345,"children":590},[591,592],{"id":417,"depth":253,"text":345},{"id":510,"depth":253,"text":510},"markdown","content:3.providers:prepr.md","content","3.providers/prepr.md","3.providers/prepr","md",[600,1396],{"_path":95,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":94,"description":601,"links":602,"body":605,"_type":593,"_id":1393,"_source":595,"_file":1394,"_stem":1395,"_extension":598},"Optimize images with Netlify's dynamic image transformation service.",[603],{"label":146,"icon":147,"to":604,"size":149},"https://github.com/nuxt/image/blob/main/src/runtime/providers/netlify.ts",{"type":151,"children":606,"toc":1384},[607,630,644,657,744,750,763,769,774,901,905,936,1201,1207,1242,1248,1268,1274,1287,1294,1313,1322,1380],{"type":154,"tag":155,"props":608,"children":609},{},[610,612,619,621,628],{"type":159,"value":611},"When deploying your Nuxt applications to ",{"type":154,"tag":162,"props":613,"children":616},{"href":614,"rel":615},"https://docs.netlify.com/platform/overview",[166],[617],{"type":159,"value":618},"Netlify's composable platform",{"type":159,"value":620},", the image module uses ",{"type":154,"tag":162,"props":622,"children":625},{"href":623,"rel":624},"https://docs.netlify.com/image-cdn/overview",[166],[626],{"type":159,"value":627},"Netlify Image CDN",{"type":159,"value":629}," to optimize and transform images on demand without impacting build times. Netlify Image CDN also handles content negotiation to use the most efficient image format for the requesting client.",{"type":154,"tag":155,"props":631,"children":632},{},[633,635,642],{"type":159,"value":634},"This provider is automatically enabled in Netlify deployments, and also when running locally using the ",{"type":154,"tag":162,"props":636,"children":639},{"href":637,"rel":638},"https://docs.netlify.com/cli/local-development",[166],[640],{"type":159,"value":641},"Netlify CLI",{"type":159,"value":643},".",{"type":154,"tag":155,"props":645,"children":646},{},[647,649,655],{"type":159,"value":648},"You can also manually enable this provider. To do so, set the provider to ",{"type":154,"tag":177,"props":650,"children":652},{"className":651},[],[653],{"type":159,"value":654},"netlify",{"type":159,"value":656}," or add the following to your Nuxt configuration:",{"type":154,"tag":186,"props":658,"children":660},{"className":188,"code":659,"filename":190,"language":191,"meta":142,"style":142},"export default defineNuxtConfig({\n  image: {\n    provider: 'netlify'\n  }\n})\n",[661],{"type":154,"tag":177,"props":662,"children":663},{"__ignoreMap":142},[664,687,702,726,733],{"type":154,"tag":197,"props":665,"children":666},{"class":199,"line":200},[667,671,675,679,683],{"type":154,"tag":197,"props":668,"children":669},{"style":204},[670],{"type":159,"value":207},{"type":154,"tag":197,"props":672,"children":673},{"style":204},[674],{"type":159,"value":212},{"type":154,"tag":197,"props":676,"children":677},{"style":215},[678],{"type":159,"value":218},{"type":154,"tag":197,"props":680,"children":681},{"style":221},[682],{"type":159,"value":224},{"type":154,"tag":197,"props":684,"children":685},{"style":227},[686],{"type":159,"value":230},{"type":154,"tag":197,"props":688,"children":689},{"class":199,"line":233},[690,694,698],{"type":154,"tag":197,"props":691,"children":692},{"style":237},[693],{"type":159,"value":240},{"type":154,"tag":197,"props":695,"children":696},{"style":227},[697],{"type":159,"value":245},{"type":154,"tag":197,"props":699,"children":700},{"style":227},[701],{"type":159,"value":250},{"type":154,"tag":197,"props":703,"children":704},{"class":199,"line":253},[705,710,714,718,722],{"type":154,"tag":197,"props":706,"children":707},{"style":237},[708],{"type":159,"value":709},"    provider",{"type":154,"tag":197,"props":711,"children":712},{"style":227},[713],{"type":159,"value":245},{"type":154,"tag":197,"props":715,"children":716},{"style":227},[717],{"type":159,"value":295},{"type":154,"tag":197,"props":719,"children":720},{"style":298},[721],{"type":159,"value":654},{"type":154,"tag":197,"props":723,"children":724},{"style":227},[725],{"type":159,"value":306},{"type":154,"tag":197,"props":727,"children":728},{"class":199,"line":270},[729],{"type":154,"tag":197,"props":730,"children":731},{"style":227},[732],{"type":159,"value":324},{"type":154,"tag":197,"props":734,"children":735},{"class":199,"line":280},[736,740],{"type":154,"tag":197,"props":737,"children":738},{"style":227},[739],{"type":159,"value":333},{"type":154,"tag":197,"props":741,"children":742},{"style":221},[743],{"type":159,"value":338},{"type":154,"tag":340,"props":745,"children":747},{"id":746},"local-development",[748],{"type":159,"value":749},"Local Development",{"type":154,"tag":155,"props":751,"children":752},{},[753,755,761],{"type":159,"value":754},"To test image transformations locally, use ",{"type":154,"tag":162,"props":756,"children":758},{"href":637,"rel":757},[166],[759],{"type":159,"value":760},"Netlify Dev",{"type":159,"value":762},". This feature of the Netlify CLI runs a local development server that mimics the Netlify production environment, including Netlify Image CDN.",{"type":154,"tag":340,"props":764,"children":766},{"id":765},"remote-images",[767],{"type":159,"value":768},"Remote Images",{"type":154,"tag":155,"props":770,"children":771},{},[772],{"type":159,"value":773},"To transform a source image hosted on another domain, you must first configure allowed domains:",{"type":154,"tag":186,"props":775,"children":777},{"className":188,"code":776,"filename":190,"language":191,"meta":142,"style":142},"export default defineNuxtConfig({\n  image: {\n    provider: 'netlify',\n    domains: ['images.example.com']\n  }\n})\n",[778],{"type":154,"tag":177,"props":779,"children":780},{"__ignoreMap":142},[781,804,819,848,883,890],{"type":154,"tag":197,"props":782,"children":783},{"class":199,"line":200},[784,788,792,796,800],{"type":154,"tag":197,"props":785,"children":786},{"style":204},[787],{"type":159,"value":207},{"type":154,"tag":197,"props":789,"children":790},{"style":204},[791],{"type":159,"value":212},{"type":154,"tag":197,"props":793,"children":794},{"style":215},[795],{"type":159,"value":218},{"type":154,"tag":197,"props":797,"children":798},{"style":221},[799],{"type":159,"value":224},{"type":154,"tag":197,"props":801,"children":802},{"style":227},[803],{"type":159,"value":230},{"type":154,"tag":197,"props":805,"children":806},{"class":199,"line":233},[807,811,815],{"type":154,"tag":197,"props":808,"children":809},{"style":237},[810],{"type":159,"value":240},{"type":154,"tag":197,"props":812,"children":813},{"style":227},[814],{"type":159,"value":245},{"type":154,"tag":197,"props":816,"children":817},{"style":227},[818],{"type":159,"value":250},{"type":154,"tag":197,"props":820,"children":821},{"class":199,"line":253},[822,826,830,834,838,843],{"type":154,"tag":197,"props":823,"children":824},{"style":237},[825],{"type":159,"value":709},{"type":154,"tag":197,"props":827,"children":828},{"style":227},[829],{"type":159,"value":245},{"type":154,"tag":197,"props":831,"children":832},{"style":227},[833],{"type":159,"value":295},{"type":154,"tag":197,"props":835,"children":836},{"style":298},[837],{"type":159,"value":654},{"type":154,"tag":197,"props":839,"children":840},{"style":227},[841],{"type":159,"value":842},"'",{"type":154,"tag":197,"props":844,"children":845},{"style":227},[846],{"type":159,"value":847},",\n",{"type":154,"tag":197,"props":849,"children":850},{"class":199,"line":270},[851,856,860,865,869,874,878],{"type":154,"tag":197,"props":852,"children":853},{"style":237},[854],{"type":159,"value":855},"    domains",{"type":154,"tag":197,"props":857,"children":858},{"style":227},[859],{"type":159,"value":245},{"type":154,"tag":197,"props":861,"children":862},{"style":221},[863],{"type":159,"value":864}," [",{"type":154,"tag":197,"props":866,"children":867},{"style":227},[868],{"type":159,"value":842},{"type":154,"tag":197,"props":870,"children":871},{"style":298},[872],{"type":159,"value":873},"images.example.com",{"type":154,"tag":197,"props":875,"children":876},{"style":227},[877],{"type":159,"value":842},{"type":154,"tag":197,"props":879,"children":880},{"style":221},[881],{"type":159,"value":882},"]\n",{"type":154,"tag":197,"props":884,"children":885},{"class":199,"line":280},[886],{"type":154,"tag":197,"props":887,"children":888},{"style":227},[889],{"type":159,"value":324},{"type":154,"tag":197,"props":891,"children":892},{"class":199,"line":309},[893,897],{"type":154,"tag":197,"props":894,"children":895},{"style":227},[896],{"type":159,"value":333},{"type":154,"tag":197,"props":898,"children":899},{"style":221},[900],{"type":159,"value":338},{"type":154,"tag":340,"props":902,"children":903},{"id":342},[904],{"type":159,"value":345},{"type":154,"tag":155,"props":906,"children":907},{},[908,910,917,919,934],{"type":159,"value":909},"Beyond the ",{"type":154,"tag":162,"props":911,"children":914},{"href":912,"rel":913},"https://image.nuxt.com/usage/nuxt-img",[166],[915],{"type":159,"value":916},"standard properties",{"type":159,"value":918},", you can use the ",{"type":154,"tag":162,"props":920,"children":923},{"href":921,"rel":922},"https://docs.netlify.com/image-cdn/overview/#position",[166],[924,926,932],{"type":159,"value":925},"Netlify Image CDN ",{"type":154,"tag":177,"props":927,"children":929},{"className":928},[],[930],{"type":159,"value":931},"position",{"type":159,"value":933}," parameter",{"type":159,"value":935}," as a modifier for Nuxt Image.",{"type":154,"tag":186,"props":937,"children":941},{"className":938,"code":939,"language":940,"meta":142,"style":142},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"netlify\"\n  src=\"owl.jpg\"\n  height=\"400\"\n  width=\"600\"\n  fit=\"cover\"\n  format=\"webp\"\n  quality=\"80\"\n  :modifiers=\"{ position: 'left' }\"\n/>\n","vue",[942],{"type":154,"tag":177,"props":943,"children":944},{"__ignoreMap":142},[945,958,986,1011,1036,1061,1085,1110,1135,1192],{"type":154,"tag":197,"props":946,"children":947},{"class":199,"line":200},[948,953],{"type":154,"tag":197,"props":949,"children":950},{"style":227},[951],{"type":159,"value":952},"\u003C",{"type":154,"tag":197,"props":954,"children":955},{"style":237},[956],{"type":159,"value":957},"NuxtImg\n",{"type":154,"tag":197,"props":959,"children":960},{"class":199,"line":233},[961,967,972,977,981],{"type":154,"tag":197,"props":962,"children":964},{"style":963},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[965],{"type":159,"value":966},"  provider",{"type":154,"tag":197,"props":968,"children":969},{"style":227},[970],{"type":159,"value":971},"=",{"type":154,"tag":197,"props":973,"children":974},{"style":227},[975],{"type":159,"value":976},"\"",{"type":154,"tag":197,"props":978,"children":979},{"style":298},[980],{"type":159,"value":654},{"type":154,"tag":197,"props":982,"children":983},{"style":227},[984],{"type":159,"value":985},"\"\n",{"type":154,"tag":197,"props":987,"children":988},{"class":199,"line":253},[989,994,998,1002,1007],{"type":154,"tag":197,"props":990,"children":991},{"style":963},[992],{"type":159,"value":993},"  src",{"type":154,"tag":197,"props":995,"children":996},{"style":227},[997],{"type":159,"value":971},{"type":154,"tag":197,"props":999,"children":1000},{"style":227},[1001],{"type":159,"value":976},{"type":154,"tag":197,"props":1003,"children":1004},{"style":298},[1005],{"type":159,"value":1006},"owl.jpg",{"type":154,"tag":197,"props":1008,"children":1009},{"style":227},[1010],{"type":159,"value":985},{"type":154,"tag":197,"props":1012,"children":1013},{"class":199,"line":270},[1014,1019,1023,1027,1032],{"type":154,"tag":197,"props":1015,"children":1016},{"style":963},[1017],{"type":159,"value":1018},"  height",{"type":154,"tag":197,"props":1020,"children":1021},{"style":227},[1022],{"type":159,"value":971},{"type":154,"tag":197,"props":1024,"children":1025},{"style":227},[1026],{"type":159,"value":976},{"type":154,"tag":197,"props":1028,"children":1029},{"style":298},[1030],{"type":159,"value":1031},"400",{"type":154,"tag":197,"props":1033,"children":1034},{"style":227},[1035],{"type":159,"value":985},{"type":154,"tag":197,"props":1037,"children":1038},{"class":199,"line":280},[1039,1044,1048,1052,1057],{"type":154,"tag":197,"props":1040,"children":1041},{"style":963},[1042],{"type":159,"value":1043},"  width",{"type":154,"tag":197,"props":1045,"children":1046},{"style":227},[1047],{"type":159,"value":971},{"type":154,"tag":197,"props":1049,"children":1050},{"style":227},[1051],{"type":159,"value":976},{"type":154,"tag":197,"props":1053,"children":1054},{"style":298},[1055],{"type":159,"value":1056},"600",{"type":154,"tag":197,"props":1058,"children":1059},{"style":227},[1060],{"type":159,"value":985},{"type":154,"tag":197,"props":1062,"children":1063},{"class":199,"line":309},[1064,1069,1073,1077,1081],{"type":154,"tag":197,"props":1065,"children":1066},{"style":963},[1067],{"type":159,"value":1068},"  fit",{"type":154,"tag":197,"props":1070,"children":1071},{"style":227},[1072],{"type":159,"value":971},{"type":154,"tag":197,"props":1074,"children":1075},{"style":227},[1076],{"type":159,"value":976},{"type":154,"tag":197,"props":1078,"children":1079},{"style":298},[1080],{"type":159,"value":548},{"type":154,"tag":197,"props":1082,"children":1083},{"style":227},[1084],{"type":159,"value":985},{"type":154,"tag":197,"props":1086,"children":1087},{"class":199,"line":318},[1088,1093,1097,1101,1106],{"type":154,"tag":197,"props":1089,"children":1090},{"style":963},[1091],{"type":159,"value":1092},"  format",{"type":154,"tag":197,"props":1094,"children":1095},{"style":227},[1096],{"type":159,"value":971},{"type":154,"tag":197,"props":1098,"children":1099},{"style":227},[1100],{"type":159,"value":976},{"type":154,"tag":197,"props":1102,"children":1103},{"style":298},[1104],{"type":159,"value":1105},"webp",{"type":154,"tag":197,"props":1107,"children":1108},{"style":227},[1109],{"type":159,"value":985},{"type":154,"tag":197,"props":1111,"children":1112},{"class":199,"line":327},[1113,1118,1122,1126,1131],{"type":154,"tag":197,"props":1114,"children":1115},{"style":963},[1116],{"type":159,"value":1117},"  quality",{"type":154,"tag":197,"props":1119,"children":1120},{"style":227},[1121],{"type":159,"value":971},{"type":154,"tag":197,"props":1123,"children":1124},{"style":227},[1125],{"type":159,"value":976},{"type":154,"tag":197,"props":1127,"children":1128},{"style":298},[1129],{"type":159,"value":1130},"80",{"type":154,"tag":197,"props":1132,"children":1133},{"style":227},[1134],{"type":159,"value":985},{"type":154,"tag":197,"props":1136,"children":1138},{"class":199,"line":1137},9,[1139,1144,1148,1152,1156,1161,1166,1170,1174,1179,1183,1188],{"type":154,"tag":197,"props":1140,"children":1141},{"style":227},[1142],{"type":159,"value":1143},"  :",{"type":154,"tag":197,"props":1145,"children":1146},{"style":963},[1147],{"type":159,"value":342},{"type":154,"tag":197,"props":1149,"children":1150},{"style":227},[1151],{"type":159,"value":971},{"type":154,"tag":197,"props":1153,"children":1154},{"style":227},[1155],{"type":159,"value":976},{"type":154,"tag":197,"props":1157,"children":1158},{"style":227},[1159],{"type":159,"value":1160},"{",{"type":154,"tag":197,"props":1162,"children":1163},{"style":237},[1164],{"type":159,"value":1165}," position",{"type":154,"tag":197,"props":1167,"children":1168},{"style":227},[1169],{"type":159,"value":245},{"type":154,"tag":197,"props":1171,"children":1172},{"style":227},[1173],{"type":159,"value":295},{"type":154,"tag":197,"props":1175,"children":1176},{"style":298},[1177],{"type":159,"value":1178},"left",{"type":154,"tag":197,"props":1180,"children":1181},{"style":227},[1182],{"type":159,"value":842},{"type":154,"tag":197,"props":1184,"children":1185},{"style":227},[1186],{"type":159,"value":1187}," }",{"type":154,"tag":197,"props":1189,"children":1190},{"style":227},[1191],{"type":159,"value":985},{"type":154,"tag":197,"props":1193,"children":1195},{"class":199,"line":1194},10,[1196],{"type":154,"tag":197,"props":1197,"children":1198},{"style":221},[1199],{"type":159,"value":1200},"/>\n",{"type":154,"tag":340,"props":1202,"children":1204},{"id":1203},"deprecated-netlify-large-media-option",[1205],{"type":159,"value":1206},"Deprecated Netlify Large Media option",{"type":154,"tag":390,"props":1208,"children":1211},{"color":1209,"icon":1210},"amber","i-ph-warning-duotone",[1212],{"type":154,"tag":155,"props":1213,"children":1214},{},[1215,1217,1224,1226,1232,1234,1240],{"type":159,"value":1216},"Netlify’s Large Media service is ",{"type":154,"tag":162,"props":1218,"children":1221},{"href":1219,"rel":1220},"https://answers.netlify.com/t/large-media-feature-deprecated-but-not-removed/100804",[166],[1222],{"type":159,"value":1223},"deprecated",{"type":159,"value":1225},". If this feature is already enabled for your site on Netlify and you have already set ",{"type":154,"tag":177,"props":1227,"children":1229},{"className":1228},[],[1230],{"type":159,"value":1231},"provider: 'netlify'",{"type":159,"value":1233}," in your Nuxt configuration, then this will be detected at build time and Large Media continues to work on your site as usual. You can also explicitly enable it by setting ",{"type":154,"tag":177,"props":1235,"children":1237},{"className":1236},[],[1238],{"type":159,"value":1239},"provider: 'netlifyLargeMedia'",{"type":159,"value":1241},". However, new Large Media configuration is not recommended.",{"type":154,"tag":415,"props":1243,"children":1245},{"id":1244},"migrate-to-netlify-image-cdn",[1246],{"type":159,"value":1247},"Migrate to Netlify Image CDN",{"type":154,"tag":155,"props":1249,"children":1250},{},[1251,1253,1258,1260,1266],{"type":159,"value":1252},"To migrate from the deprecated Netlify Large Media option to the more robust Netlify Image CDN option, change ",{"type":154,"tag":177,"props":1254,"children":1256},{"className":1255},[],[1257],{"type":159,"value":1231},{"type":159,"value":1259}," to ",{"type":154,"tag":177,"props":1261,"children":1263},{"className":1262},[],[1264],{"type":159,"value":1265},"provider: 'netlifyImageCdn'",{"type":159,"value":1267},". This will enable the Netlify Image CDN service, even if large media is enabled on your site.",{"type":154,"tag":415,"props":1269,"children":1271},{"id":1270},"use-deprecated-netlify-large-media-option",[1272],{"type":159,"value":1273},"Use deprecated Netlify Large Media option",{"type":154,"tag":155,"props":1275,"children":1276},{},[1277,1279,1286],{"type":159,"value":1278},"If you're not ready to migrate to the more robust Netlify Image CDN option, Netlify continues to support dynamic image transformation for all JPEG, PNG, and GIF files you have set to be tracked with ",{"type":154,"tag":162,"props":1280,"children":1283},{"href":1281,"rel":1282},"https://docs.netlify.com/large-media/overview",[166],[1284],{"type":159,"value":1285},"Netlify Large Media",{"type":159,"value":643},{"type":154,"tag":1288,"props":1289,"children":1291},"h4",{"id":1290},"large-media-modifiers",[1292],{"type":159,"value":1293},"Large Media Modifiers",{"type":154,"tag":155,"props":1295,"children":1296},{},[1297,1299,1304,1306,1311],{"type":159,"value":1298},"In addition to ",{"type":154,"tag":177,"props":1300,"children":1302},{"className":1301},[],[1303],{"type":159,"value":468},{"type":159,"value":1305}," and ",{"type":154,"tag":177,"props":1307,"children":1309},{"className":1308},[],[1310],{"type":159,"value":500},{"type":159,"value":1312},", the deprecated Netlify Large Media provider supports the following modifiers:",{"type":154,"tag":1314,"props":1315,"children":1316},"h5",{"id":510},[1317],{"type":154,"tag":177,"props":1318,"children":1320},{"className":1319},[],[1321],{"type":159,"value":510},{"type":154,"tag":366,"props":1323,"children":1324},{},[1325,1342],{"type":154,"tag":370,"props":1326,"children":1327},{},[1328,1334,1336],{"type":154,"tag":1329,"props":1330,"children":1331},"strong",{},[1332],{"type":159,"value":1333},"Default",{"type":159,"value":1335},": ",{"type":154,"tag":177,"props":1337,"children":1339},{"className":1338},[],[1340],{"type":159,"value":1341},"contain",{"type":154,"tag":370,"props":1343,"children":1344},{},[1345,1350,1351,1356,1358,1364,1366,1372,1373,1379],{"type":154,"tag":1329,"props":1346,"children":1347},{},[1348],{"type":159,"value":1349},"Valid options",{"type":159,"value":1335},{"type":154,"tag":177,"props":1352,"children":1354},{"className":1353},[],[1355],{"type":159,"value":1341},{"type":159,"value":1357}," (equivalent to ",{"type":154,"tag":177,"props":1359,"children":1361},{"className":1360},[],[1362],{"type":159,"value":1363},"nf_resize=fit",{"type":159,"value":1365},") and ",{"type":154,"tag":177,"props":1367,"children":1369},{"className":1368},[],[1370],{"type":159,"value":1371},"fill",{"type":159,"value":1357},{"type":154,"tag":177,"props":1374,"children":1376},{"className":1375},[],[1377],{"type":159,"value":1378},"nf_resize=smartcrop",{"type":159,"value":565},{"type":154,"tag":582,"props":1381,"children":1382},{},[1383],{"type":159,"value":586},{"title":142,"searchDepth":233,"depth":233,"links":1385},[1386,1387,1388,1389],{"id":746,"depth":233,"text":749},{"id":765,"depth":233,"text":768},{"id":342,"depth":233,"text":345},{"id":1203,"depth":233,"text":1206,"children":1390},[1391,1392],{"id":1244,"depth":253,"text":1247},{"id":1270,"depth":253,"text":1273},"content:3.providers:netlify.md","3.providers/netlify.md","3.providers/netlify",{"_path":101,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":100,"description":1397,"links":1398,"body":1401,"_type":593,"_id":1595,"_source":595,"_file":1596,"_stem":1597,"_extension":598},"Nuxt Image has first class integration with Prismic.",[1399],{"label":146,"icon":147,"to":1400,"size":149},"https://github.com/nuxt/image/blob/main/src/runtime/providers/prismic.ts",{"type":151,"children":1402,"toc":1593},[1403,1415,1428,1508,1513,1581,1589],{"type":154,"tag":155,"props":1404,"children":1405},{},[1406,1407,1413],{"type":159,"value":160},{"type":154,"tag":162,"props":1408,"children":1411},{"href":1409,"rel":1410},"https://prismic.io/docs",[166],[1412],{"type":159,"value":100},{"type":159,"value":1414}," and the image module.",{"type":154,"tag":155,"props":1416,"children":1417},{},[1418,1420,1426],{"type":159,"value":1419},"No specific configuration is required for Prismic support. You just need to specify ",{"type":154,"tag":177,"props":1421,"children":1423},{"className":1422},[],[1424],{"type":159,"value":1425},"provider: 'prismic'",{"type":159,"value":1427}," in your configuration to make it the default:",{"type":154,"tag":186,"props":1429,"children":1431},{"className":188,"code":1430,"filename":190,"language":191,"meta":142,"style":142},"export default defineNuxtConfig({\n  image: {\n    prismic: {}\n  }\n})\n",[1432],{"type":154,"tag":177,"props":1433,"children":1434},{"__ignoreMap":142},[1435,1458,1473,1490,1497],{"type":154,"tag":197,"props":1436,"children":1437},{"class":199,"line":200},[1438,1442,1446,1450,1454],{"type":154,"tag":197,"props":1439,"children":1440},{"style":204},[1441],{"type":159,"value":207},{"type":154,"tag":197,"props":1443,"children":1444},{"style":204},[1445],{"type":159,"value":212},{"type":154,"tag":197,"props":1447,"children":1448},{"style":215},[1449],{"type":159,"value":218},{"type":154,"tag":197,"props":1451,"children":1452},{"style":221},[1453],{"type":159,"value":224},{"type":154,"tag":197,"props":1455,"children":1456},{"style":227},[1457],{"type":159,"value":230},{"type":154,"tag":197,"props":1459,"children":1460},{"class":199,"line":233},[1461,1465,1469],{"type":154,"tag":197,"props":1462,"children":1463},{"style":237},[1464],{"type":159,"value":240},{"type":154,"tag":197,"props":1466,"children":1467},{"style":227},[1468],{"type":159,"value":245},{"type":154,"tag":197,"props":1470,"children":1471},{"style":227},[1472],{"type":159,"value":250},{"type":154,"tag":197,"props":1474,"children":1475},{"class":199,"line":253},[1476,1481,1485],{"type":154,"tag":197,"props":1477,"children":1478},{"style":237},[1479],{"type":159,"value":1480},"    prismic",{"type":154,"tag":197,"props":1482,"children":1483},{"style":227},[1484],{"type":159,"value":245},{"type":154,"tag":197,"props":1486,"children":1487},{"style":227},[1488],{"type":159,"value":1489}," {}\n",{"type":154,"tag":197,"props":1491,"children":1492},{"class":199,"line":270},[1493],{"type":154,"tag":197,"props":1494,"children":1495},{"style":227},[1496],{"type":159,"value":324},{"type":154,"tag":197,"props":1498,"children":1499},{"class":199,"line":280},[1500,1504],{"type":154,"tag":197,"props":1501,"children":1502},{"style":227},[1503],{"type":159,"value":333},{"type":154,"tag":197,"props":1505,"children":1506},{"style":221},[1507],{"type":159,"value":338},{"type":154,"tag":155,"props":1509,"children":1510},{},[1511],{"type":159,"value":1512},"You can also pass it directly to your component when you need it, for example:",{"type":154,"tag":186,"props":1514,"children":1516},{"className":938,"code":1515,"language":940,"meta":142,"style":142},"\u003CNuxtImg provider=\"prismic\" src=\"...\" />\n",[1517],{"type":154,"tag":177,"props":1518,"children":1519},{"__ignoreMap":142},[1520],{"type":154,"tag":197,"props":1521,"children":1522},{"class":199,"line":200},[1523,1527,1532,1537,1541,1545,1550,1554,1559,1563,1567,1572,1576],{"type":154,"tag":197,"props":1524,"children":1525},{"style":227},[1526],{"type":159,"value":952},{"type":154,"tag":197,"props":1528,"children":1529},{"style":237},[1530],{"type":159,"value":1531},"NuxtImg",{"type":154,"tag":197,"props":1533,"children":1534},{"style":963},[1535],{"type":159,"value":1536}," provider",{"type":154,"tag":197,"props":1538,"children":1539},{"style":227},[1540],{"type":159,"value":971},{"type":154,"tag":197,"props":1542,"children":1543},{"style":227},[1544],{"type":159,"value":976},{"type":154,"tag":197,"props":1546,"children":1547},{"style":298},[1548],{"type":159,"value":1549},"prismic",{"type":154,"tag":197,"props":1551,"children":1552},{"style":227},[1553],{"type":159,"value":976},{"type":154,"tag":197,"props":1555,"children":1556},{"style":963},[1557],{"type":159,"value":1558}," src",{"type":154,"tag":197,"props":1560,"children":1561},{"style":227},[1562],{"type":159,"value":971},{"type":154,"tag":197,"props":1564,"children":1565},{"style":227},[1566],{"type":159,"value":976},{"type":154,"tag":197,"props":1568,"children":1569},{"style":298},[1570],{"type":159,"value":1571},"...",{"type":154,"tag":197,"props":1573,"children":1574},{"style":227},[1575],{"type":159,"value":976},{"type":154,"tag":197,"props":1577,"children":1578},{"style":227},[1579],{"type":159,"value":1580}," />\n",{"type":154,"tag":390,"props":1582,"children":1583},{},[1584],{"type":154,"tag":155,"props":1585,"children":1586},{},[1587],{"type":159,"value":1588},"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":582,"props":1590,"children":1591},{},[1592],{"type":159,"value":586},{"title":142,"searchDepth":233,"depth":233,"links":1594},[],"content:3.providers:prismic.md","3.providers/prismic.md","3.providers/prismic",1742393726065]