[{"data":1,"prerenderedAt":815},["ShallowReactive",2],{"navigation_docs":3,"-providers-supabase":200,"-providers-supabase-surround":810},[4,30,47,187],{"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],{"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},"Supabase","/providers/supabase","3.providers/supabase",{"title":168,"path":169,"stem":170},"Twicpics","/providers/twicpics","3.providers/twicpics",{"title":172,"path":173,"stem":174},"Unsplash","/providers/unsplash","3.providers/unsplash",{"title":176,"path":177,"stem":178},"Uploadcare","/providers/uploadcare","3.providers/uploadcare",{"title":180,"path":181,"stem":182},"Vercel","/providers/vercel","3.providers/vercel",{"title":184,"path":185,"stem":186},"Weserv","/providers/weserv","3.providers/weserv",{"title":188,"path":189,"stem":190,"children":191,"page":29},"Advanced","/advanced","4.advanced",[192,196],{"title":193,"path":194,"stem":195},"Custom Provider","/advanced/custom-provider","4.advanced/1.custom-provider",{"title":197,"path":198,"stem":199},"Static Images","/advanced/static-images","4.advanced/2.static-images",{"id":201,"title":164,"body":202,"description":798,"extension":799,"links":800,"meta":806,"navigation":807,"path":165,"seo":808,"stem":166,"__hash__":809},"docs/3.providers/supabase.md",{"type":203,"value":204,"toc":783},"minimark",[205,217,220,225,235,238,241,338,350,353,433,437,445,451,475,480,497,510,515,539,543,595,600,624,628,737,741,761,765,779],[206,207,208,209,216],"p",{},"Integration between ",[210,211,215],"a",{"href":212,"rel":213},"https://supabase.com/docs/guides/storage",[214],"nofollow","Supabase Storage"," and the image module.",[206,218,219],{},"Supabase Storage provides image transformations powered by imgproxy. This provider enables optimization and resizing of images stored in your Supabase public buckets.",[221,222,224],"h2",{"id":223},"requirements","Requirements",[226,227,228,232],"ul",{},[229,230,231],"li",{},"Supabase Pro tier or above (image transformations not available on free tier)",[229,233,234],{},"Public storage bucket (authenticated images not currently supported)",[221,236,14],{"id":237},"configuration",[206,239,240],{},"To use this provider you need to specify the base URL pointing to your Supabase project's storage render endpoint.",[242,243,249],"pre",{"className":244,"code":245,"filename":246,"language":247,"meta":248,"style":248},"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","",[250,251,252,276,289,299,317,323,329],"code",{"__ignoreMap":248},[253,254,257,261,264,268,272],"span",{"class":255,"line":256},"line",1,[253,258,260],{"class":259},"s7zQu","export",[253,262,263],{"class":259}," default",[253,265,267],{"class":266},"s2Zo4"," defineNuxtConfig",[253,269,271],{"class":270},"sTEyZ","(",[253,273,275],{"class":274},"sMK4o","{\n",[253,277,279,283,286],{"class":255,"line":278},2,[253,280,282],{"class":281},"swJcz","  image",[253,284,285],{"class":274},":",[253,287,288],{"class":274}," {\n",[253,290,292,295,297],{"class":255,"line":291},3,[253,293,294],{"class":281},"    supabase",[253,296,285],{"class":274},[253,298,288],{"class":274},[253,300,302,305,307,310,314],{"class":255,"line":301},4,[253,303,304],{"class":281},"      baseURL",[253,306,285],{"class":274},[253,308,309],{"class":274}," '",[253,311,313],{"class":312},"sfazB","https://\u003Cproject-id>.supabase.co/storage/v1/render/image/public/\u003Cbucket-name>",[253,315,316],{"class":274},"'\n",[253,318,320],{"class":255,"line":319},5,[253,321,322],{"class":274},"    }\n",[253,324,326],{"class":255,"line":325},6,[253,327,328],{"class":274},"  }\n",[253,330,332,335],{"class":255,"line":331},7,[253,333,334],{"class":274},"}",[253,336,337],{"class":270},")\n",[339,340,341,342,345,346,349],"note",{},"Replace ",[250,343,344],{},"\u003Cproject-id>"," with your Supabase project ID and ",[250,347,348],{},"\u003Cbucket-name>"," with your public bucket name.",[221,351,31],{"id":352},"usage",[242,354,358],{"className":355,"code":356,"language":357,"meta":248,"style":248},"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",[250,359,360,368,386,400,414,428],{"__ignoreMap":248},[253,361,362,365],{"class":255,"line":256},[253,363,364],{"class":274},"\u003C",[253,366,367],{"class":281},"NuxtImg\n",[253,369,370,374,377,380,383],{"class":255,"line":278},[253,371,373],{"class":372},"spNyl","  provider",[253,375,376],{"class":274},"=",[253,378,379],{"class":274},"\"",[253,381,382],{"class":312},"supabase",[253,384,385],{"class":274},"\"\n",[253,387,388,391,393,395,398],{"class":255,"line":291},[253,389,390],{"class":372},"  src",[253,392,376],{"class":274},[253,394,379],{"class":274},[253,396,397],{"class":312},"/path/to/image.jpg",[253,399,385],{"class":274},[253,401,402,405,407,409,412],{"class":255,"line":301},[253,403,404],{"class":372},"  width",[253,406,376],{"class":274},[253,408,379],{"class":274},[253,410,411],{"class":312},"300",[253,413,385],{"class":274},[253,415,416,419,421,423,426],{"class":255,"line":319},[253,417,418],{"class":372},"  height",[253,420,376],{"class":274},[253,422,379],{"class":274},[253,424,425],{"class":312},"200",[253,427,385],{"class":274},[253,429,430],{"class":255,"line":325},[253,431,432],{"class":270},"/>\n",[221,434,436],{"id":435},"modifiers","Modifiers",[206,438,439,440,285],{},"Supabase supports the following modifiers based on ",[210,441,444],{"href":442,"rel":443},"https://supabase.com/docs/guides/storage/serving/image-transformations",[214],"Supabase's image transformation API",[446,447,449],"h3",{"id":448},"width",[250,450,448],{},[226,452,453,463,469],{},[229,454,455,459,460],{},[456,457,458],"strong",{},"Type:"," ",[250,461,462],{},"Number",[229,464,465,468],{},[456,466,467],{},"Range:"," 1-2500",[229,470,471,474],{},[456,472,473],{},"Description:"," Target width in pixels",[446,476,478],{"id":477},"height",[250,479,477],{},[226,481,482,488,492],{},[229,483,484,459,486],{},[456,485,458],{},[250,487,462],{},[229,489,490,468],{},[456,491,467],{},[229,493,494,496],{},[456,495,473],{}," Target height in pixels",[339,498,499,500,502,503,505,506,509],{},"Supabase recommends specifying only ",[250,501,448],{}," or ",[250,504,477],{}," (not both) to maintain aspect ratio. When both are provided, the image will be resized and cropped according to the ",[250,507,508],{},"resize"," mode.",[446,511,513],{"id":512},"quality",[250,514,512],{},[226,516,517,523,528,534],{},[229,518,519,459,521],{},[456,520,458],{},[250,522,462],{},[229,524,525,527],{},[456,526,467],{}," 20-100",[229,529,530,533],{},[456,531,532],{},"Default:"," 80",[229,535,536,538],{},[456,537,473],{}," Quality/compression level",[446,540,541],{"id":508},[250,542,508],{},[226,544,545,552,567,573],{},[229,546,547,459,549],{},[456,548,458],{},[250,550,551],{},"String",[229,553,554,459,557,560,561,560,564],{},[456,555,556],{},"Values:",[250,558,559],{},"cover",", ",[250,562,563],{},"contain",[250,565,566],{},"fill",[229,568,569,459,571],{},[456,570,532],{},[250,572,559],{},[229,574,575,577,578],{},[456,576,473],{}," Resize mode\n",[226,579,580,585,590],{},[229,581,582,584],{},[250,583,559],{},": Fills specified dimensions while maintaining aspect ratio, crops excess",[229,586,587,589],{},[250,588,563],{},": Fits within dimensions while maintaining aspect ratio",[229,591,592,594],{},[250,593,566],{},": Resizes without aspect ratio preservation",[446,596,598],{"id":597},"format",[250,599,597],{},[226,601,602,608,616],{},[229,603,604,459,606],{},[456,605,458],{},[250,607,551],{},[229,609,610,459,612,615],{},[456,611,556],{},[250,613,614],{},"origin"," or specific format",[229,617,618,620,621,623],{},[456,619,473],{}," Output format. Use ",[250,622,614],{}," to keep the original format, otherwise images are automatically converted to WebP",[221,625,627],{"id":626},"example","Example",[242,629,631],{"className":355,"code":630,"language":357,"meta":248,"style":248},"\u003CNuxtImg\n  provider=\"supabase\"\n  src=\"/photos/landscape.jpg\"\n  width=\"800\"\n  height=\"600\"\n  :modifiers=\"{ quality: 85, resize: 'cover' }\"\n/>\n",[250,632,633,639,651,664,677,690,733],{"__ignoreMap":248},[253,634,635,637],{"class":255,"line":256},[253,636,364],{"class":274},[253,638,367],{"class":281},[253,640,641,643,645,647,649],{"class":255,"line":278},[253,642,373],{"class":372},[253,644,376],{"class":274},[253,646,379],{"class":274},[253,648,382],{"class":312},[253,650,385],{"class":274},[253,652,653,655,657,659,662],{"class":255,"line":291},[253,654,390],{"class":372},[253,656,376],{"class":274},[253,658,379],{"class":274},[253,660,661],{"class":312},"/photos/landscape.jpg",[253,663,385],{"class":274},[253,665,666,668,670,672,675],{"class":255,"line":301},[253,667,404],{"class":372},[253,669,376],{"class":274},[253,671,379],{"class":274},[253,673,674],{"class":312},"800",[253,676,385],{"class":274},[253,678,679,681,683,685,688],{"class":255,"line":319},[253,680,418],{"class":372},[253,682,376],{"class":274},[253,684,379],{"class":274},[253,686,687],{"class":312},"600",[253,689,385],{"class":274},[253,691,692,695,697,699,701,704,707,709,713,716,719,721,723,725,728,731],{"class":255,"line":325},[253,693,694],{"class":274},"  :",[253,696,435],{"class":372},[253,698,376],{"class":274},[253,700,379],{"class":274},[253,702,703],{"class":274},"{",[253,705,706],{"class":281}," quality",[253,708,285],{"class":274},[253,710,712],{"class":711},"sbssI"," 85",[253,714,715],{"class":274},",",[253,717,718],{"class":281}," resize",[253,720,285],{"class":274},[253,722,309],{"class":274},[253,724,559],{"class":312},[253,726,727],{"class":274},"'",[253,729,730],{"class":274}," }",[253,732,385],{"class":274},[253,734,735],{"class":255,"line":331},[253,736,432],{"class":270},[221,738,740],{"id":739},"limitations","Limitations",[226,742,743,749,752,755,758],{},[229,744,745,746],{},"Only works with public buckets using ",[250,747,748],{},"getPublicUrl()",[229,750,751],{},"Authenticated images (signed URLs) are not currently supported",[229,753,754],{},"Maximum image size: 25MB",[229,756,757],{},"Maximum resolution: 50MP",[229,759,760],{},"Requires Supabase Pro tier or above",[221,762,764],{"id":763},"learn-more","Learn More",[226,766,767,773],{},[229,768,769],{},[210,770,772],{"href":442,"rel":771},[214],"Supabase Storage Image Transformations",[229,774,775],{},[210,776,778],{"href":212,"rel":777},[214],"Supabase Storage Documentation",[780,781,782],"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":248,"searchDepth":278,"depth":278,"links":784},[785,786,787,788,795,796,797],{"id":223,"depth":278,"text":224},{"id":237,"depth":278,"text":14},{"id":352,"depth":278,"text":31},{"id":435,"depth":278,"text":436,"children":789},[790,791,792,793,794],{"id":448,"depth":291,"text":448},{"id":477,"depth":291,"text":477},{"id":512,"depth":291,"text":512},{"id":508,"depth":291,"text":508},{"id":597,"depth":291,"text":597},{"id":626,"depth":278,"text":627},{"id":739,"depth":278,"text":740},{"id":763,"depth":278,"text":764},"Nuxt Image with Supabase Storage integration.","md",[801],{"label":802,"icon":803,"to":804,"size":805},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/supabase.ts","xs",{},true,{"title":164,"description":798},"gBSfxKkpI3MtzqCzrBDXt7iy-97wSwFUpBI4RY32D7s",[811,813],{"title":160,"path":161,"stem":162,"description":812,"children":-1},"Nuxt Image with Strapi integration.",{"title":168,"path":169,"stem":170,"description":814,"children":-1},"Nuxt Image internally use Twicpics as static provider.",1768512300819]