[{"data":1,"prerenderedAt":695},["ShallowReactive",2],{"navigation_docs":3,"-providers-aws-amplify":196,"-providers-aws-amplify-surround":690},[4,30,47,183],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Get Started","/get-started","1.get-started",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"Installation","/get-started/installation","1.get-started/1.installation",{"title":14,"path":15,"stem":16},"Configuration","/get-started/configuration","1.get-started/2.configuration",{"title":18,"path":19,"stem":20},"Providers","/get-started/providers","1.get-started/3.providers",{"title":22,"path":23,"stem":24},"Contributing","/get-started/contributing","1.get-started/4.contributing",{"title":26,"path":27,"stem":28},"Migration","/get-started/migration","1.get-started/5.migration",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Usage","/usage","2.usage",[35,39,43],{"title":36,"path":37,"stem":38},"\u003CNuxtImg>","/usage/nuxt-img","2.usage/1.nuxt-img",{"title":40,"path":41,"stem":42},"\u003CNuxtPicture>","/usage/nuxt-picture","2.usage/2.nuxt-picture",{"title":44,"path":45,"stem":46},"useImage()","/usage/use-image","2.usage/3.use-image",{"title":18,"path":48,"stem":49,"children":50,"page":29},"/providers","3.providers",[51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,175,179],{"title":52,"path":53,"stem":54},"Aliyun","/providers/aliyun","3.providers/aliyun",{"title":56,"path":57,"stem":58},"AWS Amplify","/providers/aws-amplify","3.providers/aws-amplify",{"title":60,"path":61,"stem":62},"Bunny","/providers/bunny","3.providers/bunny",{"title":64,"path":65,"stem":66},"Caisy","/providers/caisy","3.providers/caisy",{"title":68,"path":69,"stem":70},"Cloudflare","/providers/cloudflare","3.providers/cloudflare",{"title":72,"path":73,"stem":74},"Cloudimage","/providers/cloudimage","3.providers/cloudimage",{"title":76,"path":77,"stem":78},"Cloudinary","/providers/cloudinary","3.providers/cloudinary",{"title":80,"path":81,"stem":82},"Contentful","/providers/contentful","3.providers/contentful",{"title":84,"path":85,"stem":86},"Directus","/providers/directus","3.providers/directus",{"title":88,"path":89,"stem":90},"Fastly","/providers/fastly","3.providers/fastly",{"title":92,"path":93,"stem":94},"Filerobot","/providers/filerobot","3.providers/filerobot",{"title":96,"path":97,"stem":98},"GitHub","/providers/github","3.providers/github",{"title":100,"path":101,"stem":102},"Glide","/providers/glide","3.providers/glide",{"title":104,"path":105,"stem":106},"Gumlet","/providers/gumlet","3.providers/gumlet",{"title":108,"path":109,"stem":110},"Hygraph","/providers/hygraph","3.providers/hygraph",{"title":112,"path":113,"stem":114},"ImageEngine","/providers/imageengine","3.providers/imageengine",{"title":116,"path":117,"stem":118},"ImageKit","/providers/imagekit","3.providers/imagekit",{"title":120,"path":121,"stem":122},"Imgix","/providers/imgix","3.providers/imgix",{"title":124,"path":125,"stem":126},"IPX","/providers/ipx","3.providers/ipx",{"title":128,"path":129,"stem":130},"Netlify","/providers/netlify","3.providers/netlify",{"title":132,"path":133,"stem":134},"None","/providers/none","3.providers/none",{"title":136,"path":137,"stem":138},"Prepr","/providers/prepr","3.providers/prepr",{"title":140,"path":141,"stem":142},"Prismic","/providers/prismic","3.providers/prismic",{"title":144,"path":145,"stem":146},"Sanity","/providers/sanity","3.providers/sanity",{"title":148,"path":149,"stem":150},"Shopify","/providers/shopify","3.providers/shopify",{"title":152,"path":153,"stem":154},"Sirv","/providers/sirv","3.providers/sirv",{"title":156,"path":157,"stem":158},"Storyblok","/providers/storyblok","3.providers/storyblok",{"title":160,"path":161,"stem":162},"Strapi","/providers/strapi","3.providers/strapi",{"title":164,"path":165,"stem":166},"Twicpics","/providers/twicpics","3.providers/twicpics",{"title":168,"path":169,"stem":170},"Unsplash","/providers/unsplash","3.providers/unsplash",{"title":172,"path":173,"stem":174},"Uploadcare","/providers/uploadcare","3.providers/uploadcare",{"title":176,"path":177,"stem":178},"Vercel","/providers/vercel","3.providers/vercel",{"title":180,"path":181,"stem":182},"Weserv","/providers/weserv","3.providers/weserv",{"title":184,"path":185,"stem":186,"children":187,"page":29},"Advanced","/advanced","4.advanced",[188,192],{"title":189,"path":190,"stem":191},"Custom Provider","/advanced/custom-provider","4.advanced/1.custom-provider",{"title":193,"path":194,"stem":195},"Static Images","/advanced/static-images","4.advanced/2.static-images",{"id":197,"title":56,"body":198,"description":678,"extension":679,"links":680,"meta":686,"navigation":687,"path":57,"seo":688,"stem":58,"__hash__":689},"docs/3.providers/aws-amplify.md",{"type":199,"value":200,"toc":670},"minimark",[201,213,216,221,226,234,240,325,329,346,349,353,429,433,442,551,555,561,574,580,666],[202,203,204,205,212],"p",{},"Integration between ",[206,207,211],"a",{"href":208,"rel":209},"https://aws.amazon.com/amplify",[210],"nofollow","AWS Amplify Hosting"," and the image module.",[202,214,215],{},"This provider will be enabled by default in AWS Amplify deployments.",[217,218,220],"alert",{"type":219},"warning","This is an experimental preset and will be available soon! 🚀",[222,223,225],"h2",{"id":224},"domains","Domains",[202,227,228,229,233],{},"To use external URLs (images not in ",[230,231,232],"code",{},"public/"," directory), hostnames should be whitelisted.",[202,235,236],{},[237,238,239],"strong",{},"Example:",[241,242,248],"pre",{"className":243,"code":244,"filename":245,"language":246,"meta":247,"style":247},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    domains: ['avatars0.githubusercontent.com']\n  }\n})\n","nuxt.config.ts","ts","",[230,249,250,274,287,310,316],{"__ignoreMap":247},[251,252,255,259,262,266,270],"span",{"class":253,"line":254},"line",1,[251,256,258],{"class":257},"s7zQu","export",[251,260,261],{"class":257}," default",[251,263,265],{"class":264},"s2Zo4"," defineNuxtConfig",[251,267,269],{"class":268},"sTEyZ","(",[251,271,273],{"class":272},"sMK4o","{\n",[251,275,277,281,284],{"class":253,"line":276},2,[251,278,280],{"class":279},"swJcz","  image",[251,282,283],{"class":272},":",[251,285,286],{"class":272}," {\n",[251,288,290,293,295,298,301,305,307],{"class":253,"line":289},3,[251,291,292],{"class":279},"    domains",[251,294,283],{"class":272},[251,296,297],{"class":268}," [",[251,299,300],{"class":272},"'",[251,302,304],{"class":303},"sfazB","avatars0.githubusercontent.com",[251,306,300],{"class":272},[251,308,309],{"class":268},"]\n",[251,311,313],{"class":253,"line":312},4,[251,314,315],{"class":272},"  }\n",[251,317,319,322],{"class":253,"line":318},5,[251,320,321],{"class":272},"}",[251,323,324],{"class":268},")\n",[222,326,328],{"id":327},"sizes","Sizes",[202,330,331,332,335,336,338,339,341,342,345],{},"Specify any custom ",[230,333,334],{},"width"," property you use in ",[230,337,36],{},", ",[230,340,40],{}," and ",[230,343,344],{},"$img",".",[202,347,348],{},"If a width is not defined, image will fallback to the next bigger width.",[202,350,351],{},[237,352,239],{},[241,354,356],{"className":243,"code":355,"filename":245,"language":246,"meta":247,"style":247},"export default defineNuxtConfig({\n  image: {\n    screens: {\n      icon: 40,\n      avatar: 24\n    }\n  }\n})\n",[230,357,358,370,378,387,401,411,417,422],{"__ignoreMap":247},[251,359,360,362,364,366,368],{"class":253,"line":254},[251,361,258],{"class":257},[251,363,261],{"class":257},[251,365,265],{"class":264},[251,367,269],{"class":268},[251,369,273],{"class":272},[251,371,372,374,376],{"class":253,"line":276},[251,373,280],{"class":279},[251,375,283],{"class":272},[251,377,286],{"class":272},[251,379,380,383,385],{"class":253,"line":289},[251,381,382],{"class":279},"    screens",[251,384,283],{"class":272},[251,386,286],{"class":272},[251,388,389,392,394,398],{"class":253,"line":312},[251,390,391],{"class":279},"      icon",[251,393,283],{"class":272},[251,395,397],{"class":396},"sbssI"," 40",[251,399,400],{"class":272},",\n",[251,402,403,406,408],{"class":253,"line":318},[251,404,405],{"class":279},"      avatar",[251,407,283],{"class":272},[251,409,410],{"class":396}," 24\n",[251,412,414],{"class":253,"line":413},6,[251,415,416],{"class":272},"    }\n",[251,418,420],{"class":253,"line":419},7,[251,421,315],{"class":272},[251,423,425,427],{"class":253,"line":424},8,[251,426,321],{"class":272},[251,428,324],{"class":268},[222,430,432],{"id":431},"modifiers","Modifiers",[202,434,435,436,441],{},"All the default modifiers from ",[206,437,440],{"href":438,"rel":439},"https://docs.aws.amazon.com/amplify/latest/userguide/integrate-image-optimization-framework.html#uri-request-parameters",[210],"AWS's documentation"," are available.",[241,443,447],{"className":444,"code":445,"language":446,"meta":247,"style":247},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  src=\"/test.jpg\"\n  height=\"512\"\n  width=\"512\"\n  :modifiers=\"{ flip: true }\"\n  :quality=\"90\"\n/>\n","vue",[230,448,449,457,475,489,502,530,546],{"__ignoreMap":247},[251,450,451,454],{"class":253,"line":254},[251,452,453],{"class":272},"\u003C",[251,455,456],{"class":279},"NuxtImg\n",[251,458,459,463,466,469,472],{"class":253,"line":276},[251,460,462],{"class":461},"spNyl","  src",[251,464,465],{"class":272},"=",[251,467,468],{"class":272},"\"",[251,470,471],{"class":303},"/test.jpg",[251,473,474],{"class":272},"\"\n",[251,476,477,480,482,484,487],{"class":253,"line":289},[251,478,479],{"class":461},"  height",[251,481,465],{"class":272},[251,483,468],{"class":272},[251,485,486],{"class":303},"512",[251,488,474],{"class":272},[251,490,491,494,496,498,500],{"class":253,"line":312},[251,492,493],{"class":461},"  width",[251,495,465],{"class":272},[251,497,468],{"class":272},[251,499,486],{"class":303},[251,501,474],{"class":272},[251,503,504,507,509,511,513,516,519,521,525,528],{"class":253,"line":318},[251,505,506],{"class":272},"  :",[251,508,431],{"class":461},[251,510,465],{"class":272},[251,512,468],{"class":272},[251,514,515],{"class":272},"{",[251,517,518],{"class":279}," flip",[251,520,283],{"class":272},[251,522,524],{"class":523},"sfNiH"," true",[251,526,527],{"class":272}," }",[251,529,474],{"class":272},[251,531,532,534,537,539,541,544],{"class":253,"line":413},[251,533,506],{"class":272},[251,535,536],{"class":461},"quality",[251,538,465],{"class":272},[251,540,468],{"class":272},[251,542,543],{"class":396},"90",[251,545,474],{"class":272},[251,547,548],{"class":253,"line":419},[251,549,550],{"class":268},"/>\n",[222,552,554],{"id":553},"options","Options",[556,557,559],"h3",{"id":558},"formats",[230,560,558],{},[562,563,564],"ul",{},[565,566,567,568,573],"li",{},"Type: ",[237,569,570,571],{},"String",[251,572],{}," (optional)",[202,575,576,577,345],{},"Specify the image format allow list for optimization.\nBy default, the provider set the following formats: ",[230,578,579],{},"['image/jpeg', 'image/png', 'image/webp', 'image/avif']",[241,581,583],{"className":243,"code":582,"filename":245,"language":246,"meta":247,"style":247},"export default defineNuxtConfig({\n  image: {\n    awsAmplify: {\n      formats: ['image/jpeg', 'image/png', 'image/webp']\n    }\n  }\n})\n",[230,584,585,597,605,614,652,656,660],{"__ignoreMap":247},[251,586,587,589,591,593,595],{"class":253,"line":254},[251,588,258],{"class":257},[251,590,261],{"class":257},[251,592,265],{"class":264},[251,594,269],{"class":268},[251,596,273],{"class":272},[251,598,599,601,603],{"class":253,"line":276},[251,600,280],{"class":279},[251,602,283],{"class":272},[251,604,286],{"class":272},[251,606,607,610,612],{"class":253,"line":289},[251,608,609],{"class":279},"    awsAmplify",[251,611,283],{"class":272},[251,613,286],{"class":272},[251,615,616,619,621,623,625,628,630,633,636,639,641,643,645,648,650],{"class":253,"line":312},[251,617,618],{"class":279},"      formats",[251,620,283],{"class":272},[251,622,297],{"class":268},[251,624,300],{"class":272},[251,626,627],{"class":303},"image/jpeg",[251,629,300],{"class":272},[251,631,632],{"class":272},",",[251,634,635],{"class":272}," '",[251,637,638],{"class":303},"image/png",[251,640,300],{"class":272},[251,642,632],{"class":272},[251,644,635],{"class":272},[251,646,647],{"class":303},"image/webp",[251,649,300],{"class":272},[251,651,309],{"class":268},[251,653,654],{"class":253,"line":318},[251,655,416],{"class":272},[251,657,658],{"class":253,"line":413},[251,659,315],{"class":272},[251,661,662,664],{"class":253,"line":419},[251,663,321],{"class":272},[251,665,324],{"class":268},[667,668,669],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":247,"searchDepth":276,"depth":276,"links":671},[672,673,674,675],{"id":224,"depth":276,"text":225},{"id":327,"depth":276,"text":328},{"id":431,"depth":276,"text":432},{"id":553,"depth":276,"text":554,"children":676},[677],{"id":558,"depth":289,"text":558},"Nuxt Image has first class integration with AWS Amplify Hosting","md",[681],{"label":682,"icon":683,"to":684,"size":685},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/awsAmplify.ts","xs",{},true,{"title":56,"description":678},"h06XJqBbMRI-9O8CiL7YlccVhzoeY2LBzp8UhajF-p8",[691,693],{"title":52,"path":53,"stem":54,"description":692,"children":-1},"Nuxt Image has first class integration with Aliyun.",{"title":60,"path":61,"stem":62,"description":694,"children":-1},"Nuxt Image with Bunny integration.",1762338921382]