[{"data":1,"prerenderedAt":601},["ShallowReactive",2],{"navigation_docs":3,"-providers-strapi":200,"-providers-strapi-surround":596},[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":160,"body":202,"description":584,"extension":585,"links":586,"meta":592,"navigation":593,"path":161,"seo":594,"stem":162,"__hash__":595},"docs/3.providers/strapi.md",{"type":203,"value":204,"toc":581},"minimark",[205,216,224,297,300,367,372,379,387,437,446,449,500,503,573,577],[206,207,208,209,215],"p",{},"Integration between ",[210,211,160],"a",{"href":212,"rel":213},"https://strapi.io",[214],"nofollow"," and the image module.",[206,217,218,219,223],{},"No specific configuration is required. You just need to specify ",[220,221,222],"code",{},"strapi"," in your configuration to make it the default:",[225,226,232],"pre",{"className":227,"code":228,"filename":229,"language":230,"meta":231,"style":231},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    strapi: {}\n  }\n})\n","nuxt.config.ts","ts","",[220,233,234,258,271,282,288],{"__ignoreMap":231},[235,236,239,243,246,250,254],"span",{"class":237,"line":238},"line",1,[235,240,242],{"class":241},"s7zQu","export",[235,244,245],{"class":241}," default",[235,247,249],{"class":248},"s2Zo4"," defineNuxtConfig",[235,251,253],{"class":252},"sTEyZ","(",[235,255,257],{"class":256},"sMK4o","{\n",[235,259,261,265,268],{"class":237,"line":260},2,[235,262,264],{"class":263},"swJcz","  image",[235,266,267],{"class":256},":",[235,269,270],{"class":256}," {\n",[235,272,274,277,279],{"class":237,"line":273},3,[235,275,276],{"class":263},"    strapi",[235,278,267],{"class":256},[235,280,281],{"class":256}," {}\n",[235,283,285],{"class":237,"line":284},4,[235,286,287],{"class":256},"  }\n",[235,289,291,294],{"class":237,"line":290},5,[235,292,293],{"class":256},"}",[235,295,296],{"class":252},")\n",[206,298,299],{},"Override default options:",[225,301,303],{"className":227,"code":302,"filename":229,"language":230,"meta":231,"style":231},"export default defineNuxtConfig({\n  image: {\n    strapi: {\n      baseURL: 'http://localhost:1337/uploads'\n    }\n  }\n})\n",[220,304,305,317,325,333,350,355,360],{"__ignoreMap":231},[235,306,307,309,311,313,315],{"class":237,"line":238},[235,308,242],{"class":241},[235,310,245],{"class":241},[235,312,249],{"class":248},[235,314,253],{"class":252},[235,316,257],{"class":256},[235,318,319,321,323],{"class":237,"line":260},[235,320,264],{"class":263},[235,322,267],{"class":256},[235,324,270],{"class":256},[235,326,327,329,331],{"class":237,"line":273},[235,328,276],{"class":263},[235,330,267],{"class":256},[235,332,270],{"class":256},[235,334,335,338,340,343,347],{"class":237,"line":284},[235,336,337],{"class":263},"      baseURL",[235,339,267],{"class":256},[235,341,342],{"class":256}," '",[235,344,346],{"class":345},"sfazB","http://localhost:1337/uploads",[235,348,349],{"class":256},"'\n",[235,351,352],{"class":237,"line":290},[235,353,354],{"class":256},"    }\n",[235,356,358],{"class":237,"line":357},6,[235,359,287],{"class":256},[235,361,363,365],{"class":237,"line":362},7,[235,364,293],{"class":256},[235,366,296],{"class":252},[368,369,371],"h2",{"id":370},"modifiers","Modifiers",[206,373,374,375,378],{},"The ",[220,376,377],{},"breakpoint"," modifier is used to specify the size of the image.",[206,380,381,382,386],{},"By default, when the image is uploaded and ",[383,384,385],"strong",{},"Enable responsive friendly upload"," Strapi setting is enabled in the settings panel the plugin will generate the following responsive image sizes:",[388,389,390,403],"table",{},[391,392,393],"thead",{},[394,395,396,400],"tr",{},[397,398,399],"th",{},"Name",[397,401,402],{},"Largest Dimension",[404,405,406,417,427],"tbody",{},[394,407,408,414],{},[409,410,411],"td",{},[220,412,413],{},"small",[409,415,416],{},"500px",[394,418,419,424],{},[409,420,421],{},[220,422,423],{},"medium",[409,425,426],{},"750px",[394,428,429,434],{},[409,430,431],{},[220,432,433],{},"large",[409,435,436],{},"1000px",[206,438,439,440,445],{},"You can override the default breakpoints. See the ",[210,441,444],{"href":442,"rel":443},"https://docs.strapi.io/dev-docs/plugins/upload#configuration",[214],"Upload configuration"," in the Strapi documentation.",[206,447,448],{},"If you don't set breakpoint modifier, the original image size will be used:",[225,450,454],{"className":451,"code":452,"language":453,"meta":231,"style":231},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"strapi\"\n  src=\"...\"\n/>\n","vue",[220,455,456,464,481,495],{"__ignoreMap":231},[235,457,458,461],{"class":237,"line":238},[235,459,460],{"class":256},"\u003C",[235,462,463],{"class":263},"NuxtImg\n",[235,465,466,470,473,476,478],{"class":237,"line":260},[235,467,469],{"class":468},"spNyl","  provider",[235,471,472],{"class":256},"=",[235,474,475],{"class":256},"\"",[235,477,222],{"class":345},[235,479,480],{"class":256},"\"\n",[235,482,483,486,488,490,493],{"class":237,"line":273},[235,484,485],{"class":468},"  src",[235,487,472],{"class":256},[235,489,475],{"class":256},[235,491,492],{"class":345},"...",[235,494,480],{"class":256},[235,496,497],{"class":237,"line":284},[235,498,499],{"class":252},"/>\n",[206,501,502],{},"Define breakpoint modifier:",[225,504,506],{"className":451,"code":505,"language":453,"meta":231,"style":231},"\u003CNuxtImg\n  provider=\"strapi\"\n  src=\"...\"\n  :modifiers=\"{ breakpoint: 'small' }\"\n/>\n",[220,507,508,514,526,538,569],{"__ignoreMap":231},[235,509,510,512],{"class":237,"line":238},[235,511,460],{"class":256},[235,513,463],{"class":263},[235,515,516,518,520,522,524],{"class":237,"line":260},[235,517,469],{"class":468},[235,519,472],{"class":256},[235,521,475],{"class":256},[235,523,222],{"class":345},[235,525,480],{"class":256},[235,527,528,530,532,534,536],{"class":237,"line":273},[235,529,485],{"class":468},[235,531,472],{"class":256},[235,533,475],{"class":256},[235,535,492],{"class":345},[235,537,480],{"class":256},[235,539,540,543,545,547,549,552,555,557,559,561,564,567],{"class":237,"line":284},[235,541,542],{"class":256},"  :",[235,544,370],{"class":468},[235,546,472],{"class":256},[235,548,475],{"class":256},[235,550,551],{"class":256},"{",[235,553,554],{"class":263}," breakpoint",[235,556,267],{"class":256},[235,558,342],{"class":256},[235,560,413],{"class":345},[235,562,563],{"class":256},"'",[235,565,566],{"class":256}," }",[235,568,480],{"class":256},[235,570,571],{"class":237,"line":290},[235,572,499],{"class":252},[574,575,576],"note",{},"Only one breakpoint can be modified per image.",[578,579,580],"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 .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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":231,"searchDepth":260,"depth":260,"links":582},[583],{"id":370,"depth":260,"text":371},"Nuxt Image with Strapi integration.","md",[587],{"label":588,"icon":589,"to":590,"size":591},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/strapi.ts","xs",{},true,{"title":160,"description":584},"Y-x_BxHOQG7fUfZSsZI6usLzaDSzQ7APE4OOmZoOdQc",[597,599],{"title":156,"path":157,"stem":158,"description":598,"children":-1},"Nuxt Image internally use Storyblok as static provider.",{"title":164,"path":165,"stem":166,"description":600,"children":-1},"Nuxt Image with Supabase Storage integration.",1768512298464]