[{"data":1,"prerenderedAt":812},["Reactive",2],{"navigation":3,"docs-/providers/fastly":112,"docs-/providers/fastly-surround":343},[4,17,30,102],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14],{"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,"children":20},"Usage","/usage",[21,24,27],{"title":22,"_path":23},"\u003CNuxtImg>","/usage/nuxt-img",{"title":25,"_path":26},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":28,"_path":29},"useImage()","/usage/use-image",{"title":15,"_path":31,"children":32},"/providers",[33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99],{"title":34,"_path":35},"Cloudflare","/providers/cloudflare",{"title":37,"_path":38},"Cloudimage","/providers/cloudimage",{"title":40,"_path":41},"Cloudinary","/providers/cloudinary",{"title":43,"_path":44},"Contentful","/providers/contentful",{"title":46,"_path":47},"Directus","/providers/directus",{"title":49,"_path":50},"Edgio","/providers/edgio",{"title":52,"_path":53},"Fastly","/providers/fastly",{"title":55,"_path":56},"Glide","/providers/glide",{"title":58,"_path":59},"Gumlet","/providers/gumlet",{"title":61,"_path":62},"ImageEngine","/providers/imageengine",{"title":64,"_path":65},"ImageKit","/providers/imagekit",{"title":67,"_path":68},"Imgix","/providers/imgix",{"title":70,"_path":71},"IPX","/providers/ipx",{"title":73,"_path":74},"Netlify","/providers/netlify",{"title":76,"_path":77},"Prepr","/providers/prepr",{"title":79,"_path":80},"Prismic","/providers/prismic",{"title":82,"_path":83},"Sanity","/providers/sanity",{"title":85,"_path":86},"Storyblok","/providers/storyblok",{"title":88,"_path":89},"Strapi","/providers/strapi",{"title":91,"_path":92},"Twicpics","/providers/twicpics",{"title":94,"_path":95},"Unsplash","/providers/unsplash",{"title":97,"_path":98},"Uploadcare","/providers/uploadcare",{"title":100,"_path":101},"Vercel","/providers/vercel",{"title":103,"_path":104,"children":105},"Advanced","/advanced",[106,109],{"title":107,"_path":108},"Custom Provider","/advanced/custom-provider",{"title":110,"_path":111},"Static Images","/advanced/static-images",{"_path":53,"_dir":113,"_draft":114,"_partial":114,"_locale":115,"title":52,"description":116,"body":117,"_type":338,"_id":339,"_source":340,"_file":341,"_extension":342},"providers",false,"","Nuxt Image has first class integration with Fastly.",{"type":118,"children":119,"toc":336},"root",[120,138,143,330],{"type":121,"tag":122,"props":123,"children":124},"element","p",{},[125,128,136],{"type":126,"value":127},"text","Integration between ",{"type":121,"tag":129,"props":130,"children":134},"a",{"href":131,"rel":132},"https://docs.fastly.com/en/guides/image-optimization-api",[133],"nofollow",[135],{"type":126,"value":52},{"type":126,"value":137}," and the image module.",{"type":121,"tag":122,"props":139,"children":140},{},[141],{"type":126,"value":142},"To use this provider you just need to specify the base url of your service in Fastly.",{"type":121,"tag":144,"props":145,"children":150},"pre",{"className":146,"code":147,"filename":148,"language":149,"meta":115},"language-ts material-theme_material-theme-palenight_material-theme-lighter","export default defineNuxtConfig({\n  image: {\n    fastly: {\n      baseURL: 'https://www.fastly.io'\n    }\n  }\n})\n","nuxt.config.ts","ts",[151],{"type":121,"tag":152,"props":153,"children":154},"code",{"__ignoreMap":115},[155,199,227,253,291,304,316],{"type":121,"tag":156,"props":157,"children":160},"span",{"class":158,"line":159},"line",1,[161,167,173,178,182,188,193],{"type":121,"tag":156,"props":162,"children":164},{"class":163},"ct-398028",[165],{"type":126,"value":166},"export",{"type":121,"tag":156,"props":168,"children":170},{"class":169},"ct-521921",[171],{"type":126,"value":172}," ",{"type":121,"tag":156,"props":174,"children":175},{"class":163},[176],{"type":126,"value":177},"default",{"type":121,"tag":156,"props":179,"children":180},{"class":169},[181],{"type":126,"value":172},{"type":121,"tag":156,"props":183,"children":185},{"class":184},"ct-021512",[186],{"type":126,"value":187},"defineNuxtConfig",{"type":121,"tag":156,"props":189,"children":190},{"class":169},[191],{"type":126,"value":192},"(",{"type":121,"tag":156,"props":194,"children":196},{"class":195},"ct-542793",[197],{"type":126,"value":198},"{\n",{"type":121,"tag":156,"props":200,"children":202},{"class":158,"line":201},2,[203,208,214,219,223],{"type":121,"tag":156,"props":204,"children":205},{"class":169},[206],{"type":126,"value":207},"  ",{"type":121,"tag":156,"props":209,"children":211},{"class":210},"ct-821147",[212],{"type":126,"value":213},"image",{"type":121,"tag":156,"props":215,"children":216},{"class":195},[217],{"type":126,"value":218},":",{"type":121,"tag":156,"props":220,"children":221},{"class":169},[222],{"type":126,"value":172},{"type":121,"tag":156,"props":224,"children":225},{"class":195},[226],{"type":126,"value":198},{"type":121,"tag":156,"props":228,"children":230},{"class":158,"line":229},3,[231,236,241,245,249],{"type":121,"tag":156,"props":232,"children":233},{"class":169},[234],{"type":126,"value":235},"    ",{"type":121,"tag":156,"props":237,"children":238},{"class":210},[239],{"type":126,"value":240},"fastly",{"type":121,"tag":156,"props":242,"children":243},{"class":195},[244],{"type":126,"value":218},{"type":121,"tag":156,"props":246,"children":247},{"class":169},[248],{"type":126,"value":172},{"type":121,"tag":156,"props":250,"children":251},{"class":195},[252],{"type":126,"value":198},{"type":121,"tag":156,"props":254,"children":256},{"class":158,"line":255},4,[257,262,267,271,275,280,286],{"type":121,"tag":156,"props":258,"children":259},{"class":169},[260],{"type":126,"value":261},"      ",{"type":121,"tag":156,"props":263,"children":264},{"class":210},[265],{"type":126,"value":266},"baseURL",{"type":121,"tag":156,"props":268,"children":269},{"class":195},[270],{"type":126,"value":218},{"type":121,"tag":156,"props":272,"children":273},{"class":169},[274],{"type":126,"value":172},{"type":121,"tag":156,"props":276,"children":277},{"class":195},[278],{"type":126,"value":279},"'",{"type":121,"tag":156,"props":281,"children":283},{"class":282},"ct-083593",[284],{"type":126,"value":285},"https://www.fastly.io",{"type":121,"tag":156,"props":287,"children":288},{"class":195},[289],{"type":126,"value":290},"'\n",{"type":121,"tag":156,"props":292,"children":294},{"class":158,"line":293},5,[295,299],{"type":121,"tag":156,"props":296,"children":297},{"class":169},[298],{"type":126,"value":235},{"type":121,"tag":156,"props":300,"children":301},{"class":195},[302],{"type":126,"value":303},"}\n",{"type":121,"tag":156,"props":305,"children":307},{"class":158,"line":306},6,[308,312],{"type":121,"tag":156,"props":309,"children":310},{"class":169},[311],{"type":126,"value":207},{"type":121,"tag":156,"props":313,"children":314},{"class":195},[315],{"type":126,"value":303},{"type":121,"tag":156,"props":317,"children":319},{"class":158,"line":318},7,[320,325],{"type":121,"tag":156,"props":321,"children":322},{"class":195},[323],{"type":126,"value":324},"}",{"type":121,"tag":156,"props":326,"children":327},{"class":169},[328],{"type":126,"value":329},")",{"type":121,"tag":331,"props":332,"children":333},"style",{},[334],{"type":126,"value":335},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}",{"title":115,"searchDepth":201,"depth":201,"links":337},[],"markdown","content:3.providers:fastly.md","content","3.providers/fastly.md","md",[344,619],{"_path":50,"_dir":113,"_draft":114,"_partial":114,"_locale":115,"title":49,"description":345,"body":346,"_type":338,"_id":617,"_source":340,"_file":618,"_extension":342},"Optimize images with Edgio (formerly Layer0)'s optimization service.",{"type":118,"children":347,"toc":611},[348,353,362,376,385,548,555,576,582,591,606],{"type":121,"tag":122,"props":349,"children":350},{},[351],{"type":126,"value":352},"Edgio provides a simple HTTP service for optimizing images.",{"type":121,"tag":354,"props":355,"children":356},"callout",{},[357],{"type":121,"tag":122,"props":358,"children":359},{},[360],{"type":126,"value":361},"The image optimizer will only return an optimized image for mobile browsers. Desktop browsers are served the original image.",{"type":121,"tag":122,"props":363,"children":364},{},[365,367,374],{"type":126,"value":366},"This integration works out of the box without need to configure!  See the ",{"type":121,"tag":129,"props":368,"children":371},{"href":369,"rel":370},"https://docs.edg.io/guides/image_optimization",[133],[372],{"type":126,"value":373},"Documentation",{"type":126,"value":375}," for more information.",{"type":121,"tag":122,"props":377,"children":378},{},[379],{"type":121,"tag":380,"props":381,"children":382},"strong",{},[383],{"type":126,"value":384},"Example:",{"type":121,"tag":144,"props":386,"children":390},{"className":387,"code":388,"language":389,"meta":115},"language-vue material-theme_material-theme-palenight_material-theme-lighter","\u003CNuxtImg provider=\"edgio\" src=\"https://i.imgur.com/LFtQeX2.jpeg\" width=\"200\" height=\"200\" quality=\"80\" />\n","vue",[391],{"type":121,"tag":152,"props":392,"children":393},{"__ignoreMap":115},[394],{"type":121,"tag":156,"props":395,"children":396},{"class":158,"line":159},[397,402,407,411,417,422,427,432,436,440,445,449,453,458,462,466,471,475,479,484,488,492,497,501,505,509,513,517,522,526,530,535,539,543],{"type":121,"tag":156,"props":398,"children":399},{"class":195},[400],{"type":126,"value":401},"\u003C",{"type":121,"tag":156,"props":403,"children":404},{"class":210},[405],{"type":126,"value":406},"NuxtImg",{"type":121,"tag":156,"props":408,"children":409},{"class":169},[410],{"type":126,"value":172},{"type":121,"tag":156,"props":412,"children":414},{"class":413},"ct-366012",[415],{"type":126,"value":416},"provider",{"type":121,"tag":156,"props":418,"children":419},{"class":195},[420],{"type":126,"value":421},"=",{"type":121,"tag":156,"props":423,"children":424},{"class":195},[425],{"type":126,"value":426},"\"",{"type":121,"tag":156,"props":428,"children":429},{"class":282},[430],{"type":126,"value":431},"edgio",{"type":121,"tag":156,"props":433,"children":434},{"class":195},[435],{"type":126,"value":426},{"type":121,"tag":156,"props":437,"children":438},{"class":169},[439],{"type":126,"value":172},{"type":121,"tag":156,"props":441,"children":442},{"class":413},[443],{"type":126,"value":444},"src",{"type":121,"tag":156,"props":446,"children":447},{"class":195},[448],{"type":126,"value":421},{"type":121,"tag":156,"props":450,"children":451},{"class":195},[452],{"type":126,"value":426},{"type":121,"tag":156,"props":454,"children":455},{"class":282},[456],{"type":126,"value":457},"https://i.imgur.com/LFtQeX2.jpeg",{"type":121,"tag":156,"props":459,"children":460},{"class":195},[461],{"type":126,"value":426},{"type":121,"tag":156,"props":463,"children":464},{"class":169},[465],{"type":126,"value":172},{"type":121,"tag":156,"props":467,"children":468},{"class":413},[469],{"type":126,"value":470},"width",{"type":121,"tag":156,"props":472,"children":473},{"class":195},[474],{"type":126,"value":421},{"type":121,"tag":156,"props":476,"children":477},{"class":195},[478],{"type":126,"value":426},{"type":121,"tag":156,"props":480,"children":481},{"class":282},[482],{"type":126,"value":483},"200",{"type":121,"tag":156,"props":485,"children":486},{"class":195},[487],{"type":126,"value":426},{"type":121,"tag":156,"props":489,"children":490},{"class":169},[491],{"type":126,"value":172},{"type":121,"tag":156,"props":493,"children":494},{"class":413},[495],{"type":126,"value":496},"height",{"type":121,"tag":156,"props":498,"children":499},{"class":195},[500],{"type":126,"value":421},{"type":121,"tag":156,"props":502,"children":503},{"class":195},[504],{"type":126,"value":426},{"type":121,"tag":156,"props":506,"children":507},{"class":282},[508],{"type":126,"value":483},{"type":121,"tag":156,"props":510,"children":511},{"class":195},[512],{"type":126,"value":426},{"type":121,"tag":156,"props":514,"children":515},{"class":169},[516],{"type":126,"value":172},{"type":121,"tag":156,"props":518,"children":519},{"class":413},[520],{"type":126,"value":521},"quality",{"type":121,"tag":156,"props":523,"children":524},{"class":195},[525],{"type":126,"value":421},{"type":121,"tag":156,"props":527,"children":528},{"class":195},[529],{"type":126,"value":426},{"type":121,"tag":156,"props":531,"children":532},{"class":282},[533],{"type":126,"value":534},"80",{"type":121,"tag":156,"props":536,"children":537},{"class":195},[538],{"type":126,"value":426},{"type":121,"tag":156,"props":540,"children":541},{"class":169},[542],{"type":126,"value":172},{"type":121,"tag":156,"props":544,"children":545},{"class":195},[546],{"type":126,"value":547},"/>",{"type":121,"tag":549,"props":550,"children":552},"h2",{"id":551},"modifiers",[553],{"type":126,"value":554},"Modifiers",{"type":121,"tag":122,"props":556,"children":557},{},[558,560,564,566,570,572],{"type":126,"value":559},"Edgio supports the following modifiers: ",{"type":121,"tag":152,"props":561,"children":562},{},[563],{"type":126,"value":496},{"type":126,"value":565},", ",{"type":121,"tag":152,"props":567,"children":568},{},[569],{"type":126,"value":470},{"type":126,"value":571}," and ",{"type":121,"tag":152,"props":573,"children":574},{},[575],{"type":126,"value":521},{"type":121,"tag":549,"props":577,"children":579},{"id":578},"options",[580],{"type":126,"value":581},"Options",{"type":121,"tag":583,"props":584,"children":586},"h3",{"id":585},"baseurl",[587],{"type":121,"tag":152,"props":588,"children":589},{},[590],{"type":126,"value":266},{"type":121,"tag":592,"props":593,"children":594},"ul",{},[595],{"type":121,"tag":596,"props":597,"children":598},"li",{},[599,601],{"type":126,"value":600},"Default: ",{"type":121,"tag":152,"props":602,"children":603},{},[604],{"type":126,"value":605},"https://opt.moovweb.net",{"type":121,"tag":331,"props":607,"children":608},{},[609],{"type":126,"value":610},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-366012{color:#C792EA;}.light .ct-366012{color:#9C3EDA;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}",{"title":115,"searchDepth":201,"depth":201,"links":612},[613,614],{"id":551,"depth":201,"text":554},{"id":578,"depth":201,"text":581,"children":615},[616],{"id":585,"depth":229,"text":266},"content:3.providers:edgio.md","3.providers/edgio.md",{"_path":56,"_dir":113,"_draft":114,"_partial":114,"_locale":115,"title":55,"description":620,"body":621,"_type":338,"_id":810,"_source":340,"_file":811,"_extension":342},"Nuxt Image has first class integration with Glide.",{"type":118,"children":622,"toc":808},[623,634,639,803],{"type":121,"tag":122,"props":624,"children":625},{},[626,627,633],{"type":126,"value":127},{"type":121,"tag":129,"props":628,"children":631},{"href":629,"rel":630},"https://glide.thephpleague.com/",[133],[632],{"type":126,"value":55},{"type":126,"value":137},{"type":121,"tag":122,"props":635,"children":636},{},[637],{"type":126,"value":638},"To use this provider you just need to specify the base url of your service in glide.",{"type":121,"tag":144,"props":640,"children":642},{"className":146,"code":641,"filename":148,"language":149,"meta":115},"export default defineNuxtConfig({\n  image: {\n    glide: {\n      // baseURL of your laravel application\n      baseURL: 'https://glide.herokuapp.com/1.0/'\n    }\n  }\n})\n",[643],{"type":121,"tag":152,"props":644,"children":645},{"__ignoreMap":115},[646,677,700,724,737,769,780,791],{"type":121,"tag":156,"props":647,"children":648},{"class":158,"line":159},[649,653,657,661,665,669,673],{"type":121,"tag":156,"props":650,"children":651},{"class":163},[652],{"type":126,"value":166},{"type":121,"tag":156,"props":654,"children":655},{"class":169},[656],{"type":126,"value":172},{"type":121,"tag":156,"props":658,"children":659},{"class":163},[660],{"type":126,"value":177},{"type":121,"tag":156,"props":662,"children":663},{"class":169},[664],{"type":126,"value":172},{"type":121,"tag":156,"props":666,"children":667},{"class":184},[668],{"type":126,"value":187},{"type":121,"tag":156,"props":670,"children":671},{"class":169},[672],{"type":126,"value":192},{"type":121,"tag":156,"props":674,"children":675},{"class":195},[676],{"type":126,"value":198},{"type":121,"tag":156,"props":678,"children":679},{"class":158,"line":201},[680,684,688,692,696],{"type":121,"tag":156,"props":681,"children":682},{"class":169},[683],{"type":126,"value":207},{"type":121,"tag":156,"props":685,"children":686},{"class":210},[687],{"type":126,"value":213},{"type":121,"tag":156,"props":689,"children":690},{"class":195},[691],{"type":126,"value":218},{"type":121,"tag":156,"props":693,"children":694},{"class":169},[695],{"type":126,"value":172},{"type":121,"tag":156,"props":697,"children":698},{"class":195},[699],{"type":126,"value":198},{"type":121,"tag":156,"props":701,"children":702},{"class":158,"line":229},[703,707,712,716,720],{"type":121,"tag":156,"props":704,"children":705},{"class":169},[706],{"type":126,"value":235},{"type":121,"tag":156,"props":708,"children":709},{"class":210},[710],{"type":126,"value":711},"glide",{"type":121,"tag":156,"props":713,"children":714},{"class":195},[715],{"type":126,"value":218},{"type":121,"tag":156,"props":717,"children":718},{"class":169},[719],{"type":126,"value":172},{"type":121,"tag":156,"props":721,"children":722},{"class":195},[723],{"type":126,"value":198},{"type":121,"tag":156,"props":725,"children":726},{"class":158,"line":255},[727,731],{"type":121,"tag":156,"props":728,"children":729},{"class":195},[730],{"type":126,"value":261},{"type":121,"tag":156,"props":732,"children":734},{"class":733},"ct-767688",[735],{"type":126,"value":736},"// baseURL of your laravel application\n",{"type":121,"tag":156,"props":738,"children":739},{"class":158,"line":293},[740,744,748,752,756,760,765],{"type":121,"tag":156,"props":741,"children":742},{"class":169},[743],{"type":126,"value":261},{"type":121,"tag":156,"props":745,"children":746},{"class":210},[747],{"type":126,"value":266},{"type":121,"tag":156,"props":749,"children":750},{"class":195},[751],{"type":126,"value":218},{"type":121,"tag":156,"props":753,"children":754},{"class":169},[755],{"type":126,"value":172},{"type":121,"tag":156,"props":757,"children":758},{"class":195},[759],{"type":126,"value":279},{"type":121,"tag":156,"props":761,"children":762},{"class":282},[763],{"type":126,"value":764},"https://glide.herokuapp.com/1.0/",{"type":121,"tag":156,"props":766,"children":767},{"class":195},[768],{"type":126,"value":290},{"type":121,"tag":156,"props":770,"children":771},{"class":158,"line":306},[772,776],{"type":121,"tag":156,"props":773,"children":774},{"class":169},[775],{"type":126,"value":235},{"type":121,"tag":156,"props":777,"children":778},{"class":195},[779],{"type":126,"value":303},{"type":121,"tag":156,"props":781,"children":782},{"class":158,"line":318},[783,787],{"type":121,"tag":156,"props":784,"children":785},{"class":169},[786],{"type":126,"value":207},{"type":121,"tag":156,"props":788,"children":789},{"class":195},[790],{"type":126,"value":303},{"type":121,"tag":156,"props":792,"children":794},{"class":158,"line":793},8,[795,799],{"type":121,"tag":156,"props":796,"children":797},{"class":195},[798],{"type":126,"value":324},{"type":121,"tag":156,"props":800,"children":801},{"class":169},[802],{"type":126,"value":329},{"type":121,"tag":331,"props":804,"children":805},{},[806],{"type":126,"value":807},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-767688{color:#546E7A;font-style:italic;}.dark .ct-767688{color:#676E95;font-style:italic;}.light .ct-767688{color:#90A4AE;font-style:italic;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}",{"title":115,"searchDepth":201,"depth":201,"links":809},[],"content:3.providers:glide.md","3.providers/glide.md",1694348693417]