[{"data":1,"prerenderedAt":1599},["ShallowReactive",2],{"navigation":3,"docs-/providers/prepr":136,"docs-/providers/prepr-surround":595},[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,"_stem":593,"_extension":594},"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-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,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","3.providers/prepr","md",[596,1394],{"_path":92,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":91,"description":597,"links":598,"body":601,"_type":589,"_id":1391,"_source":591,"_file":1392,"_stem":1393,"_extension":594},"Optimize images with Netlify's dynamic image transformation service.",[599],{"label":143,"icon":144,"to":600,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/netlify.ts",{"type":148,"children":602,"toc":1382},[603,626,640,653,744,750,763,769,774,899,903,934,1199,1205,1240,1246,1266,1272,1285,1292,1311,1320,1378],{"type":151,"tag":152,"props":604,"children":605},{},[606,608,615,617,624],{"type":156,"value":607},"When deploying your Nuxt applications to ",{"type":151,"tag":159,"props":609,"children":612},{"href":610,"rel":611},"https://docs.netlify.com/platform/overview/",[163],[613],{"type":156,"value":614},"Netlify's composable platform",{"type":156,"value":616},", the image module uses ",{"type":151,"tag":159,"props":618,"children":621},{"href":619,"rel":620},"https://docs.netlify.com/image-cdn/overview/",[163],[622],{"type":156,"value":623},"Netlify Image CDN",{"type":156,"value":625}," 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":627,"children":628},{},[629,631,638],{"type":156,"value":630},"This provider is automatically enabled in Netlify deployments, and also when running locally using ",{"type":151,"tag":159,"props":632,"children":635},{"href":633,"rel":634},"https://docs.netlify.com/cli/local-development/",[163],[636],{"type":156,"value":637},"the Netlify CLI",{"type":156,"value":639},".",{"type":151,"tag":152,"props":641,"children":642},{},[643,645,651],{"type":156,"value":644},"You can also manually enable this provider. To do so, set the provider to ",{"type":151,"tag":174,"props":646,"children":648},{"className":647},[],[649],{"type":156,"value":650},"netlify",{"type":156,"value":652}," or add the following to your Nuxt configuration:",{"type":151,"tag":183,"props":654,"children":656},{"className":185,"code":655,"filename":187,"language":188,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    provider: 'netlify',\n  }\n})\n",[657],{"type":151,"tag":174,"props":658,"children":659},{"__ignoreMap":139},[660,683,698,726,733],{"type":151,"tag":194,"props":661,"children":662},{"class":196,"line":197},[663,667,671,675,679],{"type":151,"tag":194,"props":664,"children":665},{"style":201},[666],{"type":156,"value":204},{"type":151,"tag":194,"props":668,"children":669},{"style":201},[670],{"type":156,"value":209},{"type":151,"tag":194,"props":672,"children":673},{"style":212},[674],{"type":156,"value":215},{"type":151,"tag":194,"props":676,"children":677},{"style":218},[678],{"type":156,"value":221},{"type":151,"tag":194,"props":680,"children":681},{"style":224},[682],{"type":156,"value":227},{"type":151,"tag":194,"props":684,"children":685},{"class":196,"line":230},[686,690,694],{"type":151,"tag":194,"props":687,"children":688},{"style":234},[689],{"type":156,"value":237},{"type":151,"tag":194,"props":691,"children":692},{"style":224},[693],{"type":156,"value":242},{"type":151,"tag":194,"props":695,"children":696},{"style":224},[697],{"type":156,"value":247},{"type":151,"tag":194,"props":699,"children":700},{"class":196,"line":250},[701,706,710,714,718,722],{"type":151,"tag":194,"props":702,"children":703},{"style":234},[704],{"type":156,"value":705},"    provider",{"type":151,"tag":194,"props":707,"children":708},{"style":224},[709],{"type":156,"value":242},{"type":151,"tag":194,"props":711,"children":712},{"style":224},[713],{"type":156,"value":292},{"type":151,"tag":194,"props":715,"children":716},{"style":295},[717],{"type":156,"value":650},{"type":151,"tag":194,"props":719,"children":720},{"style":224},[721],{"type":156,"value":303},{"type":151,"tag":194,"props":723,"children":724},{"style":224},[725],{"type":156,"value":308},{"type":151,"tag":194,"props":727,"children":728},{"class":196,"line":267},[729],{"type":151,"tag":194,"props":730,"children":731},{"style":224},[732],{"type":156,"value":326},{"type":151,"tag":194,"props":734,"children":735},{"class":196,"line":277},[736,740],{"type":151,"tag":194,"props":737,"children":738},{"style":224},[739],{"type":156,"value":335},{"type":151,"tag":194,"props":741,"children":742},{"style":218},[743],{"type":156,"value":340},{"type":151,"tag":342,"props":745,"children":747},{"id":746},"local-development",[748],{"type":156,"value":749},"Local development",{"type":151,"tag":152,"props":751,"children":752},{},[753,755,761],{"type":156,"value":754},"To test image transformations locally, use ",{"type":151,"tag":159,"props":756,"children":758},{"href":633,"rel":757},[163],[759],{"type":156,"value":760},"Netlify Dev",{"type":156,"value":762},". 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":764,"children":766},{"id":765},"remote-images",[767],{"type":156,"value":768},"Remote images",{"type":151,"tag":152,"props":770,"children":771},{},[772],{"type":156,"value":773},"To transform a source image hosted on another domain, you must first configure allowed domains:",{"type":151,"tag":183,"props":775,"children":777},{"className":185,"code":776,"filename":187,"language":188,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    provider: 'netlify',\n    domains: ['images.example.com']\n  }\n})\n",[778],{"type":151,"tag":174,"props":779,"children":780},{"__ignoreMap":139},[781,804,819,846,881,888],{"type":151,"tag":194,"props":782,"children":783},{"class":196,"line":197},[784,788,792,796,800],{"type":151,"tag":194,"props":785,"children":786},{"style":201},[787],{"type":156,"value":204},{"type":151,"tag":194,"props":789,"children":790},{"style":201},[791],{"type":156,"value":209},{"type":151,"tag":194,"props":793,"children":794},{"style":212},[795],{"type":156,"value":215},{"type":151,"tag":194,"props":797,"children":798},{"style":218},[799],{"type":156,"value":221},{"type":151,"tag":194,"props":801,"children":802},{"style":224},[803],{"type":156,"value":227},{"type":151,"tag":194,"props":805,"children":806},{"class":196,"line":230},[807,811,815],{"type":151,"tag":194,"props":808,"children":809},{"style":234},[810],{"type":156,"value":237},{"type":151,"tag":194,"props":812,"children":813},{"style":224},[814],{"type":156,"value":242},{"type":151,"tag":194,"props":816,"children":817},{"style":224},[818],{"type":156,"value":247},{"type":151,"tag":194,"props":820,"children":821},{"class":196,"line":250},[822,826,830,834,838,842],{"type":151,"tag":194,"props":823,"children":824},{"style":234},[825],{"type":156,"value":705},{"type":151,"tag":194,"props":827,"children":828},{"style":224},[829],{"type":156,"value":242},{"type":151,"tag":194,"props":831,"children":832},{"style":224},[833],{"type":156,"value":292},{"type":151,"tag":194,"props":835,"children":836},{"style":295},[837],{"type":156,"value":650},{"type":151,"tag":194,"props":839,"children":840},{"style":224},[841],{"type":156,"value":303},{"type":151,"tag":194,"props":843,"children":844},{"style":224},[845],{"type":156,"value":308},{"type":151,"tag":194,"props":847,"children":848},{"class":196,"line":267},[849,854,858,863,867,872,876],{"type":151,"tag":194,"props":850,"children":851},{"style":234},[852],{"type":156,"value":853},"    domains",{"type":151,"tag":194,"props":855,"children":856},{"style":224},[857],{"type":156,"value":242},{"type":151,"tag":194,"props":859,"children":860},{"style":218},[861],{"type":156,"value":862}," [",{"type":151,"tag":194,"props":864,"children":865},{"style":224},[866],{"type":156,"value":303},{"type":151,"tag":194,"props":868,"children":869},{"style":295},[870],{"type":156,"value":871},"images.example.com",{"type":151,"tag":194,"props":873,"children":874},{"style":224},[875],{"type":156,"value":303},{"type":151,"tag":194,"props":877,"children":878},{"style":218},[879],{"type":156,"value":880},"]\n",{"type":151,"tag":194,"props":882,"children":883},{"class":196,"line":277},[884],{"type":151,"tag":194,"props":885,"children":886},{"style":224},[887],{"type":156,"value":326},{"type":151,"tag":194,"props":889,"children":890},{"class":196,"line":311},[891,895],{"type":151,"tag":194,"props":892,"children":893},{"style":224},[894],{"type":156,"value":335},{"type":151,"tag":194,"props":896,"children":897},{"style":218},[898],{"type":156,"value":340},{"type":151,"tag":342,"props":900,"children":901},{"id":344},[902],{"type":156,"value":347},{"type":151,"tag":152,"props":904,"children":905},{},[906,908,915,917,932],{"type":156,"value":907},"Beyond the ",{"type":151,"tag":159,"props":909,"children":912},{"href":910,"rel":911},"https://image.nuxt.com/usage/nuxt-img",[163],[913],{"type":156,"value":914},"standard properties",{"type":156,"value":916},", you can use the ",{"type":151,"tag":159,"props":918,"children":921},{"href":919,"rel":920},"https://docs.netlify.com/image-cdn/overview/#position",[163],[922,924,930],{"type":156,"value":923},"Netlify Image CDN ",{"type":151,"tag":174,"props":925,"children":927},{"className":926},[],[928],{"type":156,"value":929},"position",{"type":156,"value":931}," parameter",{"type":156,"value":933}," as a modifier for Nuxt Image.",{"type":151,"tag":183,"props":935,"children":939},{"className":936,"code":937,"language":938,"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",[940],{"type":151,"tag":174,"props":941,"children":942},{"__ignoreMap":139},[943,956,984,1009,1034,1059,1083,1108,1133,1190],{"type":151,"tag":194,"props":944,"children":945},{"class":196,"line":197},[946,951],{"type":151,"tag":194,"props":947,"children":948},{"style":224},[949],{"type":156,"value":950},"\u003C",{"type":151,"tag":194,"props":952,"children":953},{"style":234},[954],{"type":156,"value":955},"NuxtImg\n",{"type":151,"tag":194,"props":957,"children":958},{"class":196,"line":230},[959,965,970,975,979],{"type":151,"tag":194,"props":960,"children":962},{"style":961},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[963],{"type":156,"value":964},"  provider",{"type":151,"tag":194,"props":966,"children":967},{"style":224},[968],{"type":156,"value":969},"=",{"type":151,"tag":194,"props":971,"children":972},{"style":224},[973],{"type":156,"value":974},"\"",{"type":151,"tag":194,"props":976,"children":977},{"style":295},[978],{"type":156,"value":650},{"type":151,"tag":194,"props":980,"children":981},{"style":224},[982],{"type":156,"value":983},"\"\n",{"type":151,"tag":194,"props":985,"children":986},{"class":196,"line":250},[987,992,996,1000,1005],{"type":151,"tag":194,"props":988,"children":989},{"style":961},[990],{"type":156,"value":991},"  src",{"type":151,"tag":194,"props":993,"children":994},{"style":224},[995],{"type":156,"value":969},{"type":151,"tag":194,"props":997,"children":998},{"style":224},[999],{"type":156,"value":974},{"type":151,"tag":194,"props":1001,"children":1002},{"style":295},[1003],{"type":156,"value":1004},"owl.jpg",{"type":151,"tag":194,"props":1006,"children":1007},{"style":224},[1008],{"type":156,"value":983},{"type":151,"tag":194,"props":1010,"children":1011},{"class":196,"line":267},[1012,1017,1021,1025,1030],{"type":151,"tag":194,"props":1013,"children":1014},{"style":961},[1015],{"type":156,"value":1016},"  height",{"type":151,"tag":194,"props":1018,"children":1019},{"style":224},[1020],{"type":156,"value":969},{"type":151,"tag":194,"props":1022,"children":1023},{"style":224},[1024],{"type":156,"value":974},{"type":151,"tag":194,"props":1026,"children":1027},{"style":295},[1028],{"type":156,"value":1029},"400",{"type":151,"tag":194,"props":1031,"children":1032},{"style":224},[1033],{"type":156,"value":983},{"type":151,"tag":194,"props":1035,"children":1036},{"class":196,"line":277},[1037,1042,1046,1050,1055],{"type":151,"tag":194,"props":1038,"children":1039},{"style":961},[1040],{"type":156,"value":1041},"  width",{"type":151,"tag":194,"props":1043,"children":1044},{"style":224},[1045],{"type":156,"value":969},{"type":151,"tag":194,"props":1047,"children":1048},{"style":224},[1049],{"type":156,"value":974},{"type":151,"tag":194,"props":1051,"children":1052},{"style":295},[1053],{"type":156,"value":1054},"600",{"type":151,"tag":194,"props":1056,"children":1057},{"style":224},[1058],{"type":156,"value":983},{"type":151,"tag":194,"props":1060,"children":1061},{"class":196,"line":311},[1062,1067,1071,1075,1079],{"type":151,"tag":194,"props":1063,"children":1064},{"style":961},[1065],{"type":156,"value":1066},"  fit",{"type":151,"tag":194,"props":1068,"children":1069},{"style":224},[1070],{"type":156,"value":969},{"type":151,"tag":194,"props":1072,"children":1073},{"style":224},[1074],{"type":156,"value":974},{"type":151,"tag":194,"props":1076,"children":1077},{"style":295},[1078],{"type":156,"value":544},{"type":151,"tag":194,"props":1080,"children":1081},{"style":224},[1082],{"type":156,"value":983},{"type":151,"tag":194,"props":1084,"children":1085},{"class":196,"line":320},[1086,1091,1095,1099,1104],{"type":151,"tag":194,"props":1087,"children":1088},{"style":961},[1089],{"type":156,"value":1090},"  format",{"type":151,"tag":194,"props":1092,"children":1093},{"style":224},[1094],{"type":156,"value":969},{"type":151,"tag":194,"props":1096,"children":1097},{"style":224},[1098],{"type":156,"value":974},{"type":151,"tag":194,"props":1100,"children":1101},{"style":295},[1102],{"type":156,"value":1103},"webp",{"type":151,"tag":194,"props":1105,"children":1106},{"style":224},[1107],{"type":156,"value":983},{"type":151,"tag":194,"props":1109,"children":1110},{"class":196,"line":329},[1111,1116,1120,1124,1129],{"type":151,"tag":194,"props":1112,"children":1113},{"style":961},[1114],{"type":156,"value":1115},"  quality",{"type":151,"tag":194,"props":1117,"children":1118},{"style":224},[1119],{"type":156,"value":969},{"type":151,"tag":194,"props":1121,"children":1122},{"style":224},[1123],{"type":156,"value":974},{"type":151,"tag":194,"props":1125,"children":1126},{"style":295},[1127],{"type":156,"value":1128},"80",{"type":151,"tag":194,"props":1130,"children":1131},{"style":224},[1132],{"type":156,"value":983},{"type":151,"tag":194,"props":1134,"children":1136},{"class":196,"line":1135},9,[1137,1142,1146,1150,1154,1159,1164,1168,1172,1177,1181,1186],{"type":151,"tag":194,"props":1138,"children":1139},{"style":224},[1140],{"type":156,"value":1141},"  :",{"type":151,"tag":194,"props":1143,"children":1144},{"style":961},[1145],{"type":156,"value":344},{"type":151,"tag":194,"props":1147,"children":1148},{"style":224},[1149],{"type":156,"value":969},{"type":151,"tag":194,"props":1151,"children":1152},{"style":224},[1153],{"type":156,"value":974},{"type":151,"tag":194,"props":1155,"children":1156},{"style":224},[1157],{"type":156,"value":1158},"{",{"type":151,"tag":194,"props":1160,"children":1161},{"style":234},[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":983},{"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":639},{"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":746,"depth":230,"text":749},{"id":765,"depth":230,"text":768},{"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","3.providers/netlify",{"_path":98,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":97,"description":1395,"links":1396,"body":1399,"_type":589,"_id":1596,"_source":591,"_file":1597,"_stem":1598,"_extension":594},"Nuxt Image has first class integration with Prismic.",[1397],{"label":143,"icon":144,"to":1398,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/prismic.ts",{"type":148,"children":1400,"toc":1594},[1401,1413,1426,1506,1511,1582,1590],{"type":151,"tag":152,"props":1402,"children":1403},{},[1404,1405,1411],{"type":156,"value":157},{"type":151,"tag":159,"props":1406,"children":1409},{"href":1407,"rel":1408},"https://prismic.io/docs",[163],[1410],{"type":156,"value":97},{"type":156,"value":1412}," and the image module.",{"type":151,"tag":152,"props":1414,"children":1415},{},[1416,1418,1424],{"type":156,"value":1417},"No specific configuration is required for Prismic support. You just need to specify ",{"type":151,"tag":174,"props":1419,"children":1421},{"className":1420},[],[1422],{"type":156,"value":1423},"provider: 'prismic'",{"type":156,"value":1425}," in your configuration to make it the default:",{"type":151,"tag":183,"props":1427,"children":1429},{"className":185,"code":1428,"filename":187,"language":188,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    prismic: {}\n  }\n})\n",[1430],{"type":151,"tag":174,"props":1431,"children":1432},{"__ignoreMap":139},[1433,1456,1471,1488,1495],{"type":151,"tag":194,"props":1434,"children":1435},{"class":196,"line":197},[1436,1440,1444,1448,1452],{"type":151,"tag":194,"props":1437,"children":1438},{"style":201},[1439],{"type":156,"value":204},{"type":151,"tag":194,"props":1441,"children":1442},{"style":201},[1443],{"type":156,"value":209},{"type":151,"tag":194,"props":1445,"children":1446},{"style":212},[1447],{"type":156,"value":215},{"type":151,"tag":194,"props":1449,"children":1450},{"style":218},[1451],{"type":156,"value":221},{"type":151,"tag":194,"props":1453,"children":1454},{"style":224},[1455],{"type":156,"value":227},{"type":151,"tag":194,"props":1457,"children":1458},{"class":196,"line":230},[1459,1463,1467],{"type":151,"tag":194,"props":1460,"children":1461},{"style":234},[1462],{"type":156,"value":237},{"type":151,"tag":194,"props":1464,"children":1465},{"style":224},[1466],{"type":156,"value":242},{"type":151,"tag":194,"props":1468,"children":1469},{"style":224},[1470],{"type":156,"value":247},{"type":151,"tag":194,"props":1472,"children":1473},{"class":196,"line":250},[1474,1479,1483],{"type":151,"tag":194,"props":1475,"children":1476},{"style":234},[1477],{"type":156,"value":1478},"    prismic",{"type":151,"tag":194,"props":1480,"children":1481},{"style":224},[1482],{"type":156,"value":242},{"type":151,"tag":194,"props":1484,"children":1485},{"style":224},[1486],{"type":156,"value":1487}," {}\n",{"type":151,"tag":194,"props":1489,"children":1490},{"class":196,"line":267},[1491],{"type":151,"tag":194,"props":1492,"children":1493},{"style":224},[1494],{"type":156,"value":326},{"type":151,"tag":194,"props":1496,"children":1497},{"class":196,"line":277},[1498,1502],{"type":151,"tag":194,"props":1499,"children":1500},{"style":224},[1501],{"type":156,"value":335},{"type":151,"tag":194,"props":1503,"children":1504},{"style":218},[1505],{"type":156,"value":340},{"type":151,"tag":152,"props":1507,"children":1508},{},[1509],{"type":156,"value":1510},"You can also pass it directly to your component when you need it, for example:",{"type":151,"tag":183,"props":1512,"children":1517},{"className":1513,"code":1514,"filename":1515,"language":1516,"meta":139,"style":139},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg provider=\"prismic\" src=\"...\" />\n","*.vue","html",[1518],{"type":151,"tag":174,"props":1519,"children":1520},{"__ignoreMap":139},[1521],{"type":151,"tag":194,"props":1522,"children":1523},{"class":196,"line":197},[1524,1528,1533,1538,1542,1546,1551,1555,1560,1564,1568,1573,1577],{"type":151,"tag":194,"props":1525,"children":1526},{"style":224},[1527],{"type":156,"value":950},{"type":151,"tag":194,"props":1529,"children":1530},{"style":234},[1531],{"type":156,"value":1532},"NuxtImg",{"type":151,"tag":194,"props":1534,"children":1535},{"style":961},[1536],{"type":156,"value":1537}," provider",{"type":151,"tag":194,"props":1539,"children":1540},{"style":224},[1541],{"type":156,"value":969},{"type":151,"tag":194,"props":1543,"children":1544},{"style":224},[1545],{"type":156,"value":974},{"type":151,"tag":194,"props":1547,"children":1548},{"style":295},[1549],{"type":156,"value":1550},"prismic",{"type":151,"tag":194,"props":1552,"children":1553},{"style":224},[1554],{"type":156,"value":974},{"type":151,"tag":194,"props":1556,"children":1557},{"style":961},[1558],{"type":156,"value":1559}," src",{"type":151,"tag":194,"props":1561,"children":1562},{"style":224},[1563],{"type":156,"value":969},{"type":151,"tag":194,"props":1565,"children":1566},{"style":224},[1567],{"type":156,"value":974},{"type":151,"tag":194,"props":1569,"children":1570},{"style":295},[1571],{"type":156,"value":1572},"...",{"type":151,"tag":194,"props":1574,"children":1575},{"style":224},[1576],{"type":156,"value":974},{"type":151,"tag":194,"props":1578,"children":1579},{"style":224},[1580],{"type":156,"value":1581}," />\n",{"type":151,"tag":392,"props":1583,"children":1584},{},[1585],{"type":151,"tag":152,"props":1586,"children":1587},{},[1588],{"type":156,"value":1589},"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":1591,"children":1592},{},[1593],{"type":156,"value":582},{"title":139,"searchDepth":230,"depth":230,"links":1595},[],"content:3.providers:prismic.md","3.providers/prismic.md","3.providers/prismic",1736769703487]