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