[{"data":1,"prerenderedAt":1597},["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,1393],{"_path":92,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":91,"description":596,"links":597,"body":600,"_type":589,"_id":1391,"_source":591,"_file":1392,"_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":1382},[602,625,639,652,743,749,762,768,773,898,902,933,1199,1205,1240,1246,1266,1272,1285,1292,1311,1320,1378],{"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],{"type":156,"value":772},"To transform a source image hosted on another domain, you must first configure allowed domains:",{"type":151,"tag":183,"props":774,"children":776},{"className":185,"code":775,"filename":187,"language":188,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    provider: 'netlify',\n    domains: ['images.example.com']\n  }\n})\n",[777],{"type":151,"tag":174,"props":778,"children":779},{"__ignoreMap":139},[780,803,818,845,880,887],{"type":151,"tag":194,"props":781,"children":782},{"class":196,"line":197},[783,787,791,795,799],{"type":151,"tag":194,"props":784,"children":785},{"style":201},[786],{"type":156,"value":204},{"type":151,"tag":194,"props":788,"children":789},{"style":201},[790],{"type":156,"value":209},{"type":151,"tag":194,"props":792,"children":793},{"style":212},[794],{"type":156,"value":215},{"type":151,"tag":194,"props":796,"children":797},{"style":218},[798],{"type":156,"value":221},{"type":151,"tag":194,"props":800,"children":801},{"style":224},[802],{"type":156,"value":227},{"type":151,"tag":194,"props":804,"children":805},{"class":196,"line":230},[806,810,814],{"type":151,"tag":194,"props":807,"children":808},{"style":234},[809],{"type":156,"value":237},{"type":151,"tag":194,"props":811,"children":812},{"style":224},[813],{"type":156,"value":242},{"type":151,"tag":194,"props":815,"children":816},{"style":224},[817],{"type":156,"value":247},{"type":151,"tag":194,"props":819,"children":820},{"class":196,"line":250},[821,825,829,833,837,841],{"type":151,"tag":194,"props":822,"children":823},{"style":234},[824],{"type":156,"value":704},{"type":151,"tag":194,"props":826,"children":827},{"style":224},[828],{"type":156,"value":242},{"type":151,"tag":194,"props":830,"children":831},{"style":224},[832],{"type":156,"value":292},{"type":151,"tag":194,"props":834,"children":835},{"style":295},[836],{"type":156,"value":649},{"type":151,"tag":194,"props":838,"children":839},{"style":224},[840],{"type":156,"value":303},{"type":151,"tag":194,"props":842,"children":843},{"style":224},[844],{"type":156,"value":308},{"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":303},{"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":303},{"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":326},{"type":151,"tag":194,"props":888,"children":889},{"class":196,"line":311},[890,894],{"type":151,"tag":194,"props":891,"children":892},{"style":224},[893],{"type":156,"value":335},{"type":151,"tag":194,"props":895,"children":896},{"style":218},[897],{"type":156,"value":340},{"type":151,"tag":342,"props":899,"children":900},{"id":344},[901],{"type":156,"value":347},{"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,1190],{"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":649},{"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":311},[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":544},{"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":320},[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":329},[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,1164,1168,1172,1177,1181,1186],{"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":344},{"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":1161},{"style":1160},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[1162],{"type":156,"value":1163}," position",{"type":151,"tag":194,"props":1165,"children":1166},{"style":224},[1167],{"type":156,"value":242},{"type":151,"tag":194,"props":1169,"children":1170},{"style":224},[1171],{"type":156,"value":292},{"type":151,"tag":194,"props":1173,"children":1174},{"style":295},[1175],{"type":156,"value":1176},"left",{"type":151,"tag":194,"props":1178,"children":1179},{"style":224},[1180],{"type":156,"value":303},{"type":151,"tag":194,"props":1182,"children":1183},{"style":224},[1184],{"type":156,"value":1185}," }",{"type":151,"tag":194,"props":1187,"children":1188},{"style":224},[1189],{"type":156,"value":982},{"type":151,"tag":194,"props":1191,"children":1193},{"class":196,"line":1192},10,[1194],{"type":151,"tag":194,"props":1195,"children":1196},{"style":218},[1197],{"type":156,"value":1198},"/>\n",{"type":151,"tag":342,"props":1200,"children":1202},{"id":1201},"deprecated-netlify-large-media-option",[1203],{"type":156,"value":1204},"Deprecated Netlify Large Media option",{"type":151,"tag":392,"props":1206,"children":1209},{"color":1207,"icon":1208},"amber","i-ph-warning-duotone",[1210],{"type":151,"tag":152,"props":1211,"children":1212},{},[1213,1215,1222,1224,1230,1232,1238],{"type":156,"value":1214},"Netlify’s Large Media service is ",{"type":151,"tag":159,"props":1216,"children":1219},{"href":1217,"rel":1218},"https://answers.netlify.com/t/large-media-feature-deprecated-but-not-removed/100804",[163],[1220],{"type":156,"value":1221},"deprecated",{"type":156,"value":1223},". If this feature is already enabled for your site on Netlify and you have already set ",{"type":151,"tag":174,"props":1225,"children":1227},{"className":1226},[],[1228],{"type":156,"value":1229},"provider: 'netlify'",{"type":156,"value":1231}," 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":1233,"children":1235},{"className":1234},[],[1236],{"type":156,"value":1237},"provider: 'netlifyLargeMedia'",{"type":156,"value":1239},". However, new Large Media configuration is not recommended.",{"type":151,"tag":417,"props":1241,"children":1243},{"id":1242},"migrate-to-netlify-image-cdn",[1244],{"type":156,"value":1245},"Migrate to Netlify Image CDN",{"type":151,"tag":152,"props":1247,"children":1248},{},[1249,1251,1256,1258,1264],{"type":156,"value":1250},"To migrate from the deprecated Netlify Large Media option to the more robust Netlify Image CDN option, change ",{"type":151,"tag":174,"props":1252,"children":1254},{"className":1253},[],[1255],{"type":156,"value":1229},{"type":156,"value":1257}," to ",{"type":151,"tag":174,"props":1259,"children":1261},{"className":1260},[],[1262],{"type":156,"value":1263},"provider: 'netlifyImageCdn'",{"type":156,"value":1265},". This will enable the Netlify Image CDN service, even if large media is enabled on your site.",{"type":151,"tag":417,"props":1267,"children":1269},{"id":1268},"use-deprecated-netlify-large-media-option",[1270],{"type":156,"value":1271},"Use deprecated Netlify Large Media option",{"type":151,"tag":152,"props":1273,"children":1274},{},[1275,1277,1284],{"type":156,"value":1276},"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":1278,"children":1281},{"href":1279,"rel":1280},"https://docs.netlify.com/large-media/overview/",[163],[1282],{"type":156,"value":1283},"Netlify Large Media",{"type":156,"value":638},{"type":151,"tag":1286,"props":1287,"children":1289},"h4",{"id":1288},"large-media-modifiers",[1290],{"type":156,"value":1291},"Large Media Modifiers",{"type":151,"tag":152,"props":1293,"children":1294},{},[1295,1297,1302,1304,1309],{"type":156,"value":1296},"In addition to ",{"type":151,"tag":174,"props":1298,"children":1300},{"className":1299},[],[1301],{"type":156,"value":471},{"type":156,"value":1303}," and ",{"type":151,"tag":174,"props":1305,"children":1307},{"className":1306},[],[1308],{"type":156,"value":503},{"type":156,"value":1310},", the deprecated Netlify Large Media provider supports the following modifiers:",{"type":151,"tag":1312,"props":1313,"children":1314},"h5",{"id":513},[1315],{"type":151,"tag":174,"props":1316,"children":1318},{"className":1317},[],[1319],{"type":156,"value":513},{"type":151,"tag":368,"props":1321,"children":1322},{},[1323,1340],{"type":151,"tag":372,"props":1324,"children":1325},{},[1326,1332,1334],{"type":151,"tag":1327,"props":1328,"children":1329},"strong",{},[1330],{"type":156,"value":1331},"Default",{"type":156,"value":1333},": ",{"type":151,"tag":174,"props":1335,"children":1337},{"className":1336},[],[1338],{"type":156,"value":1339},"contain",{"type":151,"tag":372,"props":1341,"children":1342},{},[1343,1348,1349,1354,1356,1362,1364,1370,1371,1377],{"type":151,"tag":1327,"props":1344,"children":1345},{},[1346],{"type":156,"value":1347},"Valid options",{"type":156,"value":1333},{"type":151,"tag":174,"props":1350,"children":1352},{"className":1351},[],[1353],{"type":156,"value":1339},{"type":156,"value":1355}," (equivalent to ",{"type":151,"tag":174,"props":1357,"children":1359},{"className":1358},[],[1360],{"type":156,"value":1361},"nf_resize=fit",{"type":156,"value":1363},") and ",{"type":151,"tag":174,"props":1365,"children":1367},{"className":1366},[],[1368],{"type":156,"value":1369},"fill",{"type":156,"value":1355},{"type":151,"tag":174,"props":1372,"children":1374},{"className":1373},[],[1375],{"type":156,"value":1376},"nf_resize=smartcrop",{"type":156,"value":561},{"type":151,"tag":578,"props":1379,"children":1380},{},[1381],{"type":156,"value":582},{"title":139,"searchDepth":230,"depth":230,"links":1383},[1384,1385,1386,1387],{"id":745,"depth":230,"text":748},{"id":764,"depth":230,"text":767},{"id":344,"depth":230,"text":347},{"id":1201,"depth":230,"text":1204,"children":1388},[1389,1390],{"id":1242,"depth":250,"text":1245},{"id":1268,"depth":250,"text":1271},"content:3.providers:netlify.md","3.providers/netlify.md",{"_path":98,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":97,"description":1394,"links":1395,"body":1398,"_type":589,"_id":1595,"_source":591,"_file":1596,"_extension":593},"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":1593},[1400,1412,1425,1505,1510,1581,1589],{"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":326},{"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":335},{"type":151,"tag":194,"props":1502,"children":1503},{"style":218},[1504],{"type":156,"value":340},{"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":1516},{"className":1512,"code":1513,"filename":1514,"language":1515,"meta":139,"style":139},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg provider=\"prismic\" src=\"...\" />\n","*.vue","html",[1517],{"type":151,"tag":174,"props":1518,"children":1519},{"__ignoreMap":139},[1520],{"type":151,"tag":194,"props":1521,"children":1522},{"class":196,"line":197},[1523,1527,1532,1537,1541,1545,1550,1554,1559,1563,1567,1572,1576],{"type":151,"tag":194,"props":1524,"children":1525},{"style":224},[1526],{"type":156,"value":949},{"type":151,"tag":194,"props":1528,"children":1529},{"style":234},[1530],{"type":156,"value":1531},"NuxtImg",{"type":151,"tag":194,"props":1533,"children":1534},{"style":960},[1535],{"type":156,"value":1536}," provider",{"type":151,"tag":194,"props":1538,"children":1539},{"style":224},[1540],{"type":156,"value":968},{"type":151,"tag":194,"props":1542,"children":1543},{"style":224},[1544],{"type":156,"value":973},{"type":151,"tag":194,"props":1546,"children":1547},{"style":295},[1548],{"type":156,"value":1549},"prismic",{"type":151,"tag":194,"props":1551,"children":1552},{"style":224},[1553],{"type":156,"value":973},{"type":151,"tag":194,"props":1555,"children":1556},{"style":960},[1557],{"type":156,"value":1558}," src",{"type":151,"tag":194,"props":1560,"children":1561},{"style":224},[1562],{"type":156,"value":968},{"type":151,"tag":194,"props":1564,"children":1565},{"style":224},[1566],{"type":156,"value":973},{"type":151,"tag":194,"props":1568,"children":1569},{"style":295},[1570],{"type":156,"value":1571},"...",{"type":151,"tag":194,"props":1573,"children":1574},{"style":224},[1575],{"type":156,"value":973},{"type":151,"tag":194,"props":1577,"children":1578},{"style":224},[1579],{"type":156,"value":1580}," />\n",{"type":151,"tag":392,"props":1582,"children":1583},{},[1584],{"type":151,"tag":152,"props":1585,"children":1586},{},[1587],{"type":156,"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":151,"tag":578,"props":1590,"children":1591},{},[1592],{"type":156,"value":582},{"title":139,"searchDepth":230,"depth":230,"links":1594},[],"content:3.providers:prismic.md","3.providers/prismic.md",1711560168805]