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