[{"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","/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,183,187,191],{"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},"Builder.io","/providers/builderio","3.providers/builderio",{"title":64,"path":65,"stem":66},"Bunny","/providers/bunny","3.providers/bunny",{"title":68,"path":69,"stem":70},"Caisy","/providers/caisy","3.providers/caisy",{"title":72,"path":73,"stem":74},"Cloudflare","/providers/cloudflare","3.providers/cloudflare",{"title":76,"path":77,"stem":78},"Cloudimage","/providers/cloudimage","3.providers/cloudimage",{"title":80,"path":81,"stem":82},"Cloudinary","/providers/cloudinary","3.providers/cloudinary",{"title":84,"path":85,"stem":86},"Contentful","/providers/contentful","3.providers/contentful",{"title":88,"path":89,"stem":90},"Directus","/providers/directus","3.providers/directus",{"title":92,"path":93,"stem":94},"Fastly","/providers/fastly","3.providers/fastly",{"title":96,"path":97,"stem":98},"Filerobot","/providers/filerobot","3.providers/filerobot",{"title":100,"path":101,"stem":102},"GitHub","/providers/github","3.providers/github",{"title":104,"path":105,"stem":106},"Glide","/providers/glide","3.providers/glide",{"title":108,"path":109,"stem":110},"Gumlet","/providers/gumlet","3.providers/gumlet",{"title":112,"path":113,"stem":114},"Hygraph","/providers/hygraph","3.providers/hygraph",{"title":116,"path":117,"stem":118},"ImageEngine","/providers/imageengine","3.providers/imageengine",{"title":120,"path":121,"stem":122},"ImageKit","/providers/imagekit","3.providers/imagekit",{"title":124,"path":125,"stem":126},"Imgix","/providers/imgix","3.providers/imgix",{"title":128,"path":129,"stem":130},"IPX","/providers/ipx","3.providers/ipx",{"title":132,"path":133,"stem":134},"Netlify","/providers/netlify","3.providers/netlify",{"title":136,"path":137,"stem":138},"None","/providers/none","3.providers/none",{"title":140,"path":141,"stem":142},"Picsum","/providers/picsum","3.providers/picsum",{"title":144,"path":145,"stem":146},"Prepr","/providers/prepr","3.providers/prepr",{"title":148,"path":149,"stem":150},"Prismic","/providers/prismic","3.providers/prismic",{"title":152,"path":153,"stem":154},"Sanity","/providers/sanity","3.providers/sanity",{"title":156,"path":157,"stem":158},"Shopify","/providers/shopify","3.providers/shopify",{"title":160,"path":161,"stem":162},"Sirv","/providers/sirv","3.providers/sirv",{"title":164,"path":165,"stem":166},"Storyblok","/providers/storyblok","3.providers/storyblok",{"title":168,"path":169,"stem":170},"Strapi","/providers/strapi","3.providers/strapi",{"title":172,"path":173,"stem":174},"Supabase","/providers/supabase","3.providers/supabase",{"title":176,"path":177,"stem":178},"Twicpics","/providers/twicpics","3.providers/twicpics",{"title":180,"path":181,"stem":182},"Unsplash","/providers/unsplash","3.providers/unsplash",{"title":184,"path":185,"stem":186},"Uploadcare","/providers/uploadcare","3.providers/uploadcare",{"title":188,"path":189,"stem":190},"Vercel","/providers/vercel","3.providers/vercel",{"title":192,"path":193,"stem":194},"Weserv","/providers/weserv","3.providers/weserv",{"title":196,"path":197,"stem":198,"children":199,"page":29},"Advanced","/advanced","4.advanced",[200,204],{"title":201,"path":202,"stem":203},"Custom Provider","/advanced/custom-provider","4.advanced/1.custom-provider",{"title":205,"path":206,"stem":207},"Static Images","/advanced/static-images","4.advanced/2.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/3.providers/supabase.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://supabase.com/docs/guides/storage",[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://\u003Cproject-id>.supabase.co/storage/v1/render/image/public/\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://\u003Cproject-id>.supabase.co/storage/v1/render/image/public/\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=\"/path/to/image.jpg\"\n  width=\"300\"\n  height=\"200\"\n/>\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},"/path/to/image.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},"/>\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://supabase.com/docs/guides/storage/serving/image-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/compression 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=\"/photos/landscape.jpg\"\n  width=\"800\"\n  height=\"600\"\n  :modifiers=\"{ quality: 85, resize: 'cover' }\"\n/>\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},"/photos/landscape.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://github.com/nuxt/image/blob/main/src/runtime/providers/supabase.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.",1770634604589]