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