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