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