[{"data":1,"prerenderedAt":823},["ShallowReactive",2],{"navigation_docs":3,"-providers-supabase":208,"-providers-supabase-surround":818},[4,30,47,195],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Get Started","\u002Fget-started","1.get-started",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"Installation","\u002Fget-started\u002Finstallation","1.get-started\u002F1.installation",{"title":14,"path":15,"stem":16},"Configuration","\u002Fget-started\u002Fconfiguration","1.get-started\u002F2.configuration",{"title":18,"path":19,"stem":20},"Providers","\u002Fget-started\u002Fproviders","1.get-started\u002F3.providers",{"title":22,"path":23,"stem":24},"Contributing","\u002Fget-started\u002Fcontributing","1.get-started\u002F4.contributing",{"title":26,"path":27,"stem":28},"Migration","\u002Fget-started\u002Fmigration","1.get-started\u002F5.migration",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Usage","\u002Fusage","2.usage",[35,39,43],{"title":36,"path":37,"stem":38},"\u003CNuxtImg>","\u002Fusage\u002Fnuxt-img","2.usage\u002F1.nuxt-img",{"title":40,"path":41,"stem":42},"\u003CNuxtPicture>","\u002Fusage\u002Fnuxt-picture","2.usage\u002F2.nuxt-picture",{"title":44,"path":45,"stem":46},"useImage()","\u002Fusage\u002Fuse-image","2.usage\u002F3.use-image",{"title":18,"path":48,"stem":49,"children":50,"page":29},"\u002Fproviders","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,183,187,191],{"title":52,"path":53,"stem":54},"Aliyun","\u002Fproviders\u002Faliyun","3.providers\u002Faliyun",{"title":56,"path":57,"stem":58},"AWS Amplify","\u002Fproviders\u002Faws-amplify","3.providers\u002Faws-amplify",{"title":60,"path":61,"stem":62},"Builder.io","\u002Fproviders\u002Fbuilderio","3.providers\u002Fbuilderio",{"title":64,"path":65,"stem":66},"Bunny","\u002Fproviders\u002Fbunny","3.providers\u002Fbunny",{"title":68,"path":69,"stem":70},"Caisy","\u002Fproviders\u002Fcaisy","3.providers\u002Fcaisy",{"title":72,"path":73,"stem":74},"Cloudflare","\u002Fproviders\u002Fcloudflare","3.providers\u002Fcloudflare",{"title":76,"path":77,"stem":78},"Cloudimage","\u002Fproviders\u002Fcloudimage","3.providers\u002Fcloudimage",{"title":80,"path":81,"stem":82},"Cloudinary","\u002Fproviders\u002Fcloudinary","3.providers\u002Fcloudinary",{"title":84,"path":85,"stem":86},"Contentful","\u002Fproviders\u002Fcontentful","3.providers\u002Fcontentful",{"title":88,"path":89,"stem":90},"Directus","\u002Fproviders\u002Fdirectus","3.providers\u002Fdirectus",{"title":92,"path":93,"stem":94},"Fastly","\u002Fproviders\u002Ffastly","3.providers\u002Ffastly",{"title":96,"path":97,"stem":98},"Filerobot","\u002Fproviders\u002Ffilerobot","3.providers\u002Ffilerobot",{"title":100,"path":101,"stem":102},"GitHub","\u002Fproviders\u002Fgithub","3.providers\u002Fgithub",{"title":104,"path":105,"stem":106},"Glide","\u002Fproviders\u002Fglide","3.providers\u002Fglide",{"title":108,"path":109,"stem":110},"Gumlet","\u002Fproviders\u002Fgumlet","3.providers\u002Fgumlet",{"title":112,"path":113,"stem":114},"Hygraph","\u002Fproviders\u002Fhygraph","3.providers\u002Fhygraph",{"title":116,"path":117,"stem":118},"ImageEngine","\u002Fproviders\u002Fimageengine","3.providers\u002Fimageengine",{"title":120,"path":121,"stem":122},"ImageKit","\u002Fproviders\u002Fimagekit","3.providers\u002Fimagekit",{"title":124,"path":125,"stem":126},"Imgix","\u002Fproviders\u002Fimgix","3.providers\u002Fimgix",{"title":128,"path":129,"stem":130},"IPX","\u002Fproviders\u002Fipx","3.providers\u002Fipx",{"title":132,"path":133,"stem":134},"Netlify","\u002Fproviders\u002Fnetlify","3.providers\u002Fnetlify",{"title":136,"path":137,"stem":138},"None","\u002Fproviders\u002Fnone","3.providers\u002Fnone",{"title":140,"path":141,"stem":142},"Picsum","\u002Fproviders\u002Fpicsum","3.providers\u002Fpicsum",{"title":144,"path":145,"stem":146},"Prepr","\u002Fproviders\u002Fprepr","3.providers\u002Fprepr",{"title":148,"path":149,"stem":150},"Prismic","\u002Fproviders\u002Fprismic","3.providers\u002Fprismic",{"title":152,"path":153,"stem":154},"Sanity","\u002Fproviders\u002Fsanity","3.providers\u002Fsanity",{"title":156,"path":157,"stem":158},"Shopify","\u002Fproviders\u002Fshopify","3.providers\u002Fshopify",{"title":160,"path":161,"stem":162},"Sirv","\u002Fproviders\u002Fsirv","3.providers\u002Fsirv",{"title":164,"path":165,"stem":166},"Storyblok","\u002Fproviders\u002Fstoryblok","3.providers\u002Fstoryblok",{"title":168,"path":169,"stem":170},"Strapi","\u002Fproviders\u002Fstrapi","3.providers\u002Fstrapi",{"title":172,"path":173,"stem":174},"Supabase","\u002Fproviders\u002Fsupabase","3.providers\u002Fsupabase",{"title":176,"path":177,"stem":178},"Twicpics","\u002Fproviders\u002Ftwicpics","3.providers\u002Ftwicpics",{"title":180,"path":181,"stem":182},"Unsplash","\u002Fproviders\u002Funsplash","3.providers\u002Funsplash",{"title":184,"path":185,"stem":186},"Uploadcare","\u002Fproviders\u002Fuploadcare","3.providers\u002Fuploadcare",{"title":188,"path":189,"stem":190},"Vercel","\u002Fproviders\u002Fvercel","3.providers\u002Fvercel",{"title":192,"path":193,"stem":194},"Weserv","\u002Fproviders\u002Fweserv","3.providers\u002Fweserv",{"title":196,"path":197,"stem":198,"children":199,"page":29},"Advanced","\u002Fadvanced","4.advanced",[200,204],{"title":201,"path":202,"stem":203},"Custom Provider","\u002Fadvanced\u002Fcustom-provider","4.advanced\u002F1.custom-provider",{"title":205,"path":206,"stem":207},"Static Images","\u002Fadvanced\u002Fstatic-images","4.advanced\u002F2.static-images",{"id":209,"title":172,"body":210,"description":806,"extension":807,"links":808,"meta":814,"navigation":815,"path":173,"seo":816,"stem":174,"__hash__":817},"docs\u002F3.providers\u002Fsupabase.md",{"type":211,"value":212,"toc":791},"minimark",[213,225,228,233,243,246,249,346,358,361,441,445,453,459,483,488,505,518,523,547,551,603,608,632,636,745,749,769,773,787],[214,215,216,217,224],"p",{},"Integration between ",[218,219,223],"a",{"href":220,"rel":221},"https:\u002F\u002Fsupabase.com\u002Fdocs\u002Fguides\u002Fstorage",[222],"nofollow","Supabase Storage"," and the image module.",[214,226,227],{},"Supabase Storage provides image transformations powered by imgproxy. This provider enables optimization and resizing of images stored in your Supabase public buckets.",[229,230,232],"h2",{"id":231},"requirements","Requirements",[234,235,236,240],"ul",{},[237,238,239],"li",{},"Supabase Pro tier or above (image transformations not available on free tier)",[237,241,242],{},"Public storage bucket (authenticated images not currently supported)",[229,244,14],{"id":245},"configuration",[214,247,248],{},"To use this provider you need to specify the base URL pointing to your Supabase project's storage render endpoint.",[250,251,257],"pre",{"className":252,"code":253,"filename":254,"language":255,"meta":256,"style":256},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    supabase: {\n      baseURL: 'https:\u002F\u002F\u003Cproject-id>.supabase.co\u002Fstorage\u002Fv1\u002Frender\u002Fimage\u002Fpublic\u002F\u003Cbucket-name>'\n    }\n  }\n})\n","nuxt.config.ts","ts","",[258,259,260,284,297,307,325,331,337],"code",{"__ignoreMap":256},[261,262,265,269,272,276,280],"span",{"class":263,"line":264},"line",1,[261,266,268],{"class":267},"s7zQu","export",[261,270,271],{"class":267}," default",[261,273,275],{"class":274},"s2Zo4"," defineNuxtConfig",[261,277,279],{"class":278},"sTEyZ","(",[261,281,283],{"class":282},"sMK4o","{\n",[261,285,287,291,294],{"class":263,"line":286},2,[261,288,290],{"class":289},"swJcz","  image",[261,292,293],{"class":282},":",[261,295,296],{"class":282}," {\n",[261,298,300,303,305],{"class":263,"line":299},3,[261,301,302],{"class":289},"    supabase",[261,304,293],{"class":282},[261,306,296],{"class":282},[261,308,310,313,315,318,322],{"class":263,"line":309},4,[261,311,312],{"class":289},"      baseURL",[261,314,293],{"class":282},[261,316,317],{"class":282}," '",[261,319,321],{"class":320},"sfazB","https:\u002F\u002F\u003Cproject-id>.supabase.co\u002Fstorage\u002Fv1\u002Frender\u002Fimage\u002Fpublic\u002F\u003Cbucket-name>",[261,323,324],{"class":282},"'\n",[261,326,328],{"class":263,"line":327},5,[261,329,330],{"class":282},"    }\n",[261,332,334],{"class":263,"line":333},6,[261,335,336],{"class":282},"  }\n",[261,338,340,343],{"class":263,"line":339},7,[261,341,342],{"class":282},"}",[261,344,345],{"class":278},")\n",[347,348,349,350,353,354,357],"note",{},"Replace ",[258,351,352],{},"\u003Cproject-id>"," with your Supabase project ID and ",[258,355,356],{},"\u003Cbucket-name>"," with your public bucket name.",[229,359,31],{"id":360},"usage",[250,362,366],{"className":363,"code":364,"language":365,"meta":256,"style":256},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"supabase\"\n  src=\"\u002Fpath\u002Fto\u002Fimage.jpg\"\n  width=\"300\"\n  height=\"200\"\n\u002F>\n","vue",[258,367,368,376,394,408,422,436],{"__ignoreMap":256},[261,369,370,373],{"class":263,"line":264},[261,371,372],{"class":282},"\u003C",[261,374,375],{"class":289},"NuxtImg\n",[261,377,378,382,385,388,391],{"class":263,"line":286},[261,379,381],{"class":380},"spNyl","  provider",[261,383,384],{"class":282},"=",[261,386,387],{"class":282},"\"",[261,389,390],{"class":320},"supabase",[261,392,393],{"class":282},"\"\n",[261,395,396,399,401,403,406],{"class":263,"line":299},[261,397,398],{"class":380},"  src",[261,400,384],{"class":282},[261,402,387],{"class":282},[261,404,405],{"class":320},"\u002Fpath\u002Fto\u002Fimage.jpg",[261,407,393],{"class":282},[261,409,410,413,415,417,420],{"class":263,"line":309},[261,411,412],{"class":380},"  width",[261,414,384],{"class":282},[261,416,387],{"class":282},[261,418,419],{"class":320},"300",[261,421,393],{"class":282},[261,423,424,427,429,431,434],{"class":263,"line":327},[261,425,426],{"class":380},"  height",[261,428,384],{"class":282},[261,430,387],{"class":282},[261,432,433],{"class":320},"200",[261,435,393],{"class":282},[261,437,438],{"class":263,"line":333},[261,439,440],{"class":278},"\u002F>\n",[229,442,444],{"id":443},"modifiers","Modifiers",[214,446,447,448,293],{},"Supabase supports the following modifiers based on ",[218,449,452],{"href":450,"rel":451},"https:\u002F\u002Fsupabase.com\u002Fdocs\u002Fguides\u002Fstorage\u002Fserving\u002Fimage-transformations",[222],"Supabase's image transformation API",[454,455,457],"h3",{"id":456},"width",[258,458,456],{},[234,460,461,471,477],{},[237,462,463,467,468],{},[464,465,466],"strong",{},"Type:"," ",[258,469,470],{},"Number",[237,472,473,476],{},[464,474,475],{},"Range:"," 1-2500",[237,478,479,482],{},[464,480,481],{},"Description:"," Target width in pixels",[454,484,486],{"id":485},"height",[258,487,485],{},[234,489,490,496,500],{},[237,491,492,467,494],{},[464,493,466],{},[258,495,470],{},[237,497,498,476],{},[464,499,475],{},[237,501,502,504],{},[464,503,481],{}," Target height in pixels",[347,506,507,508,510,511,513,514,517],{},"Supabase recommends specifying only ",[258,509,456],{}," or ",[258,512,485],{}," (not both) to maintain aspect ratio. When both are provided, the image will be resized and cropped according to the ",[258,515,516],{},"resize"," mode.",[454,519,521],{"id":520},"quality",[258,522,520],{},[234,524,525,531,536,542],{},[237,526,527,467,529],{},[464,528,466],{},[258,530,470],{},[237,532,533,535],{},[464,534,475],{}," 20-100",[237,537,538,541],{},[464,539,540],{},"Default:"," 80",[237,543,544,546],{},[464,545,481],{}," Quality\u002Fcompression level",[454,548,549],{"id":516},[258,550,516],{},[234,552,553,560,575,581],{},[237,554,555,467,557],{},[464,556,466],{},[258,558,559],{},"String",[237,561,562,467,565,568,569,568,572],{},[464,563,564],{},"Values:",[258,566,567],{},"cover",", ",[258,570,571],{},"contain",[258,573,574],{},"fill",[237,576,577,467,579],{},[464,578,540],{},[258,580,567],{},[237,582,583,585,586],{},[464,584,481],{}," Resize mode\n",[234,587,588,593,598],{},[237,589,590,592],{},[258,591,567],{},": Fills specified dimensions while maintaining aspect ratio, crops excess",[237,594,595,597],{},[258,596,571],{},": Fits within dimensions while maintaining aspect ratio",[237,599,600,602],{},[258,601,574],{},": Resizes without aspect ratio preservation",[454,604,606],{"id":605},"format",[258,607,605],{},[234,609,610,616,624],{},[237,611,612,467,614],{},[464,613,466],{},[258,615,559],{},[237,617,618,467,620,623],{},[464,619,564],{},[258,621,622],{},"origin"," or specific format",[237,625,626,628,629,631],{},[464,627,481],{}," Output format. Use ",[258,630,622],{}," to keep the original format, otherwise images are automatically converted to WebP",[229,633,635],{"id":634},"example","Example",[250,637,639],{"className":363,"code":638,"language":365,"meta":256,"style":256},"\u003CNuxtImg\n  provider=\"supabase\"\n  src=\"\u002Fphotos\u002Flandscape.jpg\"\n  width=\"800\"\n  height=\"600\"\n  :modifiers=\"{ quality: 85, resize: 'cover' }\"\n\u002F>\n",[258,640,641,647,659,672,685,698,741],{"__ignoreMap":256},[261,642,643,645],{"class":263,"line":264},[261,644,372],{"class":282},[261,646,375],{"class":289},[261,648,649,651,653,655,657],{"class":263,"line":286},[261,650,381],{"class":380},[261,652,384],{"class":282},[261,654,387],{"class":282},[261,656,390],{"class":320},[261,658,393],{"class":282},[261,660,661,663,665,667,670],{"class":263,"line":299},[261,662,398],{"class":380},[261,664,384],{"class":282},[261,666,387],{"class":282},[261,668,669],{"class":320},"\u002Fphotos\u002Flandscape.jpg",[261,671,393],{"class":282},[261,673,674,676,678,680,683],{"class":263,"line":309},[261,675,412],{"class":380},[261,677,384],{"class":282},[261,679,387],{"class":282},[261,681,682],{"class":320},"800",[261,684,393],{"class":282},[261,686,687,689,691,693,696],{"class":263,"line":327},[261,688,426],{"class":380},[261,690,384],{"class":282},[261,692,387],{"class":282},[261,694,695],{"class":320},"600",[261,697,393],{"class":282},[261,699,700,703,705,707,709,712,715,717,721,724,727,729,731,733,736,739],{"class":263,"line":333},[261,701,702],{"class":282},"  :",[261,704,443],{"class":380},[261,706,384],{"class":282},[261,708,387],{"class":282},[261,710,711],{"class":282},"{",[261,713,714],{"class":289}," quality",[261,716,293],{"class":282},[261,718,720],{"class":719},"sbssI"," 85",[261,722,723],{"class":282},",",[261,725,726],{"class":289}," resize",[261,728,293],{"class":282},[261,730,317],{"class":282},[261,732,567],{"class":320},[261,734,735],{"class":282},"'",[261,737,738],{"class":282}," }",[261,740,393],{"class":282},[261,742,743],{"class":263,"line":339},[261,744,440],{"class":278},[229,746,748],{"id":747},"limitations","Limitations",[234,750,751,757,760,763,766],{},[237,752,753,754],{},"Only works with public buckets using ",[258,755,756],{},"getPublicUrl()",[237,758,759],{},"Authenticated images (signed URLs) are not currently supported",[237,761,762],{},"Maximum image size: 25MB",[237,764,765],{},"Maximum resolution: 50MP",[237,767,768],{},"Requires Supabase Pro tier or above",[229,770,772],{"id":771},"learn-more","Learn More",[234,774,775,781],{},[237,776,777],{},[218,778,780],{"href":450,"rel":779},[222],"Supabase Storage Image Transformations",[237,782,783],{},[218,784,786],{"href":220,"rel":785},[222],"Supabase Storage Documentation",[788,789,790],"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":256,"searchDepth":286,"depth":286,"links":792},[793,794,795,796,803,804,805],{"id":231,"depth":286,"text":232},{"id":245,"depth":286,"text":14},{"id":360,"depth":286,"text":31},{"id":443,"depth":286,"text":444,"children":797},[798,799,800,801,802],{"id":456,"depth":299,"text":456},{"id":485,"depth":299,"text":485},{"id":520,"depth":299,"text":520},{"id":516,"depth":299,"text":516},{"id":605,"depth":299,"text":605},{"id":634,"depth":286,"text":635},{"id":747,"depth":286,"text":748},{"id":771,"depth":286,"text":772},"Nuxt Image with Supabase Storage integration.","md",[809],{"label":810,"icon":811,"to":812,"size":813},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fimage\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fproviders\u002Fsupabase.ts","xs",{},true,{"title":172,"description":806},"gBSfxKkpI3MtzqCzrBDXt7iy-97wSwFUpBI4RY32D7s",[819,821],{"title":168,"path":169,"stem":170,"description":820,"children":-1},"Nuxt Image with Strapi integration.",{"title":176,"path":177,"stem":178,"description":822,"children":-1},"Nuxt Image internally use Twicpics as static provider.",1774955434730]