[{"data":1,"prerenderedAt":5183},["Reactive",2],{"navigation":3,"docs-/usage/nuxt-picture":136,"docs-/usage/nuxt-picture-surround":591},[4,20,33,126],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123],{"title":37,"_path":38},"Aliyun","/providers/aliyun",{"title":40,"_path":41},"AWS Amplify","/providers/aws-amplify",{"title":43,"_path":44},"Bunny","/providers/bunny",{"title":46,"_path":47},"Caisy","/providers/caisy",{"title":49,"_path":50},"Cloudflare","/providers/cloudflare",{"title":52,"_path":53},"Cloudimage","/providers/cloudimage",{"title":55,"_path":56},"Cloudinary","/providers/cloudinary",{"title":58,"_path":59},"Contentful","/providers/contentful",{"title":61,"_path":62},"Directus","/providers/directus",{"title":64,"_path":65},"Edgio","/providers/edgio",{"title":67,"_path":68},"Fastly","/providers/fastly",{"title":70,"_path":71},"Glide","/providers/glide",{"title":73,"_path":74},"Gumlet","/providers/gumlet",{"title":76,"_path":77},"Hygraph","/providers/hygraph",{"title":79,"_path":80},"ImageEngine","/providers/imageengine",{"title":82,"_path":83},"ImageKit","/providers/imagekit",{"title":85,"_path":86},"Imgix","/providers/imgix",{"title":88,"_path":89},"IPX","/providers/ipx",{"title":91,"_path":92},"Netlify","/providers/netlify",{"title":94,"_path":95},"Prepr","/providers/prepr",{"title":97,"_path":98},"Prismic","/providers/prismic",{"title":100,"_path":101},"Sanity","/providers/sanity",{"title":103,"_path":104},"Sirv","/providers/sirv",{"title":106,"_path":107},"Storyblok","/providers/storyblok",{"title":109,"_path":110},"Strapi","/providers/strapi",{"title":112,"_path":113},"Twicpics","/providers/twicpics",{"title":115,"_path":116},"Unsplash","/providers/unsplash",{"title":118,"_path":119},"Uploadcare","/providers/uploadcare",{"title":121,"_path":122},"Vercel","/providers/vercel",{"title":124,"_path":125},"Weserv","/providers/weserv",{"title":127,"_path":128,"children":129},"Advanced","/advanced",[130,133],{"title":131,"_path":132},"Custom Provider","/advanced/custom-provider",{"title":134,"_path":135},"Static Images","/advanced/static-images",{"_path":29,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":28,"description":140,"links":141,"body":147,"_type":586,"_id":587,"_source":588,"_file":589,"_extension":590},"usage",false,"","Discover how to use and configure the Nuxt Picture component.",[142],{"label":143,"icon":144,"to":145,"size":146},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-picture.ts","xs",{"type":148,"children":149,"toc":579},"root",[150,172,204,224,231,249,259,264,350,399,409,414,461,471,484,493,573],{"type":151,"tag":152,"props":153,"children":154},"element","p",{},[155,162,164,170],{"type":151,"tag":156,"props":157,"children":159},"code",{"className":158},[],[160],{"type":161,"value":28},"text",{"type":161,"value":163}," is a drop-in replacement for the native ",{"type":151,"tag":156,"props":165,"children":167},{"className":166},[],[168],{"type":161,"value":169},"\u003Cpicture>",{"type":161,"value":171}," tag.",{"type":151,"tag":152,"props":173,"children":174},{},[175,177,182,184,194,196,202],{"type":161,"value":176},"Usage of ",{"type":151,"tag":156,"props":178,"children":180},{"className":179},[],[181],{"type":161,"value":28},{"type":161,"value":183}," is almost identical to ",{"type":151,"tag":185,"props":186,"children":188},"a",{"href":187},"nuxt-img",[189],{"type":151,"tag":156,"props":190,"children":192},{"className":191},[],[193],{"type":161,"value":25},{"type":161,"value":195}," but also allows serving modern formats like ",{"type":151,"tag":156,"props":197,"children":199},{"className":198},[],[200],{"type":161,"value":201},"webp",{"type":161,"value":203}," when possible.",{"type":151,"tag":152,"props":205,"children":206},{},[207,209,222],{"type":161,"value":208},"Learn more about the ",{"type":151,"tag":185,"props":210,"children":214},{"href":211,"rel":212},"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture",[213],"nofollow",[215,220],{"type":151,"tag":156,"props":216,"children":218},{"className":217},[],[219],{"type":161,"value":169},{"type":161,"value":221}," tag on MDN",{"type":161,"value":223},".",{"type":151,"tag":225,"props":226,"children":228},"h2",{"id":227},"props",[229],{"type":161,"value":230},"Props",{"type":151,"tag":232,"props":233,"children":234},"callout",{},[235],{"type":151,"tag":152,"props":236,"children":237},{},[238,240],{"type":161,"value":239},"See props supported by",{"type":151,"tag":185,"props":241,"children":243},{"href":242},"/usage/nuxt-img#props",[244],{"type":151,"tag":156,"props":245,"children":247},{"className":246},[],[248],{"type":161,"value":25},{"type":151,"tag":250,"props":251,"children":253},"h3",{"id":252},"format",[254],{"type":151,"tag":156,"props":255,"children":257},{"className":256},[],[258],{"type":161,"value":252},{"type":151,"tag":152,"props":260,"children":261},{},[262],{"type":161,"value":263},"Format on pictures can be used to serve images in multiple formats. A legacy format will be generated automatically. So in the example below avif, webp and png would be generated. They will be added in the same order they are added to the format attribute.",{"type":151,"tag":265,"props":266,"children":270},"pre",{"className":267,"code":268,"language":269,"meta":139,"style":139},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtPicture format=\"avif,webp\" src=\"/nuxt-icon.png\" ... />\n","html",[271],{"type":151,"tag":156,"props":272,"children":273},{"__ignoreMap":139},[274],{"type":151,"tag":275,"props":276,"children":279},"span",{"class":277,"line":278},"line",1,[280,286,292,298,303,308,314,318,323,327,331,336,340,345],{"type":151,"tag":275,"props":281,"children":283},{"style":282},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[284],{"type":161,"value":285},"\u003C",{"type":151,"tag":275,"props":287,"children":289},{"style":288},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[290],{"type":161,"value":291},"NuxtPicture",{"type":151,"tag":275,"props":293,"children":295},{"style":294},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[296],{"type":161,"value":297}," format",{"type":151,"tag":275,"props":299,"children":300},{"style":282},[301],{"type":161,"value":302},"=",{"type":151,"tag":275,"props":304,"children":305},{"style":282},[306],{"type":161,"value":307},"\"",{"type":151,"tag":275,"props":309,"children":311},{"style":310},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[312],{"type":161,"value":313},"avif,webp",{"type":151,"tag":275,"props":315,"children":316},{"style":282},[317],{"type":161,"value":307},{"type":151,"tag":275,"props":319,"children":320},{"style":294},[321],{"type":161,"value":322}," src",{"type":151,"tag":275,"props":324,"children":325},{"style":282},[326],{"type":161,"value":302},{"type":151,"tag":275,"props":328,"children":329},{"style":282},[330],{"type":161,"value":307},{"type":151,"tag":275,"props":332,"children":333},{"style":310},[334],{"type":161,"value":335},"/nuxt-icon.png",{"type":151,"tag":275,"props":337,"children":338},{"style":282},[339],{"type":161,"value":307},{"type":151,"tag":275,"props":341,"children":342},{"style":294},[343],{"type":161,"value":344}," ...",{"type":151,"tag":275,"props":346,"children":347},{"style":282},[348],{"type":161,"value":349}," />\n",{"type":151,"tag":152,"props":351,"children":352},{},[353,355,360,362,368,369,375,376,382,383,389,391,397],{"type":161,"value":354},"Available formats are ",{"type":151,"tag":156,"props":356,"children":358},{"className":357},[],[359],{"type":161,"value":201},{"type":161,"value":361},", ",{"type":151,"tag":156,"props":363,"children":365},{"className":364},[],[366],{"type":161,"value":367},"avif",{"type":161,"value":361},{"type":151,"tag":156,"props":370,"children":372},{"className":371},[],[373],{"type":161,"value":374},"jpeg",{"type":161,"value":361},{"type":151,"tag":156,"props":377,"children":379},{"className":378},[],[380],{"type":161,"value":381},"jpg",{"type":161,"value":361},{"type":151,"tag":156,"props":384,"children":386},{"className":385},[],[387],{"type":161,"value":388},"png",{"type":161,"value":390}," and ",{"type":151,"tag":156,"props":392,"children":394},{"className":393},[],[395],{"type":161,"value":396},"gif",{"type":161,"value":398},". If the format is not specified, it will respect the default image format.",{"type":151,"tag":250,"props":400,"children":402},{"id":401},"legacyformat",[403],{"type":151,"tag":156,"props":404,"children":406},{"className":405},[],[407],{"type":161,"value":408},"legacyFormat",{"type":151,"tag":152,"props":410,"children":411},{},[412],{"type":161,"value":413},"Format used for fallback. Default is conditional:",{"type":151,"tag":415,"props":416,"children":417},"ul",{},[418,450],{"type":151,"tag":419,"props":420,"children":421},"li",{},[422,424,429,430,435,436,441,443,448],{"type":161,"value":423},"If original format supports transparency (",{"type":151,"tag":156,"props":425,"children":427},{"className":426},[],[428],{"type":161,"value":388},{"type":161,"value":361},{"type":151,"tag":156,"props":431,"children":433},{"className":432},[],[434],{"type":161,"value":201},{"type":161,"value":390},{"type":151,"tag":156,"props":437,"children":439},{"className":438},[],[440],{"type":161,"value":396},{"type":161,"value":442},"), ",{"type":151,"tag":156,"props":444,"children":446},{"className":445},[],[447],{"type":161,"value":388},{"type":161,"value":449}," is used for fallback",{"type":151,"tag":419,"props":451,"children":452},{},[453,455,460],{"type":161,"value":454},"Otherwise ",{"type":151,"tag":156,"props":456,"children":458},{"className":457},[],[459],{"type":161,"value":374},{"type":161,"value":449},{"type":151,"tag":250,"props":462,"children":464},{"id":463},"imgattrs",[465],{"type":151,"tag":156,"props":466,"children":468},{"className":467},[],[469],{"type":161,"value":470},"imgAttrs",{"type":151,"tag":152,"props":472,"children":473},{},[474,476,482],{"type":161,"value":475},"Allows you to set additional HTML-attributes on the ",{"type":151,"tag":156,"props":477,"children":479},{"className":478},[],[480],{"type":161,"value":481},"img",{"type":161,"value":483}," element.",{"type":151,"tag":152,"props":485,"children":486},{},[487],{"type":151,"tag":488,"props":489,"children":490},"strong",{},[491],{"type":161,"value":492},"Example:",{"type":151,"tag":265,"props":494,"children":496},{"className":267,"code":495,"language":269,"meta":139,"style":139},"\u003CNuxtPicture\n  src=\"/nuxt-icon.png\"\n  :imgAttrs=\"{id:'my-id', class:'my-class', style:'display:block', 'data-my-data': 'my-value'}\"\n/>\n",[497],{"type":151,"tag":156,"props":498,"children":499},{"__ignoreMap":139},[500,512,538,564],{"type":151,"tag":275,"props":501,"children":502},{"class":277,"line":278},[503,507],{"type":151,"tag":275,"props":504,"children":505},{"style":282},[506],{"type":161,"value":285},{"type":151,"tag":275,"props":508,"children":509},{"style":288},[510],{"type":161,"value":511},"NuxtPicture\n",{"type":151,"tag":275,"props":513,"children":515},{"class":277,"line":514},2,[516,521,525,529,533],{"type":151,"tag":275,"props":517,"children":518},{"style":294},[519],{"type":161,"value":520},"  src",{"type":151,"tag":275,"props":522,"children":523},{"style":282},[524],{"type":161,"value":302},{"type":151,"tag":275,"props":526,"children":527},{"style":282},[528],{"type":161,"value":307},{"type":151,"tag":275,"props":530,"children":531},{"style":310},[532],{"type":161,"value":335},{"type":151,"tag":275,"props":534,"children":535},{"style":282},[536],{"type":161,"value":537},"\"\n",{"type":151,"tag":275,"props":539,"children":541},{"class":277,"line":540},3,[542,547,551,555,560],{"type":151,"tag":275,"props":543,"children":544},{"style":294},[545],{"type":161,"value":546},"  :imgAttrs",{"type":151,"tag":275,"props":548,"children":549},{"style":282},[550],{"type":161,"value":302},{"type":151,"tag":275,"props":552,"children":553},{"style":282},[554],{"type":161,"value":307},{"type":151,"tag":275,"props":556,"children":557},{"style":310},[558],{"type":161,"value":559},"{id:'my-id', class:'my-class', style:'display:block', 'data-my-data': 'my-value'}",{"type":151,"tag":275,"props":561,"children":562},{"style":282},[563],{"type":161,"value":537},{"type":151,"tag":275,"props":565,"children":567},{"class":277,"line":566},4,[568],{"type":151,"tag":275,"props":569,"children":570},{"style":282},[571],{"type":161,"value":572},"/>\n",{"type":151,"tag":574,"props":575,"children":576},"style",{},[577],{"type":161,"value":578},"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);}",{"title":139,"searchDepth":514,"depth":514,"links":580},[581],{"id":227,"depth":514,"text":230,"children":582},[583,584,585],{"id":252,"depth":540,"text":252},{"id":401,"depth":540,"text":408},{"id":463,"depth":540,"text":470},"markdown","content:2.usage:2.nuxt-picture.md","content","2.usage/2.nuxt-picture.md","md",[592,3875],{"_path":26,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":25,"description":593,"links":594,"body":597,"_type":586,"_id":3873,"_source":588,"_file":3874,"_extension":590},"Discover how to use and configure the Nuxt Image component.",[595],{"label":143,"icon":144,"to":596,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-img.ts",{"type":148,"children":598,"toc":3852},[599,615,679,683,707,750,755,797,827,831,839,844,869,912,936,952,957,981,989,994,1007,1020,1071,1078,1153,1162,1167,1174,1327,1336,1341,1346,1691,1706,1988,1997,2016,2023,2316,2325,2330,2351,2679,2687,2692,2758,2805,2814,2819,2928,2937,2949,3006,3109,3117,3126,3131,3143,3150,3294,3303,3316,3363,3372,3395,3408,3472,3481,3508,3674,3680,3705,3727,3848],{"type":151,"tag":152,"props":600,"children":601},{},[602,607,608,614],{"type":151,"tag":156,"props":603,"children":605},{"className":604},[],[606],{"type":161,"value":25},{"type":161,"value":163},{"type":151,"tag":156,"props":609,"children":611},{"className":610},[],[612],{"type":161,"value":613},"\u003Cimg>",{"type":161,"value":171},{"type":151,"tag":415,"props":616,"children":617},{},[618,623,636,654,667],{"type":151,"tag":419,"props":619,"children":620},{},[621],{"type":161,"value":622},"Uses built-in provider to optimize local and remote images",{"type":151,"tag":419,"props":624,"children":625},{},[626,628,634],{"type":161,"value":627},"Converts ",{"type":151,"tag":156,"props":629,"children":631},{"className":630},[],[632],{"type":161,"value":633},"src",{"type":161,"value":635}," to provider optimized URLs",{"type":151,"tag":419,"props":637,"children":638},{},[639,641,647,648],{"type":161,"value":640},"Automatically resizes images based on ",{"type":151,"tag":156,"props":642,"children":644},{"className":643},[],[645],{"type":161,"value":646},"width",{"type":161,"value":390},{"type":151,"tag":156,"props":649,"children":651},{"className":650},[],[652],{"type":161,"value":653},"height",{"type":151,"tag":419,"props":655,"children":656},{},[657,659,665],{"type":161,"value":658},"Generates responsive sizes when providing ",{"type":151,"tag":156,"props":660,"children":662},{"className":661},[],[663],{"type":161,"value":664},"sizes",{"type":161,"value":666}," option",{"type":151,"tag":419,"props":668,"children":669},{},[670,672,677],{"type":161,"value":671},"Supports native lazy loading as well as other ",{"type":151,"tag":156,"props":673,"children":675},{"className":674},[],[676],{"type":161,"value":613},{"type":161,"value":678}," attributes",{"type":151,"tag":225,"props":680,"children":681},{"id":137},[682],{"type":161,"value":21},{"type":151,"tag":152,"props":684,"children":685},{},[686,691,693,698,700,705],{"type":151,"tag":156,"props":687,"children":689},{"className":688},[],[690],{"type":161,"value":25},{"type":161,"value":692}," outputs a native ",{"type":151,"tag":156,"props":694,"children":696},{"className":695},[],[697],{"type":161,"value":481},{"type":161,"value":699}," tag directly (without any wrapper around it). Use it like you would use the ",{"type":151,"tag":156,"props":701,"children":703},{"className":702},[],[704],{"type":161,"value":613},{"type":161,"value":706}," tag:",{"type":151,"tag":265,"props":708,"children":710},{"className":267,"code":709,"language":269,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" />\n",[711],{"type":151,"tag":156,"props":712,"children":713},{"__ignoreMap":139},[714],{"type":151,"tag":275,"props":715,"children":716},{"class":277,"line":278},[717,721,726,730,734,738,742,746],{"type":151,"tag":275,"props":718,"children":719},{"style":282},[720],{"type":161,"value":285},{"type":151,"tag":275,"props":722,"children":723},{"style":288},[724],{"type":161,"value":725},"NuxtImg",{"type":151,"tag":275,"props":727,"children":728},{"style":294},[729],{"type":161,"value":322},{"type":151,"tag":275,"props":731,"children":732},{"style":282},[733],{"type":161,"value":302},{"type":151,"tag":275,"props":735,"children":736},{"style":282},[737],{"type":161,"value":307},{"type":151,"tag":275,"props":739,"children":740},{"style":310},[741],{"type":161,"value":335},{"type":151,"tag":275,"props":743,"children":744},{"style":282},[745],{"type":161,"value":307},{"type":151,"tag":275,"props":747,"children":748},{"style":282},[749],{"type":161,"value":349},{"type":151,"tag":152,"props":751,"children":752},{},[753],{"type":161,"value":754},"Will result in:",{"type":151,"tag":265,"props":756,"children":758},{"className":267,"code":757,"language":269,"meta":139,"style":139},"\u003Cimg src=\"/nuxt-icon.png\" />\n",[759],{"type":151,"tag":156,"props":760,"children":761},{"__ignoreMap":139},[762],{"type":151,"tag":275,"props":763,"children":764},{"class":277,"line":278},[765,769,773,777,781,785,789,793],{"type":151,"tag":275,"props":766,"children":767},{"style":282},[768],{"type":161,"value":285},{"type":151,"tag":275,"props":770,"children":771},{"style":288},[772],{"type":161,"value":481},{"type":151,"tag":275,"props":774,"children":775},{"style":294},[776],{"type":161,"value":322},{"type":151,"tag":275,"props":778,"children":779},{"style":282},[780],{"type":161,"value":302},{"type":151,"tag":275,"props":782,"children":783},{"style":282},[784],{"type":161,"value":307},{"type":151,"tag":275,"props":786,"children":787},{"style":310},[788],{"type":161,"value":335},{"type":151,"tag":275,"props":790,"children":791},{"style":282},[792],{"type":161,"value":307},{"type":151,"tag":275,"props":794,"children":795},{"style":282},[796],{"type":161,"value":349},{"type":151,"tag":232,"props":798,"children":799},{},[800],{"type":151,"tag":152,"props":801,"children":802},{},[803,805,810,812,817,819,825],{"type":161,"value":804},"With ",{"type":151,"tag":185,"props":806,"children":807},{"href":16},[808],{"type":161,"value":809},"default provider",{"type":161,"value":811},", you should put ",{"type":151,"tag":156,"props":813,"children":815},{"className":814},[],[816],{"type":161,"value":335},{"type":161,"value":818}," inside ",{"type":151,"tag":156,"props":820,"children":822},{"className":821},[],[823],{"type":161,"value":824},"public/",{"type":161,"value":826}," directory for Nuxt 3 make the above example work.",{"type":151,"tag":225,"props":828,"children":829},{"id":227},[830],{"type":161,"value":230},{"type":151,"tag":250,"props":832,"children":833},{"id":633},[834],{"type":151,"tag":156,"props":835,"children":837},{"className":836},[],[838],{"type":161,"value":633},{"type":151,"tag":152,"props":840,"children":841},{},[842],{"type":161,"value":843},"Path to image file",{"type":151,"tag":152,"props":845,"children":846},{},[847,852,854,859,861,867],{"type":151,"tag":156,"props":848,"children":850},{"className":849},[],[851],{"type":161,"value":633},{"type":161,"value":853}," should be in the form of an absolute path for static images in ",{"type":151,"tag":156,"props":855,"children":857},{"className":856},[],[858],{"type":161,"value":824},{"type":161,"value":860}," directory.\nOtherwise path that is expected by provider that starts with ",{"type":151,"tag":156,"props":862,"children":864},{"className":863},[],[865],{"type":161,"value":866},"/",{"type":161,"value":868}," or a URL.",{"type":151,"tag":265,"props":870,"children":872},{"className":267,"code":871,"language":269,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.png\" />\n",[873],{"type":151,"tag":156,"props":874,"children":875},{"__ignoreMap":139},[876],{"type":151,"tag":275,"props":877,"children":878},{"class":277,"line":278},[879,883,887,891,895,899,904,908],{"type":151,"tag":275,"props":880,"children":881},{"style":282},[882],{"type":161,"value":285},{"type":151,"tag":275,"props":884,"children":885},{"style":288},[886],{"type":161,"value":725},{"type":151,"tag":275,"props":888,"children":889},{"style":294},[890],{"type":161,"value":322},{"type":151,"tag":275,"props":892,"children":893},{"style":282},[894],{"type":161,"value":302},{"type":151,"tag":275,"props":896,"children":897},{"style":282},[898],{"type":161,"value":307},{"type":151,"tag":275,"props":900,"children":901},{"style":310},[902],{"type":161,"value":903},"/nuxt.png",{"type":151,"tag":275,"props":905,"children":906},{"style":282},[907],{"type":161,"value":307},{"type":151,"tag":275,"props":909,"children":910},{"style":282},[911],{"type":161,"value":349},{"type":151,"tag":152,"props":913,"children":914},{},[915,917,922,924,934],{"type":161,"value":916},"For image optimization when using external urls in ",{"type":151,"tag":156,"props":918,"children":920},{"className":919},[],[921],{"type":161,"value":633},{"type":161,"value":923},", we need to whitelist them using ",{"type":151,"tag":185,"props":925,"children":927},{"href":926},"/get-started/configuration#domains",[928],{"type":151,"tag":156,"props":929,"children":931},{"className":930},[],[932],{"type":161,"value":933},"domains",{"type":161,"value":935}," option.",{"type":151,"tag":250,"props":937,"children":939},{"id":938},"width-height",[940,945,947],{"type":151,"tag":156,"props":941,"children":943},{"className":942},[],[944],{"type":161,"value":646},{"type":161,"value":946}," / ",{"type":151,"tag":156,"props":948,"children":950},{"className":949},[],[951],{"type":161,"value":653},{"type":151,"tag":152,"props":953,"children":954},{},[955],{"type":161,"value":956},"Specify width/height of the image.",{"type":151,"tag":415,"props":958,"children":959},{},[960,965],{"type":151,"tag":419,"props":961,"children":962},{},[963],{"type":161,"value":964},"Use desired width/height for static sized images like icons or avatars",{"type":151,"tag":419,"props":966,"children":967},{},[968,970,979],{"type":161,"value":969},"Use original image width/height for responsive images (when using ",{"type":151,"tag":185,"props":971,"children":973},{"href":972},"#sizes",[974],{"type":151,"tag":156,"props":975,"children":977},{"className":976},[],[978],{"type":161,"value":664},{"type":161,"value":980},")",{"type":151,"tag":250,"props":982,"children":983},{"id":664},[984],{"type":151,"tag":156,"props":985,"children":987},{"className":986},[],[988],{"type":161,"value":664},{"type":151,"tag":152,"props":990,"children":991},{},[992],{"type":161,"value":993},"Specify responsive sizes.",{"type":151,"tag":152,"props":995,"children":996},{},[997,999,1005],{"type":161,"value":998},"This is a space-separated list of screen size/width pairs. You can ",{"type":151,"tag":185,"props":1000,"children":1002},{"href":1001},"/get-started/configuration#screens",[1003],{"type":161,"value":1004},"see a list of the defined screen sizes here",{"type":161,"value":1006},").",{"type":151,"tag":152,"props":1008,"children":1009},{},[1010,1012,1018],{"type":161,"value":1011},"By default Nuxt generates ",{"type":151,"tag":1013,"props":1014,"children":1015},"em",{},[1016],{"type":161,"value":1017},"responsive-first",{"type":161,"value":1019}," sizing.",{"type":151,"tag":415,"props":1021,"children":1022},{},[1023,1036],{"type":151,"tag":419,"props":1024,"children":1025},{},[1026,1028,1034],{"type":161,"value":1027},"If you omit a screen size prefix (like ",{"type":151,"tag":156,"props":1029,"children":1031},{"className":1030},[],[1032],{"type":161,"value":1033},"sm:",{"type":161,"value":1035},") then this size is the 'default' size of the image. Otherwise, Nuxt will pick the smallest size as the default size of the image.",{"type":151,"tag":419,"props":1037,"children":1038},{},[1039,1041,1046,1048,1054,1056,1062,1064,1069],{"type":161,"value":1040},"This default size is used up until the next specified screen width, and so on. Each specified size pair applies ",{"type":151,"tag":1013,"props":1042,"children":1043},{},[1044],{"type":161,"value":1045},"up",{"type":161,"value":1047}," - so ",{"type":151,"tag":156,"props":1049,"children":1051},{"className":1050},[],[1052],{"type":161,"value":1053},"md:400px",{"type":161,"value":1055}," means that the image will be sized ",{"type":151,"tag":156,"props":1057,"children":1059},{"className":1058},[],[1060],{"type":161,"value":1061},"400px",{"type":161,"value":1063}," on ",{"type":151,"tag":156,"props":1065,"children":1067},{"className":1066},[],[1068],{"type":161,"value":590},{"type":161,"value":1070}," screens and up.",{"type":151,"tag":152,"props":1072,"children":1073},{},[1074],{"type":151,"tag":488,"props":1075,"children":1076},{},[1077],{"type":161,"value":492},{"type":151,"tag":265,"props":1079,"children":1081},{"className":267,"code":1080,"language":269,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/logos/nuxt.png\"\n  sizes=\"100vw sm:50vw md:400px\"\n/>\n",[1082],{"type":151,"tag":156,"props":1083,"children":1084},{"__ignoreMap":139},[1085,1097,1121,1146],{"type":151,"tag":275,"props":1086,"children":1087},{"class":277,"line":278},[1088,1092],{"type":151,"tag":275,"props":1089,"children":1090},{"style":282},[1091],{"type":161,"value":285},{"type":151,"tag":275,"props":1093,"children":1094},{"style":288},[1095],{"type":161,"value":1096},"NuxtImg\n",{"type":151,"tag":275,"props":1098,"children":1099},{"class":277,"line":514},[1100,1104,1108,1112,1117],{"type":151,"tag":275,"props":1101,"children":1102},{"style":294},[1103],{"type":161,"value":520},{"type":151,"tag":275,"props":1105,"children":1106},{"style":282},[1107],{"type":161,"value":302},{"type":151,"tag":275,"props":1109,"children":1110},{"style":282},[1111],{"type":161,"value":307},{"type":151,"tag":275,"props":1113,"children":1114},{"style":310},[1115],{"type":161,"value":1116},"/logos/nuxt.png",{"type":151,"tag":275,"props":1118,"children":1119},{"style":282},[1120],{"type":161,"value":537},{"type":151,"tag":275,"props":1122,"children":1123},{"class":277,"line":540},[1124,1129,1133,1137,1142],{"type":151,"tag":275,"props":1125,"children":1126},{"style":294},[1127],{"type":161,"value":1128},"  sizes",{"type":151,"tag":275,"props":1130,"children":1131},{"style":282},[1132],{"type":161,"value":302},{"type":151,"tag":275,"props":1134,"children":1135},{"style":282},[1136],{"type":161,"value":307},{"type":151,"tag":275,"props":1138,"children":1139},{"style":310},[1140],{"type":161,"value":1141},"100vw sm:50vw md:400px",{"type":151,"tag":275,"props":1143,"children":1144},{"style":282},[1145],{"type":161,"value":537},{"type":151,"tag":275,"props":1147,"children":1148},{"class":277,"line":566},[1149],{"type":151,"tag":275,"props":1150,"children":1151},{"style":282},[1152],{"type":161,"value":572},{"type":151,"tag":250,"props":1154,"children":1156},{"id":1155},"densities",[1157],{"type":151,"tag":156,"props":1158,"children":1160},{"className":1159},[],[1161],{"type":161,"value":1155},{"type":151,"tag":152,"props":1163,"children":1164},{},[1165],{"type":161,"value":1166},"To generate special versions of images for screens with increased pixel density.",{"type":151,"tag":152,"props":1168,"children":1169},{},[1170],{"type":151,"tag":488,"props":1171,"children":1172},{},[1173],{"type":161,"value":492},{"type":151,"tag":265,"props":1175,"children":1177},{"className":267,"code":1176,"language":269,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/logos/nuxt.png\"\n  height=\"50\"\n  densities=\"x1 x2\"\n/>\n\u003C!--\n\u003Cimg\n  src=\"/_ipx/w_50/logos/nuxt.png\" \n  srcset=\"/_ipx/w_100/logos/nuxt.png x2\"\n/>\n-->\n",[1178],{"type":151,"tag":156,"props":1179,"children":1180},{"__ignoreMap":139},[1181,1192,1215,1240,1265,1273,1283,1292,1301,1310,1318],{"type":151,"tag":275,"props":1182,"children":1183},{"class":277,"line":278},[1184,1188],{"type":151,"tag":275,"props":1185,"children":1186},{"style":282},[1187],{"type":161,"value":285},{"type":151,"tag":275,"props":1189,"children":1190},{"style":288},[1191],{"type":161,"value":1096},{"type":151,"tag":275,"props":1193,"children":1194},{"class":277,"line":514},[1195,1199,1203,1207,1211],{"type":151,"tag":275,"props":1196,"children":1197},{"style":294},[1198],{"type":161,"value":520},{"type":151,"tag":275,"props":1200,"children":1201},{"style":282},[1202],{"type":161,"value":302},{"type":151,"tag":275,"props":1204,"children":1205},{"style":282},[1206],{"type":161,"value":307},{"type":151,"tag":275,"props":1208,"children":1209},{"style":310},[1210],{"type":161,"value":1116},{"type":151,"tag":275,"props":1212,"children":1213},{"style":282},[1214],{"type":161,"value":537},{"type":151,"tag":275,"props":1216,"children":1217},{"class":277,"line":540},[1218,1223,1227,1231,1236],{"type":151,"tag":275,"props":1219,"children":1220},{"style":294},[1221],{"type":161,"value":1222},"  height",{"type":151,"tag":275,"props":1224,"children":1225},{"style":282},[1226],{"type":161,"value":302},{"type":151,"tag":275,"props":1228,"children":1229},{"style":282},[1230],{"type":161,"value":307},{"type":151,"tag":275,"props":1232,"children":1233},{"style":310},[1234],{"type":161,"value":1235},"50",{"type":151,"tag":275,"props":1237,"children":1238},{"style":282},[1239],{"type":161,"value":537},{"type":151,"tag":275,"props":1241,"children":1242},{"class":277,"line":566},[1243,1248,1252,1256,1261],{"type":151,"tag":275,"props":1244,"children":1245},{"style":294},[1246],{"type":161,"value":1247},"  densities",{"type":151,"tag":275,"props":1249,"children":1250},{"style":282},[1251],{"type":161,"value":302},{"type":151,"tag":275,"props":1253,"children":1254},{"style":282},[1255],{"type":161,"value":307},{"type":151,"tag":275,"props":1257,"children":1258},{"style":310},[1259],{"type":161,"value":1260},"x1 x2",{"type":151,"tag":275,"props":1262,"children":1263},{"style":282},[1264],{"type":161,"value":537},{"type":151,"tag":275,"props":1266,"children":1268},{"class":277,"line":1267},5,[1269],{"type":151,"tag":275,"props":1270,"children":1271},{"style":282},[1272],{"type":161,"value":572},{"type":151,"tag":275,"props":1274,"children":1276},{"class":277,"line":1275},6,[1277],{"type":151,"tag":275,"props":1278,"children":1280},{"style":1279},"--shiki-light:#90A4AE;--shiki-default:#546E7A;--shiki-dark:#676E95;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[1281],{"type":161,"value":1282},"\u003C!--\n",{"type":151,"tag":275,"props":1284,"children":1286},{"class":277,"line":1285},7,[1287],{"type":151,"tag":275,"props":1288,"children":1289},{"style":1279},[1290],{"type":161,"value":1291},"\u003Cimg\n",{"type":151,"tag":275,"props":1293,"children":1295},{"class":277,"line":1294},8,[1296],{"type":151,"tag":275,"props":1297,"children":1298},{"style":1279},[1299],{"type":161,"value":1300},"  src=\"/_ipx/w_50/logos/nuxt.png\" \n",{"type":151,"tag":275,"props":1302,"children":1304},{"class":277,"line":1303},9,[1305],{"type":151,"tag":275,"props":1306,"children":1307},{"style":1279},[1308],{"type":161,"value":1309},"  srcset=\"/_ipx/w_100/logos/nuxt.png x2\"\n",{"type":151,"tag":275,"props":1311,"children":1313},{"class":277,"line":1312},10,[1314],{"type":151,"tag":275,"props":1315,"children":1316},{"style":1279},[1317],{"type":161,"value":572},{"type":151,"tag":275,"props":1319,"children":1321},{"class":277,"line":1320},11,[1322],{"type":151,"tag":275,"props":1323,"children":1324},{"style":1279},[1325],{"type":161,"value":1326},"-->\n",{"type":151,"tag":250,"props":1328,"children":1330},{"id":1329},"placeholder",[1331],{"type":151,"tag":156,"props":1332,"children":1334},{"className":1333},[],[1335],{"type":161,"value":1329},{"type":151,"tag":152,"props":1337,"children":1338},{},[1339],{"type":161,"value":1340},"Display a placeholder image before the actual image is fully loaded.",{"type":151,"tag":152,"props":1342,"children":1343},{},[1344],{"type":161,"value":1345},"The placeholder prop can be either a string, a boolean, a number, or an array. The usage is shown below for each case.",{"type":151,"tag":265,"props":1347,"children":1349},{"className":267,"code":1348,"language":269,"meta":139,"style":139},"\u003C!-- Automatically generate a placeholder based on the original image -->\n\u003Cnuxt-img src=\"/nuxt.png\" placeholder />\n\n\u003C!-- Set a width, height for the automatically generated placeholder  -->\n\u003Cnuxt-img src=\"/nuxt.png\" :placeholder=\"[50, 25]\" />\n\n\u003C!-- Set a width, height, quality & blur for the automatically generated placeholder  -->\n\u003Cnuxt-img src=\"/nuxt.png\" :placeholder=\"[50, 25, 75, 5]\" />\n\n\u003C!-- Set the width & height of the automatically generated placeholder, image will be a square -->\n\u003Cnuxt-img src=\"/nuxt.png\" :placeholder=\"15\" />\n\n\u003C!-- Provide your own image -->\n\u003Cnuxt-img src=\"/nuxt.png\" placeholder=\"./placeholder.png\" />\n",[1350],{"type":151,"tag":156,"props":1351,"children":1352},{"__ignoreMap":139},[1353,1361,1401,1410,1418,1475,1482,1490,1546,1553,1561,1617,1625,1634],{"type":151,"tag":275,"props":1354,"children":1355},{"class":277,"line":278},[1356],{"type":151,"tag":275,"props":1357,"children":1358},{"style":1279},[1359],{"type":161,"value":1360},"\u003C!-- Automatically generate a placeholder based on the original image -->\n",{"type":151,"tag":275,"props":1362,"children":1363},{"class":277,"line":514},[1364,1368,1372,1376,1380,1384,1388,1392,1397],{"type":151,"tag":275,"props":1365,"children":1366},{"style":282},[1367],{"type":161,"value":285},{"type":151,"tag":275,"props":1369,"children":1370},{"style":288},[1371],{"type":161,"value":187},{"type":151,"tag":275,"props":1373,"children":1374},{"style":294},[1375],{"type":161,"value":322},{"type":151,"tag":275,"props":1377,"children":1378},{"style":282},[1379],{"type":161,"value":302},{"type":151,"tag":275,"props":1381,"children":1382},{"style":282},[1383],{"type":161,"value":307},{"type":151,"tag":275,"props":1385,"children":1386},{"style":310},[1387],{"type":161,"value":903},{"type":151,"tag":275,"props":1389,"children":1390},{"style":282},[1391],{"type":161,"value":307},{"type":151,"tag":275,"props":1393,"children":1394},{"style":294},[1395],{"type":161,"value":1396}," placeholder",{"type":151,"tag":275,"props":1398,"children":1399},{"style":282},[1400],{"type":161,"value":349},{"type":151,"tag":275,"props":1402,"children":1403},{"class":277,"line":540},[1404],{"type":151,"tag":275,"props":1405,"children":1407},{"emptyLinePlaceholder":1406},true,[1408],{"type":161,"value":1409},"\n",{"type":151,"tag":275,"props":1411,"children":1412},{"class":277,"line":566},[1413],{"type":151,"tag":275,"props":1414,"children":1415},{"style":1279},[1416],{"type":161,"value":1417},"\u003C!-- Set a width, height for the automatically generated placeholder  -->\n",{"type":151,"tag":275,"props":1419,"children":1420},{"class":277,"line":1267},[1421,1425,1429,1433,1437,1441,1445,1449,1454,1458,1462,1467,1471],{"type":151,"tag":275,"props":1422,"children":1423},{"style":282},[1424],{"type":161,"value":285},{"type":151,"tag":275,"props":1426,"children":1427},{"style":288},[1428],{"type":161,"value":187},{"type":151,"tag":275,"props":1430,"children":1431},{"style":294},[1432],{"type":161,"value":322},{"type":151,"tag":275,"props":1434,"children":1435},{"style":282},[1436],{"type":161,"value":302},{"type":151,"tag":275,"props":1438,"children":1439},{"style":282},[1440],{"type":161,"value":307},{"type":151,"tag":275,"props":1442,"children":1443},{"style":310},[1444],{"type":161,"value":903},{"type":151,"tag":275,"props":1446,"children":1447},{"style":282},[1448],{"type":161,"value":307},{"type":151,"tag":275,"props":1450,"children":1451},{"style":294},[1452],{"type":161,"value":1453}," :placeholder",{"type":151,"tag":275,"props":1455,"children":1456},{"style":282},[1457],{"type":161,"value":302},{"type":151,"tag":275,"props":1459,"children":1460},{"style":282},[1461],{"type":161,"value":307},{"type":151,"tag":275,"props":1463,"children":1464},{"style":310},[1465],{"type":161,"value":1466},"[50, 25]",{"type":151,"tag":275,"props":1468,"children":1469},{"style":282},[1470],{"type":161,"value":307},{"type":151,"tag":275,"props":1472,"children":1473},{"style":282},[1474],{"type":161,"value":349},{"type":151,"tag":275,"props":1476,"children":1477},{"class":277,"line":1275},[1478],{"type":151,"tag":275,"props":1479,"children":1480},{"emptyLinePlaceholder":1406},[1481],{"type":161,"value":1409},{"type":151,"tag":275,"props":1483,"children":1484},{"class":277,"line":1285},[1485],{"type":151,"tag":275,"props":1486,"children":1487},{"style":1279},[1488],{"type":161,"value":1489},"\u003C!-- Set a width, height, quality & blur for the automatically generated placeholder  -->\n",{"type":151,"tag":275,"props":1491,"children":1492},{"class":277,"line":1294},[1493,1497,1501,1505,1509,1513,1517,1521,1525,1529,1533,1538,1542],{"type":151,"tag":275,"props":1494,"children":1495},{"style":282},[1496],{"type":161,"value":285},{"type":151,"tag":275,"props":1498,"children":1499},{"style":288},[1500],{"type":161,"value":187},{"type":151,"tag":275,"props":1502,"children":1503},{"style":294},[1504],{"type":161,"value":322},{"type":151,"tag":275,"props":1506,"children":1507},{"style":282},[1508],{"type":161,"value":302},{"type":151,"tag":275,"props":1510,"children":1511},{"style":282},[1512],{"type":161,"value":307},{"type":151,"tag":275,"props":1514,"children":1515},{"style":310},[1516],{"type":161,"value":903},{"type":151,"tag":275,"props":1518,"children":1519},{"style":282},[1520],{"type":161,"value":307},{"type":151,"tag":275,"props":1522,"children":1523},{"style":294},[1524],{"type":161,"value":1453},{"type":151,"tag":275,"props":1526,"children":1527},{"style":282},[1528],{"type":161,"value":302},{"type":151,"tag":275,"props":1530,"children":1531},{"style":282},[1532],{"type":161,"value":307},{"type":151,"tag":275,"props":1534,"children":1535},{"style":310},[1536],{"type":161,"value":1537},"[50, 25, 75, 5]",{"type":151,"tag":275,"props":1539,"children":1540},{"style":282},[1541],{"type":161,"value":307},{"type":151,"tag":275,"props":1543,"children":1544},{"style":282},[1545],{"type":161,"value":349},{"type":151,"tag":275,"props":1547,"children":1548},{"class":277,"line":1303},[1549],{"type":151,"tag":275,"props":1550,"children":1551},{"emptyLinePlaceholder":1406},[1552],{"type":161,"value":1409},{"type":151,"tag":275,"props":1554,"children":1555},{"class":277,"line":1312},[1556],{"type":151,"tag":275,"props":1557,"children":1558},{"style":1279},[1559],{"type":161,"value":1560},"\u003C!-- Set the width & height of the automatically generated placeholder, image will be a square -->\n",{"type":151,"tag":275,"props":1562,"children":1563},{"class":277,"line":1320},[1564,1568,1572,1576,1580,1584,1588,1592,1596,1600,1604,1609,1613],{"type":151,"tag":275,"props":1565,"children":1566},{"style":282},[1567],{"type":161,"value":285},{"type":151,"tag":275,"props":1569,"children":1570},{"style":288},[1571],{"type":161,"value":187},{"type":151,"tag":275,"props":1573,"children":1574},{"style":294},[1575],{"type":161,"value":322},{"type":151,"tag":275,"props":1577,"children":1578},{"style":282},[1579],{"type":161,"value":302},{"type":151,"tag":275,"props":1581,"children":1582},{"style":282},[1583],{"type":161,"value":307},{"type":151,"tag":275,"props":1585,"children":1586},{"style":310},[1587],{"type":161,"value":903},{"type":151,"tag":275,"props":1589,"children":1590},{"style":282},[1591],{"type":161,"value":307},{"type":151,"tag":275,"props":1593,"children":1594},{"style":294},[1595],{"type":161,"value":1453},{"type":151,"tag":275,"props":1597,"children":1598},{"style":282},[1599],{"type":161,"value":302},{"type":151,"tag":275,"props":1601,"children":1602},{"style":282},[1603],{"type":161,"value":307},{"type":151,"tag":275,"props":1605,"children":1606},{"style":310},[1607],{"type":161,"value":1608},"15",{"type":151,"tag":275,"props":1610,"children":1611},{"style":282},[1612],{"type":161,"value":307},{"type":151,"tag":275,"props":1614,"children":1615},{"style":282},[1616],{"type":161,"value":349},{"type":151,"tag":275,"props":1618,"children":1620},{"class":277,"line":1619},12,[1621],{"type":151,"tag":275,"props":1622,"children":1623},{"emptyLinePlaceholder":1406},[1624],{"type":161,"value":1409},{"type":151,"tag":275,"props":1626,"children":1628},{"class":277,"line":1627},13,[1629],{"type":151,"tag":275,"props":1630,"children":1631},{"style":1279},[1632],{"type":161,"value":1633},"\u003C!-- Provide your own image -->\n",{"type":151,"tag":275,"props":1635,"children":1637},{"class":277,"line":1636},14,[1638,1642,1646,1650,1654,1658,1662,1666,1670,1674,1678,1683,1687],{"type":151,"tag":275,"props":1639,"children":1640},{"style":282},[1641],{"type":161,"value":285},{"type":151,"tag":275,"props":1643,"children":1644},{"style":288},[1645],{"type":161,"value":187},{"type":151,"tag":275,"props":1647,"children":1648},{"style":294},[1649],{"type":161,"value":322},{"type":151,"tag":275,"props":1651,"children":1652},{"style":282},[1653],{"type":161,"value":302},{"type":151,"tag":275,"props":1655,"children":1656},{"style":282},[1657],{"type":161,"value":307},{"type":151,"tag":275,"props":1659,"children":1660},{"style":310},[1661],{"type":161,"value":903},{"type":151,"tag":275,"props":1663,"children":1664},{"style":282},[1665],{"type":161,"value":307},{"type":151,"tag":275,"props":1667,"children":1668},{"style":294},[1669],{"type":161,"value":1396},{"type":151,"tag":275,"props":1671,"children":1672},{"style":282},[1673],{"type":161,"value":302},{"type":151,"tag":275,"props":1675,"children":1676},{"style":282},[1677],{"type":161,"value":307},{"type":151,"tag":275,"props":1679,"children":1680},{"style":310},[1681],{"type":161,"value":1682},"./placeholder.png",{"type":151,"tag":275,"props":1684,"children":1685},{"style":282},[1686],{"type":161,"value":307},{"type":151,"tag":275,"props":1688,"children":1689},{"style":282},[1690],{"type":161,"value":349},{"type":151,"tag":152,"props":1692,"children":1693},{},[1694,1696,1704],{"type":161,"value":1695},"You can also leverage ",{"type":151,"tag":185,"props":1697,"children":1698},{"href":32},[1699],{"type":151,"tag":156,"props":1700,"children":1702},{"className":1701},[],[1703],{"type":161,"value":31},{"type":161,"value":1705}," to generate a placeholder image based on the original image, can be useful if the source is an SVG or you want better control on the modifiers:",{"type":151,"tag":265,"props":1707,"children":1711},{"className":1708,"code":1709,"language":1710,"meta":139,"style":139},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nconst img = useImage()\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CNuxtImg :placeholder=\"img(`/nuxt.svg`, { h: 10, f: 'png', blur: 2, q: 50 })\" src=\"/nuxt.svg`\" />\n\u003C/template>\n","vue",[1712],{"type":151,"tag":156,"props":1713,"children":1714},{"__ignoreMap":139},[1715,1737,1766,1782,1789,1805,1973],{"type":151,"tag":275,"props":1716,"children":1717},{"class":277,"line":278},[1718,1722,1727,1732],{"type":151,"tag":275,"props":1719,"children":1720},{"style":282},[1721],{"type":161,"value":285},{"type":151,"tag":275,"props":1723,"children":1724},{"style":288},[1725],{"type":161,"value":1726},"script",{"type":151,"tag":275,"props":1728,"children":1729},{"style":294},[1730],{"type":161,"value":1731}," setup",{"type":151,"tag":275,"props":1733,"children":1734},{"style":282},[1735],{"type":161,"value":1736},">\n",{"type":151,"tag":275,"props":1738,"children":1739},{"class":277,"line":514},[1740,1745,1751,1755,1761],{"type":151,"tag":275,"props":1741,"children":1742},{"style":294},[1743],{"type":161,"value":1744},"const",{"type":151,"tag":275,"props":1746,"children":1748},{"style":1747},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[1749],{"type":161,"value":1750}," img ",{"type":151,"tag":275,"props":1752,"children":1753},{"style":282},[1754],{"type":161,"value":302},{"type":151,"tag":275,"props":1756,"children":1758},{"style":1757},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1759],{"type":161,"value":1760}," useImage",{"type":151,"tag":275,"props":1762,"children":1763},{"style":1747},[1764],{"type":161,"value":1765},"()\n",{"type":151,"tag":275,"props":1767,"children":1768},{"class":277,"line":540},[1769,1774,1778],{"type":151,"tag":275,"props":1770,"children":1771},{"style":282},[1772],{"type":161,"value":1773},"\u003C/",{"type":151,"tag":275,"props":1775,"children":1776},{"style":288},[1777],{"type":161,"value":1726},{"type":151,"tag":275,"props":1779,"children":1780},{"style":282},[1781],{"type":161,"value":1736},{"type":151,"tag":275,"props":1783,"children":1784},{"class":277,"line":566},[1785],{"type":151,"tag":275,"props":1786,"children":1787},{"emptyLinePlaceholder":1406},[1788],{"type":161,"value":1409},{"type":151,"tag":275,"props":1790,"children":1791},{"class":277,"line":1267},[1792,1796,1801],{"type":151,"tag":275,"props":1793,"children":1794},{"style":282},[1795],{"type":161,"value":285},{"type":151,"tag":275,"props":1797,"children":1798},{"style":288},[1799],{"type":161,"value":1800},"template",{"type":151,"tag":275,"props":1802,"children":1803},{"style":282},[1804],{"type":161,"value":1736},{"type":151,"tag":275,"props":1806,"children":1807},{"class":277,"line":1275},[1808,1813,1817,1822,1826,1830,1834,1838,1843,1848,1853,1857,1862,1867,1872,1878,1882,1887,1891,1896,1900,1904,1908,1913,1917,1922,1926,1931,1935,1939,1944,1948,1952,1956,1960,1965,1969],{"type":151,"tag":275,"props":1809,"children":1810},{"style":282},[1811],{"type":161,"value":1812},"  \u003C",{"type":151,"tag":275,"props":1814,"children":1815},{"style":288},[1816],{"type":161,"value":725},{"type":151,"tag":275,"props":1818,"children":1819},{"style":282},[1820],{"type":161,"value":1821}," :",{"type":151,"tag":275,"props":1823,"children":1824},{"style":294},[1825],{"type":161,"value":1329},{"type":151,"tag":275,"props":1827,"children":1828},{"style":282},[1829],{"type":161,"value":302},{"type":151,"tag":275,"props":1831,"children":1832},{"style":282},[1833],{"type":161,"value":307},{"type":151,"tag":275,"props":1835,"children":1836},{"style":1757},[1837],{"type":161,"value":481},{"type":151,"tag":275,"props":1839,"children":1840},{"style":282},[1841],{"type":161,"value":1842},"(",{"type":151,"tag":275,"props":1844,"children":1845},{"style":282},[1846],{"type":161,"value":1847},"`",{"type":151,"tag":275,"props":1849,"children":1850},{"style":310},[1851],{"type":161,"value":1852},"/nuxt.svg",{"type":151,"tag":275,"props":1854,"children":1855},{"style":282},[1856],{"type":161,"value":1847},{"type":151,"tag":275,"props":1858,"children":1859},{"style":282},[1860],{"type":161,"value":1861},", { ",{"type":151,"tag":275,"props":1863,"children":1864},{"style":288},[1865],{"type":161,"value":1866},"h",{"type":151,"tag":275,"props":1868,"children":1869},{"style":282},[1870],{"type":161,"value":1871},": ",{"type":151,"tag":275,"props":1873,"children":1875},{"style":1874},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1876],{"type":161,"value":1877},"10",{"type":151,"tag":275,"props":1879,"children":1880},{"style":282},[1881],{"type":161,"value":361},{"type":151,"tag":275,"props":1883,"children":1884},{"style":288},[1885],{"type":161,"value":1886},"f",{"type":151,"tag":275,"props":1888,"children":1889},{"style":282},[1890],{"type":161,"value":1871},{"type":151,"tag":275,"props":1892,"children":1893},{"style":282},[1894],{"type":161,"value":1895},"'",{"type":151,"tag":275,"props":1897,"children":1898},{"style":310},[1899],{"type":161,"value":388},{"type":151,"tag":275,"props":1901,"children":1902},{"style":282},[1903],{"type":161,"value":1895},{"type":151,"tag":275,"props":1905,"children":1906},{"style":282},[1907],{"type":161,"value":361},{"type":151,"tag":275,"props":1909,"children":1910},{"style":288},[1911],{"type":161,"value":1912},"blur",{"type":151,"tag":275,"props":1914,"children":1915},{"style":282},[1916],{"type":161,"value":1871},{"type":151,"tag":275,"props":1918,"children":1919},{"style":1874},[1920],{"type":161,"value":1921},"2",{"type":151,"tag":275,"props":1923,"children":1924},{"style":282},[1925],{"type":161,"value":361},{"type":151,"tag":275,"props":1927,"children":1928},{"style":288},[1929],{"type":161,"value":1930},"q",{"type":151,"tag":275,"props":1932,"children":1933},{"style":282},[1934],{"type":161,"value":1871},{"type":151,"tag":275,"props":1936,"children":1937},{"style":1874},[1938],{"type":161,"value":1235},{"type":151,"tag":275,"props":1940,"children":1941},{"style":282},[1942],{"type":161,"value":1943}," })",{"type":151,"tag":275,"props":1945,"children":1946},{"style":282},[1947],{"type":161,"value":307},{"type":151,"tag":275,"props":1949,"children":1950},{"style":294},[1951],{"type":161,"value":322},{"type":151,"tag":275,"props":1953,"children":1954},{"style":282},[1955],{"type":161,"value":302},{"type":151,"tag":275,"props":1957,"children":1958},{"style":282},[1959],{"type":161,"value":307},{"type":151,"tag":275,"props":1961,"children":1962},{"style":310},[1963],{"type":161,"value":1964},"/nuxt.svg`",{"type":151,"tag":275,"props":1966,"children":1967},{"style":282},[1968],{"type":161,"value":307},{"type":151,"tag":275,"props":1970,"children":1971},{"style":282},[1972],{"type":161,"value":349},{"type":151,"tag":275,"props":1974,"children":1975},{"class":277,"line":1285},[1976,1980,1984],{"type":151,"tag":275,"props":1977,"children":1978},{"style":282},[1979],{"type":161,"value":1773},{"type":151,"tag":275,"props":1981,"children":1982},{"style":288},[1983],{"type":161,"value":1800},{"type":151,"tag":275,"props":1985,"children":1986},{"style":282},[1987],{"type":161,"value":1736},{"type":151,"tag":250,"props":1989,"children":1991},{"id":1990},"provider",[1992],{"type":151,"tag":156,"props":1993,"children":1995},{"className":1994},[],[1996],{"type":161,"value":1990},{"type":151,"tag":152,"props":1998,"children":1999},{},[2000,2002,2008,2010],{"type":161,"value":2001},"Use other provider instead of default ",{"type":151,"tag":185,"props":2003,"children":2005},{"href":2004},"/get-started/configuration#provider",[2006],{"type":161,"value":2007},"provider option",{"type":161,"value":2009}," specified in ",{"type":151,"tag":156,"props":2011,"children":2013},{"className":2012},[],[2014],{"type":161,"value":2015},"nuxt.config",{"type":151,"tag":152,"props":2017,"children":2018},{},[2019],{"type":151,"tag":488,"props":2020,"children":2021},{},[2022],{"type":161,"value":492},{"type":151,"tag":2024,"props":2025,"children":2026},"code-group",{},[2027,2184],{"type":151,"tag":265,"props":2028,"children":2031},{"className":267,"code":2029,"filename":2030,"language":269,"meta":139,"style":139},"\u003Ctemplate>\n  \u003CNuxtImg\n    provider=\"cloudinary\"\n    src=\"/remote/nuxt-org/blog/going-full-static/main.png\"\n    width=\"300\"\n    height=\"169\"\n  />\n\u003C/template>\n","index.vue",[2032],{"type":151,"tag":156,"props":2033,"children":2034},{"__ignoreMap":139},[2035,2050,2061,2086,2111,2136,2161,2169],{"type":151,"tag":275,"props":2036,"children":2037},{"class":277,"line":278},[2038,2042,2046],{"type":151,"tag":275,"props":2039,"children":2040},{"style":282},[2041],{"type":161,"value":285},{"type":151,"tag":275,"props":2043,"children":2044},{"style":288},[2045],{"type":161,"value":1800},{"type":151,"tag":275,"props":2047,"children":2048},{"style":282},[2049],{"type":161,"value":1736},{"type":151,"tag":275,"props":2051,"children":2052},{"class":277,"line":514},[2053,2057],{"type":151,"tag":275,"props":2054,"children":2055},{"style":282},[2056],{"type":161,"value":1812},{"type":151,"tag":275,"props":2058,"children":2059},{"style":288},[2060],{"type":161,"value":1096},{"type":151,"tag":275,"props":2062,"children":2063},{"class":277,"line":540},[2064,2069,2073,2077,2082],{"type":151,"tag":275,"props":2065,"children":2066},{"style":294},[2067],{"type":161,"value":2068},"    provider",{"type":151,"tag":275,"props":2070,"children":2071},{"style":282},[2072],{"type":161,"value":302},{"type":151,"tag":275,"props":2074,"children":2075},{"style":282},[2076],{"type":161,"value":307},{"type":151,"tag":275,"props":2078,"children":2079},{"style":310},[2080],{"type":161,"value":2081},"cloudinary",{"type":151,"tag":275,"props":2083,"children":2084},{"style":282},[2085],{"type":161,"value":537},{"type":151,"tag":275,"props":2087,"children":2088},{"class":277,"line":566},[2089,2094,2098,2102,2107],{"type":151,"tag":275,"props":2090,"children":2091},{"style":294},[2092],{"type":161,"value":2093},"    src",{"type":151,"tag":275,"props":2095,"children":2096},{"style":282},[2097],{"type":161,"value":302},{"type":151,"tag":275,"props":2099,"children":2100},{"style":282},[2101],{"type":161,"value":307},{"type":151,"tag":275,"props":2103,"children":2104},{"style":310},[2105],{"type":161,"value":2106},"/remote/nuxt-org/blog/going-full-static/main.png",{"type":151,"tag":275,"props":2108,"children":2109},{"style":282},[2110],{"type":161,"value":537},{"type":151,"tag":275,"props":2112,"children":2113},{"class":277,"line":1267},[2114,2119,2123,2127,2132],{"type":151,"tag":275,"props":2115,"children":2116},{"style":294},[2117],{"type":161,"value":2118},"    width",{"type":151,"tag":275,"props":2120,"children":2121},{"style":282},[2122],{"type":161,"value":302},{"type":151,"tag":275,"props":2124,"children":2125},{"style":282},[2126],{"type":161,"value":307},{"type":151,"tag":275,"props":2128,"children":2129},{"style":310},[2130],{"type":161,"value":2131},"300",{"type":151,"tag":275,"props":2133,"children":2134},{"style":282},[2135],{"type":161,"value":537},{"type":151,"tag":275,"props":2137,"children":2138},{"class":277,"line":1275},[2139,2144,2148,2152,2157],{"type":151,"tag":275,"props":2140,"children":2141},{"style":294},[2142],{"type":161,"value":2143},"    height",{"type":151,"tag":275,"props":2145,"children":2146},{"style":282},[2147],{"type":161,"value":302},{"type":151,"tag":275,"props":2149,"children":2150},{"style":282},[2151],{"type":161,"value":307},{"type":151,"tag":275,"props":2153,"children":2154},{"style":310},[2155],{"type":161,"value":2156},"169",{"type":151,"tag":275,"props":2158,"children":2159},{"style":282},[2160],{"type":161,"value":537},{"type":151,"tag":275,"props":2162,"children":2163},{"class":277,"line":1285},[2164],{"type":151,"tag":275,"props":2165,"children":2166},{"style":282},[2167],{"type":161,"value":2168},"  />\n",{"type":151,"tag":275,"props":2170,"children":2171},{"class":277,"line":1294},[2172,2176,2180],{"type":151,"tag":275,"props":2173,"children":2174},{"style":282},[2175],{"type":161,"value":1773},{"type":151,"tag":275,"props":2177,"children":2178},{"style":288},[2179],{"type":161,"value":1800},{"type":151,"tag":275,"props":2181,"children":2182},{"style":282},[2183],{"type":161,"value":1736},{"type":151,"tag":265,"props":2185,"children":2190},{"className":2186,"code":2187,"filename":2188,"language":2189,"meta":139,"style":139},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    cloudinary: {\n      baseURL: 'https://res.cloudinary.com/nuxt/image/upload/',\n    },\n  },\n})\n","nuxt.config.ts","ts",[2191],{"type":151,"tag":156,"props":2192,"children":2193},{"__ignoreMap":139},[2194,2222,2240,2256,2287,2295,2303],{"type":151,"tag":275,"props":2195,"children":2196},{"class":277,"line":278},[2197,2203,2208,2213,2217],{"type":151,"tag":275,"props":2198,"children":2200},{"style":2199},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[2201],{"type":161,"value":2202},"export",{"type":151,"tag":275,"props":2204,"children":2205},{"style":2199},[2206],{"type":161,"value":2207}," default",{"type":151,"tag":275,"props":2209,"children":2210},{"style":1757},[2211],{"type":161,"value":2212}," defineNuxtConfig",{"type":151,"tag":275,"props":2214,"children":2215},{"style":1747},[2216],{"type":161,"value":1842},{"type":151,"tag":275,"props":2218,"children":2219},{"style":282},[2220],{"type":161,"value":2221},"{\n",{"type":151,"tag":275,"props":2223,"children":2224},{"class":277,"line":514},[2225,2230,2235],{"type":151,"tag":275,"props":2226,"children":2227},{"style":288},[2228],{"type":161,"value":2229},"  image",{"type":151,"tag":275,"props":2231,"children":2232},{"style":282},[2233],{"type":161,"value":2234},":",{"type":151,"tag":275,"props":2236,"children":2237},{"style":282},[2238],{"type":161,"value":2239}," {\n",{"type":151,"tag":275,"props":2241,"children":2242},{"class":277,"line":540},[2243,2248,2252],{"type":151,"tag":275,"props":2244,"children":2245},{"style":288},[2246],{"type":161,"value":2247},"    cloudinary",{"type":151,"tag":275,"props":2249,"children":2250},{"style":282},[2251],{"type":161,"value":2234},{"type":151,"tag":275,"props":2253,"children":2254},{"style":282},[2255],{"type":161,"value":2239},{"type":151,"tag":275,"props":2257,"children":2258},{"class":277,"line":566},[2259,2264,2268,2273,2278,2282],{"type":151,"tag":275,"props":2260,"children":2261},{"style":288},[2262],{"type":161,"value":2263},"      baseURL",{"type":151,"tag":275,"props":2265,"children":2266},{"style":282},[2267],{"type":161,"value":2234},{"type":151,"tag":275,"props":2269,"children":2270},{"style":282},[2271],{"type":161,"value":2272}," '",{"type":151,"tag":275,"props":2274,"children":2275},{"style":310},[2276],{"type":161,"value":2277},"https://res.cloudinary.com/nuxt/image/upload/",{"type":151,"tag":275,"props":2279,"children":2280},{"style":282},[2281],{"type":161,"value":1895},{"type":151,"tag":275,"props":2283,"children":2284},{"style":282},[2285],{"type":161,"value":2286},",\n",{"type":151,"tag":275,"props":2288,"children":2289},{"class":277,"line":1267},[2290],{"type":151,"tag":275,"props":2291,"children":2292},{"style":282},[2293],{"type":161,"value":2294},"    },\n",{"type":151,"tag":275,"props":2296,"children":2297},{"class":277,"line":1275},[2298],{"type":151,"tag":275,"props":2299,"children":2300},{"style":282},[2301],{"type":161,"value":2302},"  },\n",{"type":151,"tag":275,"props":2304,"children":2305},{"class":277,"line":1285},[2306,2311],{"type":151,"tag":275,"props":2307,"children":2308},{"style":282},[2309],{"type":161,"value":2310},"}",{"type":151,"tag":275,"props":2312,"children":2313},{"style":1747},[2314],{"type":161,"value":2315},")\n",{"type":151,"tag":250,"props":2317,"children":2319},{"id":2318},"preset",[2320],{"type":151,"tag":156,"props":2321,"children":2323},{"className":2322},[],[2324],{"type":161,"value":2318},{"type":151,"tag":152,"props":2326,"children":2327},{},[2328],{"type":161,"value":2329},"Presets are predefined sets of image modifiers that can be used create unified form of images in your projects.",{"type":151,"tag":232,"props":2331,"children":2332},{},[2333],{"type":151,"tag":152,"props":2334,"children":2335},{},[2336,2338,2344,2346],{"type":161,"value":2337},"We can define presets using ",{"type":151,"tag":185,"props":2339,"children":2341},{"href":2340},"/get-started/configuration#presets",[2342],{"type":161,"value":2343},"presets options",{"type":161,"value":2345}," in ",{"type":151,"tag":156,"props":2347,"children":2349},{"className":2348},[],[2350],{"type":161,"value":2015},{"type":151,"tag":2024,"props":2352,"children":2353},{},[2354,2448],{"type":151,"tag":265,"props":2355,"children":2357},{"className":267,"code":2356,"filename":2030,"language":269,"meta":139,"style":139},"\u003Ctemplate>\n  \u003CNuxtImg preset=\"cover\" src=\"/nuxt-icon.png\" />\n\u003C/template>\n",[2358],{"type":151,"tag":156,"props":2359,"children":2360},{"__ignoreMap":139},[2361,2376,2433],{"type":151,"tag":275,"props":2362,"children":2363},{"class":277,"line":278},[2364,2368,2372],{"type":151,"tag":275,"props":2365,"children":2366},{"style":282},[2367],{"type":161,"value":285},{"type":151,"tag":275,"props":2369,"children":2370},{"style":288},[2371],{"type":161,"value":1800},{"type":151,"tag":275,"props":2373,"children":2374},{"style":282},[2375],{"type":161,"value":1736},{"type":151,"tag":275,"props":2377,"children":2378},{"class":277,"line":514},[2379,2383,2387,2392,2396,2400,2405,2409,2413,2417,2421,2425,2429],{"type":151,"tag":275,"props":2380,"children":2381},{"style":282},[2382],{"type":161,"value":1812},{"type":151,"tag":275,"props":2384,"children":2385},{"style":288},[2386],{"type":161,"value":725},{"type":151,"tag":275,"props":2388,"children":2389},{"style":294},[2390],{"type":161,"value":2391}," preset",{"type":151,"tag":275,"props":2393,"children":2394},{"style":282},[2395],{"type":161,"value":302},{"type":151,"tag":275,"props":2397,"children":2398},{"style":282},[2399],{"type":161,"value":307},{"type":151,"tag":275,"props":2401,"children":2402},{"style":310},[2403],{"type":161,"value":2404},"cover",{"type":151,"tag":275,"props":2406,"children":2407},{"style":282},[2408],{"type":161,"value":307},{"type":151,"tag":275,"props":2410,"children":2411},{"style":294},[2412],{"type":161,"value":322},{"type":151,"tag":275,"props":2414,"children":2415},{"style":282},[2416],{"type":161,"value":302},{"type":151,"tag":275,"props":2418,"children":2419},{"style":282},[2420],{"type":161,"value":307},{"type":151,"tag":275,"props":2422,"children":2423},{"style":310},[2424],{"type":161,"value":335},{"type":151,"tag":275,"props":2426,"children":2427},{"style":282},[2428],{"type":161,"value":307},{"type":151,"tag":275,"props":2430,"children":2431},{"style":282},[2432],{"type":161,"value":349},{"type":151,"tag":275,"props":2434,"children":2435},{"class":277,"line":540},[2436,2440,2444],{"type":151,"tag":275,"props":2437,"children":2438},{"style":282},[2439],{"type":161,"value":1773},{"type":151,"tag":275,"props":2441,"children":2442},{"style":288},[2443],{"type":161,"value":1800},{"type":151,"tag":275,"props":2445,"children":2446},{"style":282},[2447],{"type":161,"value":1736},{"type":151,"tag":265,"props":2449,"children":2451},{"className":2186,"code":2450,"filename":2188,"language":2189,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    presets: {\n      cover: {\n        modifiers: {\n          fit: 'cover',\n          format: 'jpg',\n          width: 300,\n          height: 300,\n        },\n      },\n    },\n  },\n})\n",[2452],{"type":151,"tag":156,"props":2453,"children":2454},{"__ignoreMap":139},[2455,2478,2493,2509,2525,2541,2569,2597,2618,2638,2646,2654,2661,2668],{"type":151,"tag":275,"props":2456,"children":2457},{"class":277,"line":278},[2458,2462,2466,2470,2474],{"type":151,"tag":275,"props":2459,"children":2460},{"style":2199},[2461],{"type":161,"value":2202},{"type":151,"tag":275,"props":2463,"children":2464},{"style":2199},[2465],{"type":161,"value":2207},{"type":151,"tag":275,"props":2467,"children":2468},{"style":1757},[2469],{"type":161,"value":2212},{"type":151,"tag":275,"props":2471,"children":2472},{"style":1747},[2473],{"type":161,"value":1842},{"type":151,"tag":275,"props":2475,"children":2476},{"style":282},[2477],{"type":161,"value":2221},{"type":151,"tag":275,"props":2479,"children":2480},{"class":277,"line":514},[2481,2485,2489],{"type":151,"tag":275,"props":2482,"children":2483},{"style":288},[2484],{"type":161,"value":2229},{"type":151,"tag":275,"props":2486,"children":2487},{"style":282},[2488],{"type":161,"value":2234},{"type":151,"tag":275,"props":2490,"children":2491},{"style":282},[2492],{"type":161,"value":2239},{"type":151,"tag":275,"props":2494,"children":2495},{"class":277,"line":540},[2496,2501,2505],{"type":151,"tag":275,"props":2497,"children":2498},{"style":288},[2499],{"type":161,"value":2500},"    presets",{"type":151,"tag":275,"props":2502,"children":2503},{"style":282},[2504],{"type":161,"value":2234},{"type":151,"tag":275,"props":2506,"children":2507},{"style":282},[2508],{"type":161,"value":2239},{"type":151,"tag":275,"props":2510,"children":2511},{"class":277,"line":566},[2512,2517,2521],{"type":151,"tag":275,"props":2513,"children":2514},{"style":288},[2515],{"type":161,"value":2516},"      cover",{"type":151,"tag":275,"props":2518,"children":2519},{"style":282},[2520],{"type":161,"value":2234},{"type":151,"tag":275,"props":2522,"children":2523},{"style":282},[2524],{"type":161,"value":2239},{"type":151,"tag":275,"props":2526,"children":2527},{"class":277,"line":1267},[2528,2533,2537],{"type":151,"tag":275,"props":2529,"children":2530},{"style":288},[2531],{"type":161,"value":2532},"        modifiers",{"type":151,"tag":275,"props":2534,"children":2535},{"style":282},[2536],{"type":161,"value":2234},{"type":151,"tag":275,"props":2538,"children":2539},{"style":282},[2540],{"type":161,"value":2239},{"type":151,"tag":275,"props":2542,"children":2543},{"class":277,"line":1275},[2544,2549,2553,2557,2561,2565],{"type":151,"tag":275,"props":2545,"children":2546},{"style":288},[2547],{"type":161,"value":2548},"          fit",{"type":151,"tag":275,"props":2550,"children":2551},{"style":282},[2552],{"type":161,"value":2234},{"type":151,"tag":275,"props":2554,"children":2555},{"style":282},[2556],{"type":161,"value":2272},{"type":151,"tag":275,"props":2558,"children":2559},{"style":310},[2560],{"type":161,"value":2404},{"type":151,"tag":275,"props":2562,"children":2563},{"style":282},[2564],{"type":161,"value":1895},{"type":151,"tag":275,"props":2566,"children":2567},{"style":282},[2568],{"type":161,"value":2286},{"type":151,"tag":275,"props":2570,"children":2571},{"class":277,"line":1285},[2572,2577,2581,2585,2589,2593],{"type":151,"tag":275,"props":2573,"children":2574},{"style":288},[2575],{"type":161,"value":2576},"          format",{"type":151,"tag":275,"props":2578,"children":2579},{"style":282},[2580],{"type":161,"value":2234},{"type":151,"tag":275,"props":2582,"children":2583},{"style":282},[2584],{"type":161,"value":2272},{"type":151,"tag":275,"props":2586,"children":2587},{"style":310},[2588],{"type":161,"value":381},{"type":151,"tag":275,"props":2590,"children":2591},{"style":282},[2592],{"type":161,"value":1895},{"type":151,"tag":275,"props":2594,"children":2595},{"style":282},[2596],{"type":161,"value":2286},{"type":151,"tag":275,"props":2598,"children":2599},{"class":277,"line":1294},[2600,2605,2609,2614],{"type":151,"tag":275,"props":2601,"children":2602},{"style":288},[2603],{"type":161,"value":2604},"          width",{"type":151,"tag":275,"props":2606,"children":2607},{"style":282},[2608],{"type":161,"value":2234},{"type":151,"tag":275,"props":2610,"children":2611},{"style":1874},[2612],{"type":161,"value":2613}," 300",{"type":151,"tag":275,"props":2615,"children":2616},{"style":282},[2617],{"type":161,"value":2286},{"type":151,"tag":275,"props":2619,"children":2620},{"class":277,"line":1303},[2621,2626,2630,2634],{"type":151,"tag":275,"props":2622,"children":2623},{"style":288},[2624],{"type":161,"value":2625},"          height",{"type":151,"tag":275,"props":2627,"children":2628},{"style":282},[2629],{"type":161,"value":2234},{"type":151,"tag":275,"props":2631,"children":2632},{"style":1874},[2633],{"type":161,"value":2613},{"type":151,"tag":275,"props":2635,"children":2636},{"style":282},[2637],{"type":161,"value":2286},{"type":151,"tag":275,"props":2639,"children":2640},{"class":277,"line":1312},[2641],{"type":151,"tag":275,"props":2642,"children":2643},{"style":282},[2644],{"type":161,"value":2645},"        },\n",{"type":151,"tag":275,"props":2647,"children":2648},{"class":277,"line":1320},[2649],{"type":151,"tag":275,"props":2650,"children":2651},{"style":282},[2652],{"type":161,"value":2653},"      },\n",{"type":151,"tag":275,"props":2655,"children":2656},{"class":277,"line":1619},[2657],{"type":151,"tag":275,"props":2658,"children":2659},{"style":282},[2660],{"type":161,"value":2294},{"type":151,"tag":275,"props":2662,"children":2663},{"class":277,"line":1627},[2664],{"type":151,"tag":275,"props":2665,"children":2666},{"style":282},[2667],{"type":161,"value":2302},{"type":151,"tag":275,"props":2669,"children":2670},{"class":277,"line":1636},[2671,2675],{"type":151,"tag":275,"props":2672,"children":2673},{"style":282},[2674],{"type":161,"value":2310},{"type":151,"tag":275,"props":2676,"children":2677},{"style":1747},[2678],{"type":161,"value":2315},{"type":151,"tag":250,"props":2680,"children":2681},{"id":252},[2682],{"type":151,"tag":156,"props":2683,"children":2685},{"className":2684},[],[2686],{"type":161,"value":252},{"type":151,"tag":152,"props":2688,"children":2689},{},[2690],{"type":161,"value":2691},"In case you want to serve images in a specific format, use this prop.",{"type":151,"tag":265,"props":2693,"children":2695},{"className":267,"code":2694,"language":269,"meta":139,"style":139},"\u003CNuxtImg format=\"webp\" src=\"/nuxt-icon.png\" ... />\n",[2696],{"type":151,"tag":156,"props":2697,"children":2698},{"__ignoreMap":139},[2699],{"type":151,"tag":275,"props":2700,"children":2701},{"class":277,"line":278},[2702,2706,2710,2714,2718,2722,2726,2730,2734,2738,2742,2746,2750,2754],{"type":151,"tag":275,"props":2703,"children":2704},{"style":282},[2705],{"type":161,"value":285},{"type":151,"tag":275,"props":2707,"children":2708},{"style":288},[2709],{"type":161,"value":725},{"type":151,"tag":275,"props":2711,"children":2712},{"style":294},[2713],{"type":161,"value":297},{"type":151,"tag":275,"props":2715,"children":2716},{"style":282},[2717],{"type":161,"value":302},{"type":151,"tag":275,"props":2719,"children":2720},{"style":282},[2721],{"type":161,"value":307},{"type":151,"tag":275,"props":2723,"children":2724},{"style":310},[2725],{"type":161,"value":201},{"type":151,"tag":275,"props":2727,"children":2728},{"style":282},[2729],{"type":161,"value":307},{"type":151,"tag":275,"props":2731,"children":2732},{"style":294},[2733],{"type":161,"value":322},{"type":151,"tag":275,"props":2735,"children":2736},{"style":282},[2737],{"type":161,"value":302},{"type":151,"tag":275,"props":2739,"children":2740},{"style":282},[2741],{"type":161,"value":307},{"type":151,"tag":275,"props":2743,"children":2744},{"style":310},[2745],{"type":161,"value":335},{"type":151,"tag":275,"props":2747,"children":2748},{"style":282},[2749],{"type":161,"value":307},{"type":151,"tag":275,"props":2751,"children":2752},{"style":294},[2753],{"type":161,"value":344},{"type":151,"tag":275,"props":2755,"children":2756},{"style":282},[2757],{"type":161,"value":349},{"type":151,"tag":152,"props":2759,"children":2760},{},[2761,2762,2767,2768,2773,2774,2779,2780,2785,2786,2791,2792,2797,2798,2804],{"type":161,"value":354},{"type":151,"tag":156,"props":2763,"children":2765},{"className":2764},[],[2766],{"type":161,"value":201},{"type":161,"value":361},{"type":151,"tag":156,"props":2769,"children":2771},{"className":2770},[],[2772],{"type":161,"value":367},{"type":161,"value":361},{"type":151,"tag":156,"props":2775,"children":2777},{"className":2776},[],[2778],{"type":161,"value":374},{"type":161,"value":361},{"type":151,"tag":156,"props":2781,"children":2783},{"className":2782},[],[2784],{"type":161,"value":381},{"type":161,"value":361},{"type":151,"tag":156,"props":2787,"children":2789},{"className":2788},[],[2790],{"type":161,"value":388},{"type":161,"value":361},{"type":151,"tag":156,"props":2793,"children":2795},{"className":2794},[],[2796],{"type":161,"value":396},{"type":161,"value":390},{"type":151,"tag":156,"props":2799,"children":2801},{"className":2800},[],[2802],{"type":161,"value":2803},"svg",{"type":161,"value":398},{"type":151,"tag":250,"props":2806,"children":2808},{"id":2807},"quality",[2809],{"type":151,"tag":156,"props":2810,"children":2812},{"className":2811},[],[2813],{"type":161,"value":2807},{"type":151,"tag":152,"props":2815,"children":2816},{},[2817],{"type":161,"value":2818},"The quality for the generated image(s).",{"type":151,"tag":265,"props":2820,"children":2822},{"className":267,"code":2821,"language":269,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.jpg\" quality=\"80\" width=\"200\" height=\"100\" />\n",[2823],{"type":151,"tag":156,"props":2824,"children":2825},{"__ignoreMap":139},[2826],{"type":151,"tag":275,"props":2827,"children":2828},{"class":277,"line":278},[2829,2833,2837,2841,2845,2849,2854,2858,2863,2867,2871,2876,2880,2885,2889,2893,2898,2902,2907,2911,2915,2920,2924],{"type":151,"tag":275,"props":2830,"children":2831},{"style":282},[2832],{"type":161,"value":285},{"type":151,"tag":275,"props":2834,"children":2835},{"style":288},[2836],{"type":161,"value":725},{"type":151,"tag":275,"props":2838,"children":2839},{"style":294},[2840],{"type":161,"value":322},{"type":151,"tag":275,"props":2842,"children":2843},{"style":282},[2844],{"type":161,"value":302},{"type":151,"tag":275,"props":2846,"children":2847},{"style":282},[2848],{"type":161,"value":307},{"type":151,"tag":275,"props":2850,"children":2851},{"style":310},[2852],{"type":161,"value":2853},"/nuxt.jpg",{"type":151,"tag":275,"props":2855,"children":2856},{"style":282},[2857],{"type":161,"value":307},{"type":151,"tag":275,"props":2859,"children":2860},{"style":294},[2861],{"type":161,"value":2862}," quality",{"type":151,"tag":275,"props":2864,"children":2865},{"style":282},[2866],{"type":161,"value":302},{"type":151,"tag":275,"props":2868,"children":2869},{"style":282},[2870],{"type":161,"value":307},{"type":151,"tag":275,"props":2872,"children":2873},{"style":310},[2874],{"type":161,"value":2875},"80",{"type":151,"tag":275,"props":2877,"children":2878},{"style":282},[2879],{"type":161,"value":307},{"type":151,"tag":275,"props":2881,"children":2882},{"style":294},[2883],{"type":161,"value":2884}," width",{"type":151,"tag":275,"props":2886,"children":2887},{"style":282},[2888],{"type":161,"value":302},{"type":151,"tag":275,"props":2890,"children":2891},{"style":282},[2892],{"type":161,"value":307},{"type":151,"tag":275,"props":2894,"children":2895},{"style":310},[2896],{"type":161,"value":2897},"200",{"type":151,"tag":275,"props":2899,"children":2900},{"style":282},[2901],{"type":161,"value":307},{"type":151,"tag":275,"props":2903,"children":2904},{"style":294},[2905],{"type":161,"value":2906}," height",{"type":151,"tag":275,"props":2908,"children":2909},{"style":282},[2910],{"type":161,"value":302},{"type":151,"tag":275,"props":2912,"children":2913},{"style":282},[2914],{"type":161,"value":307},{"type":151,"tag":275,"props":2916,"children":2917},{"style":310},[2918],{"type":161,"value":2919},"100",{"type":151,"tag":275,"props":2921,"children":2922},{"style":282},[2923],{"type":161,"value":307},{"type":151,"tag":275,"props":2925,"children":2926},{"style":282},[2927],{"type":161,"value":349},{"type":151,"tag":250,"props":2929,"children":2931},{"id":2930},"fit",[2932],{"type":151,"tag":156,"props":2933,"children":2935},{"className":2934},[],[2936],{"type":161,"value":2930},{"type":151,"tag":152,"props":2938,"children":2939},{},[2940,2942,2947],{"type":161,"value":2941},"The ",{"type":151,"tag":156,"props":2943,"children":2945},{"className":2944},[],[2946],{"type":161,"value":2930},{"type":161,"value":2948}," property specifies the size of the images.\nThere are five standard values you can use with this property.",{"type":151,"tag":415,"props":2950,"children":2951},{},[2952,2962,2973,2984,2995],{"type":151,"tag":419,"props":2953,"children":2954},{},[2955,2960],{"type":151,"tag":156,"props":2956,"children":2958},{"className":2957},[],[2959],{"type":161,"value":2404},{"type":161,"value":2961},": (default) Preserving aspect ratio, ensure the image covers both provided dimensions by cropping/clipping to fit",{"type":151,"tag":419,"props":2963,"children":2964},{},[2965,2971],{"type":151,"tag":156,"props":2966,"children":2968},{"className":2967},[],[2969],{"type":161,"value":2970},"contain",{"type":161,"value":2972},": Preserving aspect ratio, contain within both provided dimensions using \"letterboxing\" where necessary.",{"type":151,"tag":419,"props":2974,"children":2975},{},[2976,2982],{"type":151,"tag":156,"props":2977,"children":2979},{"className":2978},[],[2980],{"type":161,"value":2981},"fill",{"type":161,"value":2983},": Ignore the aspect ratio of the input and stretch to both provided dimensions.",{"type":151,"tag":419,"props":2985,"children":2986},{},[2987,2993],{"type":151,"tag":156,"props":2988,"children":2990},{"className":2989},[],[2991],{"type":161,"value":2992},"inside",{"type":161,"value":2994},": Preserving aspect ratio, resize the image to be as large as possible while ensuring its dimensions are less than or equal to both those specified.",{"type":151,"tag":419,"props":2996,"children":2997},{},[2998,3004],{"type":151,"tag":156,"props":2999,"children":3001},{"className":3000},[],[3002],{"type":161,"value":3003},"outside",{"type":161,"value":3005},": Preserving aspect ratio, resize the image to be as small as possible while ensuring its dimensions are greater than or equal to both those specified.",{"type":151,"tag":265,"props":3007,"children":3009},{"className":267,"code":3008,"language":269,"meta":139,"style":139},"\u003CNuxtImg fit=\"cover\" src=\"/nuxt-icon.png\" width=\"200\" height=\"100\" />\n",[3010],{"type":151,"tag":156,"props":3011,"children":3012},{"__ignoreMap":139},[3013],{"type":151,"tag":275,"props":3014,"children":3015},{"class":277,"line":278},[3016,3020,3024,3029,3033,3037,3041,3045,3049,3053,3057,3061,3065,3069,3073,3077,3081,3085,3089,3093,3097,3101,3105],{"type":151,"tag":275,"props":3017,"children":3018},{"style":282},[3019],{"type":161,"value":285},{"type":151,"tag":275,"props":3021,"children":3022},{"style":288},[3023],{"type":161,"value":725},{"type":151,"tag":275,"props":3025,"children":3026},{"style":294},[3027],{"type":161,"value":3028}," fit",{"type":151,"tag":275,"props":3030,"children":3031},{"style":282},[3032],{"type":161,"value":302},{"type":151,"tag":275,"props":3034,"children":3035},{"style":282},[3036],{"type":161,"value":307},{"type":151,"tag":275,"props":3038,"children":3039},{"style":310},[3040],{"type":161,"value":2404},{"type":151,"tag":275,"props":3042,"children":3043},{"style":282},[3044],{"type":161,"value":307},{"type":151,"tag":275,"props":3046,"children":3047},{"style":294},[3048],{"type":161,"value":322},{"type":151,"tag":275,"props":3050,"children":3051},{"style":282},[3052],{"type":161,"value":302},{"type":151,"tag":275,"props":3054,"children":3055},{"style":282},[3056],{"type":161,"value":307},{"type":151,"tag":275,"props":3058,"children":3059},{"style":310},[3060],{"type":161,"value":335},{"type":151,"tag":275,"props":3062,"children":3063},{"style":282},[3064],{"type":161,"value":307},{"type":151,"tag":275,"props":3066,"children":3067},{"style":294},[3068],{"type":161,"value":2884},{"type":151,"tag":275,"props":3070,"children":3071},{"style":282},[3072],{"type":161,"value":302},{"type":151,"tag":275,"props":3074,"children":3075},{"style":282},[3076],{"type":161,"value":307},{"type":151,"tag":275,"props":3078,"children":3079},{"style":310},[3080],{"type":161,"value":2897},{"type":151,"tag":275,"props":3082,"children":3083},{"style":282},[3084],{"type":161,"value":307},{"type":151,"tag":275,"props":3086,"children":3087},{"style":294},[3088],{"type":161,"value":2906},{"type":151,"tag":275,"props":3090,"children":3091},{"style":282},[3092],{"type":161,"value":302},{"type":151,"tag":275,"props":3094,"children":3095},{"style":282},[3096],{"type":161,"value":307},{"type":151,"tag":275,"props":3098,"children":3099},{"style":310},[3100],{"type":161,"value":2919},{"type":151,"tag":275,"props":3102,"children":3103},{"style":282},[3104],{"type":161,"value":307},{"type":151,"tag":275,"props":3106,"children":3107},{"style":282},[3108],{"type":161,"value":349},{"type":151,"tag":232,"props":3110,"children":3111},{},[3112],{"type":151,"tag":152,"props":3113,"children":3114},{},[3115],{"type":161,"value":3116},"Some providers support other values.",{"type":151,"tag":250,"props":3118,"children":3120},{"id":3119},"modifiers",[3121],{"type":151,"tag":156,"props":3122,"children":3124},{"className":3123},[],[3125],{"type":161,"value":3119},{"type":151,"tag":152,"props":3127,"children":3128},{},[3129],{"type":161,"value":3130},"In addition to the standard modifiers, each provider might have its own additional modifiers. Because these modifiers depend on the provider, refer to its documentation to know what can be used.",{"type":151,"tag":152,"props":3132,"children":3133},{},[3134,3136,3141],{"type":161,"value":3135},"Using the ",{"type":151,"tag":156,"props":3137,"children":3139},{"className":3138},[],[3140],{"type":161,"value":3119},{"type":161,"value":3142}," prop lets you use any of these transformations.",{"type":151,"tag":152,"props":3144,"children":3145},{},[3146],{"type":151,"tag":488,"props":3147,"children":3148},{},[3149],{"type":161,"value":492},{"type":151,"tag":265,"props":3151,"children":3153},{"className":267,"code":3152,"language":269,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"cloudinary\"\n  src=\"/remote/nuxt-org/blog/going-full-static/main.png\"\n  width=\"300\"\n  height=\"169\"\n  :modifiers=\"{ roundCorner: '0:100' }\"\n/>\n",[3154],{"type":151,"tag":156,"props":3155,"children":3156},{"__ignoreMap":139},[3157,3168,3192,3215,3239,3262,3287],{"type":151,"tag":275,"props":3158,"children":3159},{"class":277,"line":278},[3160,3164],{"type":151,"tag":275,"props":3161,"children":3162},{"style":282},[3163],{"type":161,"value":285},{"type":151,"tag":275,"props":3165,"children":3166},{"style":288},[3167],{"type":161,"value":1096},{"type":151,"tag":275,"props":3169,"children":3170},{"class":277,"line":514},[3171,3176,3180,3184,3188],{"type":151,"tag":275,"props":3172,"children":3173},{"style":294},[3174],{"type":161,"value":3175},"  provider",{"type":151,"tag":275,"props":3177,"children":3178},{"style":282},[3179],{"type":161,"value":302},{"type":151,"tag":275,"props":3181,"children":3182},{"style":282},[3183],{"type":161,"value":307},{"type":151,"tag":275,"props":3185,"children":3186},{"style":310},[3187],{"type":161,"value":2081},{"type":151,"tag":275,"props":3189,"children":3190},{"style":282},[3191],{"type":161,"value":537},{"type":151,"tag":275,"props":3193,"children":3194},{"class":277,"line":540},[3195,3199,3203,3207,3211],{"type":151,"tag":275,"props":3196,"children":3197},{"style":294},[3198],{"type":161,"value":520},{"type":151,"tag":275,"props":3200,"children":3201},{"style":282},[3202],{"type":161,"value":302},{"type":151,"tag":275,"props":3204,"children":3205},{"style":282},[3206],{"type":161,"value":307},{"type":151,"tag":275,"props":3208,"children":3209},{"style":310},[3210],{"type":161,"value":2106},{"type":151,"tag":275,"props":3212,"children":3213},{"style":282},[3214],{"type":161,"value":537},{"type":151,"tag":275,"props":3216,"children":3217},{"class":277,"line":566},[3218,3223,3227,3231,3235],{"type":151,"tag":275,"props":3219,"children":3220},{"style":294},[3221],{"type":161,"value":3222},"  width",{"type":151,"tag":275,"props":3224,"children":3225},{"style":282},[3226],{"type":161,"value":302},{"type":151,"tag":275,"props":3228,"children":3229},{"style":282},[3230],{"type":161,"value":307},{"type":151,"tag":275,"props":3232,"children":3233},{"style":310},[3234],{"type":161,"value":2131},{"type":151,"tag":275,"props":3236,"children":3237},{"style":282},[3238],{"type":161,"value":537},{"type":151,"tag":275,"props":3240,"children":3241},{"class":277,"line":1267},[3242,3246,3250,3254,3258],{"type":151,"tag":275,"props":3243,"children":3244},{"style":294},[3245],{"type":161,"value":1222},{"type":151,"tag":275,"props":3247,"children":3248},{"style":282},[3249],{"type":161,"value":302},{"type":151,"tag":275,"props":3251,"children":3252},{"style":282},[3253],{"type":161,"value":307},{"type":151,"tag":275,"props":3255,"children":3256},{"style":310},[3257],{"type":161,"value":2156},{"type":151,"tag":275,"props":3259,"children":3260},{"style":282},[3261],{"type":161,"value":537},{"type":151,"tag":275,"props":3263,"children":3264},{"class":277,"line":1275},[3265,3270,3274,3278,3283],{"type":151,"tag":275,"props":3266,"children":3267},{"style":294},[3268],{"type":161,"value":3269},"  :modifiers",{"type":151,"tag":275,"props":3271,"children":3272},{"style":282},[3273],{"type":161,"value":302},{"type":151,"tag":275,"props":3275,"children":3276},{"style":282},[3277],{"type":161,"value":307},{"type":151,"tag":275,"props":3279,"children":3280},{"style":310},[3281],{"type":161,"value":3282},"{ roundCorner: '0:100' }",{"type":151,"tag":275,"props":3284,"children":3285},{"style":282},[3286],{"type":161,"value":537},{"type":151,"tag":275,"props":3288,"children":3289},{"class":277,"line":1285},[3290],{"type":151,"tag":275,"props":3291,"children":3292},{"style":282},[3293],{"type":161,"value":572},{"type":151,"tag":250,"props":3295,"children":3297},{"id":3296},"preload",[3298],{"type":151,"tag":156,"props":3299,"children":3301},{"className":3300},[],[3302],{"type":161,"value":3296},{"type":151,"tag":152,"props":3304,"children":3305},{},[3306,3308,3314],{"type":161,"value":3307},"In case you want to preload the image, use this prop. This will place a corresponding ",{"type":151,"tag":156,"props":3309,"children":3311},{"className":3310},[],[3312],{"type":161,"value":3313},"link",{"type":161,"value":3315}," tag in the page's head.",{"type":151,"tag":265,"props":3317,"children":3319},{"className":267,"code":3318,"language":269,"meta":139,"style":139},"\u003CNuxtImg preload src=\"/nuxt-icon.png\" />\n",[3320],{"type":151,"tag":156,"props":3321,"children":3322},{"__ignoreMap":139},[3323],{"type":151,"tag":275,"props":3324,"children":3325},{"class":277,"line":278},[3326,3330,3334,3339,3343,3347,3351,3355,3359],{"type":151,"tag":275,"props":3327,"children":3328},{"style":282},[3329],{"type":161,"value":285},{"type":151,"tag":275,"props":3331,"children":3332},{"style":288},[3333],{"type":161,"value":725},{"type":151,"tag":275,"props":3335,"children":3336},{"style":294},[3337],{"type":161,"value":3338}," preload",{"type":151,"tag":275,"props":3340,"children":3341},{"style":294},[3342],{"type":161,"value":322},{"type":151,"tag":275,"props":3344,"children":3345},{"style":282},[3346],{"type":161,"value":302},{"type":151,"tag":275,"props":3348,"children":3349},{"style":282},[3350],{"type":161,"value":307},{"type":151,"tag":275,"props":3352,"children":3353},{"style":310},[3354],{"type":161,"value":335},{"type":151,"tag":275,"props":3356,"children":3357},{"style":282},[3358],{"type":161,"value":307},{"type":151,"tag":275,"props":3360,"children":3361},{"style":282},[3362],{"type":161,"value":349},{"type":151,"tag":250,"props":3364,"children":3366},{"id":3365},"loading",[3367],{"type":151,"tag":156,"props":3368,"children":3370},{"className":3369},[],[3371],{"type":161,"value":3365},{"type":151,"tag":152,"props":3373,"children":3374},{},[3375,3377,3384,3386,3393],{"type":161,"value":3376},"This is a ",{"type":151,"tag":185,"props":3378,"children":3381},{"href":3379,"rel":3380},"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading",[213],[3382],{"type":161,"value":3383},"native",{"type":161,"value":3385}," attribute that provides a hint\nto the browser on how to handle the loading of an image which is outside the viewport.\nIt is ",{"type":151,"tag":185,"props":3387,"children":3390},{"href":3388,"rel":3389},"https://caniuse.com/loading-lazy-attr",[213],[3391],{"type":161,"value":3392},"supported",{"type":161,"value":3394}," by the latest version of all major browsers since March 2022.",{"type":151,"tag":152,"props":3396,"children":3397},{},[3398,3400,3406],{"type":161,"value":3399},"Set ",{"type":151,"tag":156,"props":3401,"children":3403},{"className":3402},[],[3404],{"type":161,"value":3405},"loading=\"lazy\"",{"type":161,"value":3407}," to defer loading of an image until it appears in the viewport.",{"type":151,"tag":265,"props":3409,"children":3411},{"className":267,"code":3410,"language":269,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" loading=\"lazy\" />\n",[3412],{"type":151,"tag":156,"props":3413,"children":3414},{"__ignoreMap":139},[3415],{"type":151,"tag":275,"props":3416,"children":3417},{"class":277,"line":278},[3418,3422,3426,3430,3434,3438,3442,3446,3451,3455,3459,3464,3468],{"type":151,"tag":275,"props":3419,"children":3420},{"style":282},[3421],{"type":161,"value":285},{"type":151,"tag":275,"props":3423,"children":3424},{"style":288},[3425],{"type":161,"value":725},{"type":151,"tag":275,"props":3427,"children":3428},{"style":294},[3429],{"type":161,"value":322},{"type":151,"tag":275,"props":3431,"children":3432},{"style":282},[3433],{"type":161,"value":302},{"type":151,"tag":275,"props":3435,"children":3436},{"style":282},[3437],{"type":161,"value":307},{"type":151,"tag":275,"props":3439,"children":3440},{"style":310},[3441],{"type":161,"value":335},{"type":151,"tag":275,"props":3443,"children":3444},{"style":282},[3445],{"type":161,"value":307},{"type":151,"tag":275,"props":3447,"children":3448},{"style":294},[3449],{"type":161,"value":3450}," loading",{"type":151,"tag":275,"props":3452,"children":3453},{"style":282},[3454],{"type":161,"value":302},{"type":151,"tag":275,"props":3456,"children":3457},{"style":282},[3458],{"type":161,"value":307},{"type":151,"tag":275,"props":3460,"children":3461},{"style":310},[3462],{"type":161,"value":3463},"lazy",{"type":151,"tag":275,"props":3465,"children":3466},{"style":282},[3467],{"type":161,"value":307},{"type":151,"tag":275,"props":3469,"children":3470},{"style":282},[3471],{"type":161,"value":349},{"type":151,"tag":250,"props":3473,"children":3475},{"id":3474},"nonce",[3476],{"type":151,"tag":156,"props":3477,"children":3479},{"className":3478},[],[3480],{"type":161,"value":3474},{"type":151,"tag":152,"props":3482,"children":3483},{},[3484,3485,3491,3493,3499,3501,3506],{"type":161,"value":3376},{"type":151,"tag":185,"props":3486,"children":3489},{"href":3487,"rel":3488},"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce",[213],[3490],{"type":161,"value":3383},{"type":161,"value":3492}," global attribute that defines a cryptographic nonce (number used once) that can be used by Content Security Policy to determine whether or not a given fetch will be allowed to proceed for a given element.\nProviding a nonce allows you to avoid using the CSP ",{"type":151,"tag":156,"props":3494,"children":3496},{"className":3495},[],[3497],{"type":161,"value":3498},"unsafe-inline",{"type":161,"value":3500}," directive, which would allowlist ",{"type":151,"tag":1013,"props":3502,"children":3503},{},[3504],{"type":161,"value":3505},"all",{"type":161,"value":3507}," inline script or styles.",{"type":151,"tag":265,"props":3509,"children":3511},{"className":267,"code":3510,"language":269,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" :nonce=\"nonce\" />\n\n\u003Cscript lang=\"ts\" setup>\n// useNonce is not provided by nuxt/image but might be\n// provided by another module, for example nuxt-security\nconst nonce = useNonce()\n\u003C/script>\n",[3512],{"type":151,"tag":156,"props":3513,"children":3514},{"__ignoreMap":139},[3515,3571,3578,3618,3626,3634,3659],{"type":151,"tag":275,"props":3516,"children":3517},{"class":277,"line":278},[3518,3522,3526,3530,3534,3538,3542,3546,3551,3555,3559,3563,3567],{"type":151,"tag":275,"props":3519,"children":3520},{"style":282},[3521],{"type":161,"value":285},{"type":151,"tag":275,"props":3523,"children":3524},{"style":288},[3525],{"type":161,"value":725},{"type":151,"tag":275,"props":3527,"children":3528},{"style":294},[3529],{"type":161,"value":322},{"type":151,"tag":275,"props":3531,"children":3532},{"style":282},[3533],{"type":161,"value":302},{"type":151,"tag":275,"props":3535,"children":3536},{"style":282},[3537],{"type":161,"value":307},{"type":151,"tag":275,"props":3539,"children":3540},{"style":310},[3541],{"type":161,"value":335},{"type":151,"tag":275,"props":3543,"children":3544},{"style":282},[3545],{"type":161,"value":307},{"type":151,"tag":275,"props":3547,"children":3548},{"style":294},[3549],{"type":161,"value":3550}," :nonce",{"type":151,"tag":275,"props":3552,"children":3553},{"style":282},[3554],{"type":161,"value":302},{"type":151,"tag":275,"props":3556,"children":3557},{"style":282},[3558],{"type":161,"value":307},{"type":151,"tag":275,"props":3560,"children":3561},{"style":310},[3562],{"type":161,"value":3474},{"type":151,"tag":275,"props":3564,"children":3565},{"style":282},[3566],{"type":161,"value":307},{"type":151,"tag":275,"props":3568,"children":3569},{"style":282},[3570],{"type":161,"value":349},{"type":151,"tag":275,"props":3572,"children":3573},{"class":277,"line":514},[3574],{"type":151,"tag":275,"props":3575,"children":3576},{"emptyLinePlaceholder":1406},[3577],{"type":161,"value":1409},{"type":151,"tag":275,"props":3579,"children":3580},{"class":277,"line":540},[3581,3585,3589,3594,3598,3602,3606,3610,3614],{"type":151,"tag":275,"props":3582,"children":3583},{"style":282},[3584],{"type":161,"value":285},{"type":151,"tag":275,"props":3586,"children":3587},{"style":288},[3588],{"type":161,"value":1726},{"type":151,"tag":275,"props":3590,"children":3591},{"style":294},[3592],{"type":161,"value":3593}," lang",{"type":151,"tag":275,"props":3595,"children":3596},{"style":282},[3597],{"type":161,"value":302},{"type":151,"tag":275,"props":3599,"children":3600},{"style":282},[3601],{"type":161,"value":307},{"type":151,"tag":275,"props":3603,"children":3604},{"style":310},[3605],{"type":161,"value":2189},{"type":151,"tag":275,"props":3607,"children":3608},{"style":282},[3609],{"type":161,"value":307},{"type":151,"tag":275,"props":3611,"children":3612},{"style":294},[3613],{"type":161,"value":1731},{"type":151,"tag":275,"props":3615,"children":3616},{"style":282},[3617],{"type":161,"value":1736},{"type":151,"tag":275,"props":3619,"children":3620},{"class":277,"line":566},[3621],{"type":151,"tag":275,"props":3622,"children":3623},{"style":1279},[3624],{"type":161,"value":3625},"// useNonce is not provided by nuxt/image but might be\n",{"type":151,"tag":275,"props":3627,"children":3628},{"class":277,"line":1267},[3629],{"type":151,"tag":275,"props":3630,"children":3631},{"style":1279},[3632],{"type":161,"value":3633},"// provided by another module, for example nuxt-security\n",{"type":151,"tag":275,"props":3635,"children":3636},{"class":277,"line":1275},[3637,3641,3646,3650,3655],{"type":151,"tag":275,"props":3638,"children":3639},{"style":294},[3640],{"type":161,"value":1744},{"type":151,"tag":275,"props":3642,"children":3643},{"style":1747},[3644],{"type":161,"value":3645}," nonce ",{"type":151,"tag":275,"props":3647,"children":3648},{"style":282},[3649],{"type":161,"value":302},{"type":151,"tag":275,"props":3651,"children":3652},{"style":1757},[3653],{"type":161,"value":3654}," useNonce",{"type":151,"tag":275,"props":3656,"children":3657},{"style":1747},[3658],{"type":161,"value":1765},{"type":151,"tag":275,"props":3660,"children":3661},{"class":277,"line":1285},[3662,3666,3670],{"type":151,"tag":275,"props":3663,"children":3664},{"style":282},[3665],{"type":161,"value":1773},{"type":151,"tag":275,"props":3667,"children":3668},{"style":288},[3669],{"type":161,"value":1726},{"type":151,"tag":275,"props":3671,"children":3672},{"style":282},[3673],{"type":161,"value":1736},{"type":151,"tag":225,"props":3675,"children":3677},{"id":3676},"events",[3678],{"type":161,"value":3679},"Events",{"type":151,"tag":152,"props":3681,"children":3682},{},[3683,3685,3690,3692,3697,3698,3703],{"type":161,"value":3684},"Native events emitted by the ",{"type":151,"tag":156,"props":3686,"children":3688},{"className":3687},[],[3689],{"type":161,"value":613},{"type":161,"value":3691}," element contained by ",{"type":151,"tag":156,"props":3693,"children":3695},{"className":3694},[],[3696],{"type":161,"value":25},{"type":161,"value":390},{"type":151,"tag":156,"props":3699,"children":3701},{"className":3700},[],[3702],{"type":161,"value":28},{"type":161,"value":3704}," components are re-emitted and can be listened to.",{"type":151,"tag":152,"props":3706,"children":3707},{},[3708,3712,3714,3720,3722],{"type":151,"tag":488,"props":3709,"children":3710},{},[3711],{"type":161,"value":492},{"type":161,"value":3713}," Listen to the native ",{"type":151,"tag":156,"props":3715,"children":3717},{"className":3716},[],[3718],{"type":161,"value":3719},"onLoad",{"type":161,"value":3721}," event from ",{"type":151,"tag":156,"props":3723,"children":3725},{"className":3724},[],[3726],{"type":161,"value":25},{"type":151,"tag":265,"props":3728,"children":3730},{"className":267,"code":3729,"language":269,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/images/colors.jpg\"\n  width=\"500\"\n  height=\"500\"\n  @load=\"doSomethingOnLoad\"\n/>\n",[3731],{"type":151,"tag":156,"props":3732,"children":3733},{"__ignoreMap":139},[3734,3745,3769,3793,3816,3841],{"type":151,"tag":275,"props":3735,"children":3736},{"class":277,"line":278},[3737,3741],{"type":151,"tag":275,"props":3738,"children":3739},{"style":282},[3740],{"type":161,"value":285},{"type":151,"tag":275,"props":3742,"children":3743},{"style":288},[3744],{"type":161,"value":1096},{"type":151,"tag":275,"props":3746,"children":3747},{"class":277,"line":514},[3748,3752,3756,3760,3765],{"type":151,"tag":275,"props":3749,"children":3750},{"style":294},[3751],{"type":161,"value":520},{"type":151,"tag":275,"props":3753,"children":3754},{"style":282},[3755],{"type":161,"value":302},{"type":151,"tag":275,"props":3757,"children":3758},{"style":282},[3759],{"type":161,"value":307},{"type":151,"tag":275,"props":3761,"children":3762},{"style":310},[3763],{"type":161,"value":3764},"/images/colors.jpg",{"type":151,"tag":275,"props":3766,"children":3767},{"style":282},[3768],{"type":161,"value":537},{"type":151,"tag":275,"props":3770,"children":3771},{"class":277,"line":540},[3772,3776,3780,3784,3789],{"type":151,"tag":275,"props":3773,"children":3774},{"style":294},[3775],{"type":161,"value":3222},{"type":151,"tag":275,"props":3777,"children":3778},{"style":282},[3779],{"type":161,"value":302},{"type":151,"tag":275,"props":3781,"children":3782},{"style":282},[3783],{"type":161,"value":307},{"type":151,"tag":275,"props":3785,"children":3786},{"style":310},[3787],{"type":161,"value":3788},"500",{"type":151,"tag":275,"props":3790,"children":3791},{"style":282},[3792],{"type":161,"value":537},{"type":151,"tag":275,"props":3794,"children":3795},{"class":277,"line":566},[3796,3800,3804,3808,3812],{"type":151,"tag":275,"props":3797,"children":3798},{"style":294},[3799],{"type":161,"value":1222},{"type":151,"tag":275,"props":3801,"children":3802},{"style":282},[3803],{"type":161,"value":302},{"type":151,"tag":275,"props":3805,"children":3806},{"style":282},[3807],{"type":161,"value":307},{"type":151,"tag":275,"props":3809,"children":3810},{"style":310},[3811],{"type":161,"value":3788},{"type":151,"tag":275,"props":3813,"children":3814},{"style":282},[3815],{"type":161,"value":537},{"type":151,"tag":275,"props":3817,"children":3818},{"class":277,"line":1267},[3819,3824,3828,3832,3837],{"type":151,"tag":275,"props":3820,"children":3821},{"style":294},[3822],{"type":161,"value":3823},"  @load",{"type":151,"tag":275,"props":3825,"children":3826},{"style":282},[3827],{"type":161,"value":302},{"type":151,"tag":275,"props":3829,"children":3830},{"style":282},[3831],{"type":161,"value":307},{"type":151,"tag":275,"props":3833,"children":3834},{"style":310},[3835],{"type":161,"value":3836},"doSomethingOnLoad",{"type":151,"tag":275,"props":3838,"children":3839},{"style":282},[3840],{"type":161,"value":537},{"type":151,"tag":275,"props":3842,"children":3843},{"class":277,"line":1275},[3844],{"type":151,"tag":275,"props":3845,"children":3846},{"style":282},[3847],{"type":161,"value":572},{"type":151,"tag":574,"props":3849,"children":3850},{},[3851],{"type":161,"value":578},{"title":139,"searchDepth":514,"depth":514,"links":3853},[3854,3855,3872],{"id":137,"depth":514,"text":21},{"id":227,"depth":514,"text":230,"children":3856},[3857,3858,3860,3861,3862,3863,3864,3865,3866,3867,3868,3869,3870,3871],{"id":633,"depth":540,"text":633},{"id":938,"depth":540,"text":3859},"width / height",{"id":664,"depth":540,"text":664},{"id":1155,"depth":540,"text":1155},{"id":1329,"depth":540,"text":1329},{"id":1990,"depth":540,"text":1990},{"id":2318,"depth":540,"text":2318},{"id":252,"depth":540,"text":252},{"id":2807,"depth":540,"text":2807},{"id":2930,"depth":540,"text":2930},{"id":3119,"depth":540,"text":3119},{"id":3296,"depth":540,"text":3296},{"id":3365,"depth":540,"text":3365},{"id":3474,"depth":540,"text":3474},{"id":3676,"depth":514,"text":3679},"content:2.usage:1.nuxt-img.md","2.usage/1.nuxt-img.md",{"_path":32,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":31,"description":3876,"links":3877,"body":3880,"_type":586,"_id":5181,"_source":588,"_file":5182,"_extension":590},"A Vue composable that returns a helper function to generate optimized image URLs.",[3878],{"label":143,"icon":144,"to":3879,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/composables.ts",{"type":148,"children":3881,"toc":5176},[3882,3921,3925,3995,4012,4222,4232,4319,4334,4342,4468,4483,5172],{"type":151,"tag":152,"props":3883,"children":3884},{},[3885,3887,3892,3893,3898,3900,3905,3907,3913,3915,3920],{"type":161,"value":3886},"Sometimes you might need to use a generated image URL directly with applied transformations instead of the ",{"type":151,"tag":156,"props":3888,"children":3890},{"className":3889},[],[3891],{"type":161,"value":25},{"type":161,"value":390},{"type":151,"tag":156,"props":3894,"children":3896},{"className":3895},[],[3897],{"type":161,"value":28},{"type":161,"value":3899}," components. This is where ",{"type":151,"tag":156,"props":3901,"children":3903},{"className":3902},[],[3904],{"type":161,"value":31},{"type":161,"value":3906}," comes in (and the helper function it returns, which you will often see referenced directly as ",{"type":151,"tag":156,"props":3908,"children":3910},{"className":3909},[],[3911],{"type":161,"value":3912},"$img",{"type":161,"value":3914}," or ",{"type":151,"tag":156,"props":3916,"children":3918},{"className":3917},[],[3919],{"type":161,"value":481},{"type":161,"value":1006},{"type":151,"tag":225,"props":3922,"children":3923},{"id":137},[3924],{"type":161,"value":21},{"type":151,"tag":265,"props":3926,"children":3930},{"className":3927,"code":3928,"language":3929,"meta":139,"style":139},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const img = useImage()\n\nimg(src, modifiers, options)\n","js",[3931],{"type":151,"tag":156,"props":3932,"children":3933},{"__ignoreMap":139},[3934,3957,3964],{"type":151,"tag":275,"props":3935,"children":3936},{"class":277,"line":278},[3937,3941,3945,3949,3953],{"type":151,"tag":275,"props":3938,"children":3939},{"style":294},[3940],{"type":161,"value":1744},{"type":151,"tag":275,"props":3942,"children":3943},{"style":1747},[3944],{"type":161,"value":1750},{"type":151,"tag":275,"props":3946,"children":3947},{"style":282},[3948],{"type":161,"value":302},{"type":151,"tag":275,"props":3950,"children":3951},{"style":1757},[3952],{"type":161,"value":1760},{"type":151,"tag":275,"props":3954,"children":3955},{"style":1747},[3956],{"type":161,"value":1765},{"type":151,"tag":275,"props":3958,"children":3959},{"class":277,"line":514},[3960],{"type":151,"tag":275,"props":3961,"children":3962},{"emptyLinePlaceholder":1406},[3963],{"type":161,"value":1409},{"type":151,"tag":275,"props":3965,"children":3966},{"class":277,"line":540},[3967,3971,3976,3981,3986,3990],{"type":151,"tag":275,"props":3968,"children":3969},{"style":1757},[3970],{"type":161,"value":481},{"type":151,"tag":275,"props":3972,"children":3973},{"style":1747},[3974],{"type":161,"value":3975},"(src",{"type":151,"tag":275,"props":3977,"children":3978},{"style":282},[3979],{"type":161,"value":3980},",",{"type":151,"tag":275,"props":3982,"children":3983},{"style":1747},[3984],{"type":161,"value":3985}," modifiers",{"type":151,"tag":275,"props":3987,"children":3988},{"style":282},[3989],{"type":161,"value":3980},{"type":151,"tag":275,"props":3991,"children":3992},{"style":1747},[3993],{"type":161,"value":3994}," options)\n",{"type":151,"tag":152,"props":3996,"children":3997},{},[3998,4002,4004,4010],{"type":151,"tag":488,"props":3999,"children":4000},{},[4001],{"type":161,"value":492},{"type":161,"value":4003}," Generate image URL for ",{"type":151,"tag":156,"props":4005,"children":4007},{"className":4006},[],[4008],{"type":161,"value":4009},"backgroundImage",{"type":161,"value":4011}," style.",{"type":151,"tag":265,"props":4013,"children":4015},{"className":3927,"code":4014,"language":3929,"meta":139,"style":139},"const img = useImage()\nconst backgroundStyles = computed(() => {\n  const imgUrl = img('https://github.com/nuxt.png', { width: 100 })\n  return { backgroundImage: `url('${imgUrl}')` }\n})\n",[4016],{"type":151,"tag":156,"props":4017,"children":4018},{"__ignoreMap":139},[4019,4042,4081,4152,4211],{"type":151,"tag":275,"props":4020,"children":4021},{"class":277,"line":278},[4022,4026,4030,4034,4038],{"type":151,"tag":275,"props":4023,"children":4024},{"style":294},[4025],{"type":161,"value":1744},{"type":151,"tag":275,"props":4027,"children":4028},{"style":1747},[4029],{"type":161,"value":1750},{"type":151,"tag":275,"props":4031,"children":4032},{"style":282},[4033],{"type":161,"value":302},{"type":151,"tag":275,"props":4035,"children":4036},{"style":1757},[4037],{"type":161,"value":1760},{"type":151,"tag":275,"props":4039,"children":4040},{"style":1747},[4041],{"type":161,"value":1765},{"type":151,"tag":275,"props":4043,"children":4044},{"class":277,"line":514},[4045,4049,4054,4058,4063,4067,4072,4077],{"type":151,"tag":275,"props":4046,"children":4047},{"style":294},[4048],{"type":161,"value":1744},{"type":151,"tag":275,"props":4050,"children":4051},{"style":1747},[4052],{"type":161,"value":4053}," backgroundStyles ",{"type":151,"tag":275,"props":4055,"children":4056},{"style":282},[4057],{"type":161,"value":302},{"type":151,"tag":275,"props":4059,"children":4060},{"style":1757},[4061],{"type":161,"value":4062}," computed",{"type":151,"tag":275,"props":4064,"children":4065},{"style":1747},[4066],{"type":161,"value":1842},{"type":151,"tag":275,"props":4068,"children":4069},{"style":282},[4070],{"type":161,"value":4071},"()",{"type":151,"tag":275,"props":4073,"children":4074},{"style":294},[4075],{"type":161,"value":4076}," =>",{"type":151,"tag":275,"props":4078,"children":4079},{"style":282},[4080],{"type":161,"value":2239},{"type":151,"tag":275,"props":4082,"children":4083},{"class":277,"line":540},[4084,4089,4094,4099,4104,4108,4112,4117,4121,4125,4130,4134,4138,4143,4148],{"type":151,"tag":275,"props":4085,"children":4086},{"style":294},[4087],{"type":161,"value":4088},"  const",{"type":151,"tag":275,"props":4090,"children":4091},{"style":1747},[4092],{"type":161,"value":4093}," imgUrl",{"type":151,"tag":275,"props":4095,"children":4096},{"style":282},[4097],{"type":161,"value":4098}," =",{"type":151,"tag":275,"props":4100,"children":4101},{"style":1757},[4102],{"type":161,"value":4103}," img",{"type":151,"tag":275,"props":4105,"children":4106},{"style":288},[4107],{"type":161,"value":1842},{"type":151,"tag":275,"props":4109,"children":4110},{"style":282},[4111],{"type":161,"value":1895},{"type":151,"tag":275,"props":4113,"children":4114},{"style":310},[4115],{"type":161,"value":4116},"https://github.com/nuxt.png",{"type":151,"tag":275,"props":4118,"children":4119},{"style":282},[4120],{"type":161,"value":1895},{"type":151,"tag":275,"props":4122,"children":4123},{"style":282},[4124],{"type":161,"value":3980},{"type":151,"tag":275,"props":4126,"children":4127},{"style":282},[4128],{"type":161,"value":4129}," {",{"type":151,"tag":275,"props":4131,"children":4132},{"style":288},[4133],{"type":161,"value":2884},{"type":151,"tag":275,"props":4135,"children":4136},{"style":282},[4137],{"type":161,"value":2234},{"type":151,"tag":275,"props":4139,"children":4140},{"style":1874},[4141],{"type":161,"value":4142}," 100",{"type":151,"tag":275,"props":4144,"children":4145},{"style":282},[4146],{"type":161,"value":4147}," }",{"type":151,"tag":275,"props":4149,"children":4150},{"style":288},[4151],{"type":161,"value":2315},{"type":151,"tag":275,"props":4153,"children":4154},{"class":277,"line":566},[4155,4160,4164,4169,4173,4178,4183,4188,4193,4197,4202,4206],{"type":151,"tag":275,"props":4156,"children":4157},{"style":2199},[4158],{"type":161,"value":4159},"  return",{"type":151,"tag":275,"props":4161,"children":4162},{"style":282},[4163],{"type":161,"value":4129},{"type":151,"tag":275,"props":4165,"children":4166},{"style":288},[4167],{"type":161,"value":4168}," backgroundImage",{"type":151,"tag":275,"props":4170,"children":4171},{"style":282},[4172],{"type":161,"value":2234},{"type":151,"tag":275,"props":4174,"children":4175},{"style":282},[4176],{"type":161,"value":4177}," `",{"type":151,"tag":275,"props":4179,"children":4180},{"style":310},[4181],{"type":161,"value":4182},"url('",{"type":151,"tag":275,"props":4184,"children":4185},{"style":282},[4186],{"type":161,"value":4187},"${",{"type":151,"tag":275,"props":4189,"children":4190},{"style":1747},[4191],{"type":161,"value":4192},"imgUrl",{"type":151,"tag":275,"props":4194,"children":4195},{"style":282},[4196],{"type":161,"value":2310},{"type":151,"tag":275,"props":4198,"children":4199},{"style":310},[4200],{"type":161,"value":4201},"')",{"type":151,"tag":275,"props":4203,"children":4204},{"style":282},[4205],{"type":161,"value":1847},{"type":151,"tag":275,"props":4207,"children":4208},{"style":282},[4209],{"type":161,"value":4210}," }\n",{"type":151,"tag":275,"props":4212,"children":4213},{"class":277,"line":1267},[4214,4218],{"type":151,"tag":275,"props":4215,"children":4216},{"style":282},[4217],{"type":161,"value":2310},{"type":151,"tag":275,"props":4219,"children":4220},{"style":1747},[4221],{"type":161,"value":2315},{"type":151,"tag":250,"props":4223,"children":4225},{"id":4224},"imggetsizes",[4226],{"type":151,"tag":156,"props":4227,"children":4229},{"className":4228},[],[4230],{"type":161,"value":4231},"img.getSizes",{"type":151,"tag":265,"props":4233,"children":4235},{"className":3927,"code":4234,"language":3929,"meta":139,"style":139},"const img = useImage()\n\nimg.getSizes(src, { sizes, modifiers })\n",[4236],{"type":151,"tag":156,"props":4237,"children":4238},{"__ignoreMap":139},[4239,4262,4269],{"type":151,"tag":275,"props":4240,"children":4241},{"class":277,"line":278},[4242,4246,4250,4254,4258],{"type":151,"tag":275,"props":4243,"children":4244},{"style":294},[4245],{"type":161,"value":1744},{"type":151,"tag":275,"props":4247,"children":4248},{"style":1747},[4249],{"type":161,"value":1750},{"type":151,"tag":275,"props":4251,"children":4252},{"style":282},[4253],{"type":161,"value":302},{"type":151,"tag":275,"props":4255,"children":4256},{"style":1757},[4257],{"type":161,"value":1760},{"type":151,"tag":275,"props":4259,"children":4260},{"style":1747},[4261],{"type":161,"value":1765},{"type":151,"tag":275,"props":4263,"children":4264},{"class":277,"line":514},[4265],{"type":151,"tag":275,"props":4266,"children":4267},{"emptyLinePlaceholder":1406},[4268],{"type":161,"value":1409},{"type":151,"tag":275,"props":4270,"children":4271},{"class":277,"line":540},[4272,4276,4280,4285,4289,4293,4297,4302,4306,4311,4315],{"type":151,"tag":275,"props":4273,"children":4274},{"style":1747},[4275],{"type":161,"value":481},{"type":151,"tag":275,"props":4277,"children":4278},{"style":282},[4279],{"type":161,"value":223},{"type":151,"tag":275,"props":4281,"children":4282},{"style":1757},[4283],{"type":161,"value":4284},"getSizes",{"type":151,"tag":275,"props":4286,"children":4287},{"style":1747},[4288],{"type":161,"value":3975},{"type":151,"tag":275,"props":4290,"children":4291},{"style":282},[4292],{"type":161,"value":3980},{"type":151,"tag":275,"props":4294,"children":4295},{"style":282},[4296],{"type":161,"value":4129},{"type":151,"tag":275,"props":4298,"children":4299},{"style":1747},[4300],{"type":161,"value":4301}," sizes",{"type":151,"tag":275,"props":4303,"children":4304},{"style":282},[4305],{"type":161,"value":3980},{"type":151,"tag":275,"props":4307,"children":4308},{"style":1747},[4309],{"type":161,"value":4310}," modifiers ",{"type":151,"tag":275,"props":4312,"children":4313},{"style":282},[4314],{"type":161,"value":2310},{"type":151,"tag":275,"props":4316,"children":4317},{"style":1747},[4318],{"type":161,"value":2315},{"type":151,"tag":232,"props":4320,"children":4321},{},[4322],{"type":151,"tag":152,"props":4323,"children":4324},{},[4325,4327,4332],{"type":161,"value":4326},"Unstable: ",{"type":151,"tag":156,"props":4328,"children":4330},{"className":4329},[],[4331],{"type":161,"value":4284},{"type":161,"value":4333}," API might change or be removed.",{"type":151,"tag":152,"props":4335,"children":4336},{},[4337],{"type":151,"tag":488,"props":4338,"children":4339},{},[4340],{"type":161,"value":4341},"Parameters:",{"type":151,"tag":415,"props":4343,"children":4344},{},[4345,4355,4365,4423],{"type":151,"tag":419,"props":4346,"children":4347},{},[4348,4353],{"type":151,"tag":156,"props":4349,"children":4351},{"className":4350},[],[4352],{"type":161,"value":633},{"type":161,"value":4354},": (string) Source to original image id",{"type":151,"tag":419,"props":4356,"children":4357},{},[4358,4363],{"type":151,"tag":156,"props":4359,"children":4361},{"className":4360},[],[4362],{"type":161,"value":664},{"type":161,"value":4364},": (string) List of responsive image sizes ({breakpoint}:{size}{unit})",{"type":151,"tag":419,"props":4366,"children":4367},{},[4368,4373,4375],{"type":151,"tag":156,"props":4369,"children":4371},{"className":4370},[],[4372],{"type":161,"value":3119},{"type":161,"value":4374},": (object) Modifiers passed to provider for resizing and optimizing\n",{"type":151,"tag":415,"props":4376,"children":4377},{},[4378,4388,4398,4408,4418],{"type":151,"tag":419,"props":4379,"children":4380},{},[4381,4386],{"type":151,"tag":156,"props":4382,"children":4384},{"className":4383},[],[4385],{"type":161,"value":646},{"type":161,"value":4387},": resize to the specified width (in pixels)",{"type":151,"tag":419,"props":4389,"children":4390},{},[4391,4396],{"type":151,"tag":156,"props":4392,"children":4394},{"className":4393},[],[4395],{"type":161,"value":653},{"type":161,"value":4397},": resize to specified height (in pixels)",{"type":151,"tag":419,"props":4399,"children":4400},{},[4401,4406],{"type":151,"tag":156,"props":4402,"children":4404},{"className":4403},[],[4405],{"type":161,"value":2807},{"type":161,"value":4407},": Change image quality (0 to 100)",{"type":151,"tag":419,"props":4409,"children":4410},{},[4411,4416],{"type":151,"tag":156,"props":4412,"children":4414},{"className":4413},[],[4415],{"type":161,"value":252},{"type":161,"value":4417},": Change the image format",{"type":151,"tag":419,"props":4419,"children":4420},{},[4421],{"type":161,"value":4422},"(any other custom provider modifier)",{"type":151,"tag":419,"props":4424,"children":4425},{},[4426,4432,4434],{"type":151,"tag":156,"props":4427,"children":4429},{"className":4428},[],[4430],{"type":161,"value":4431},"options",{"type":161,"value":4433},": (object)\n",{"type":151,"tag":415,"props":4435,"children":4436},{},[4437,4454],{"type":151,"tag":419,"props":4438,"children":4439},{},[4440,4445,4447,4453],{"type":151,"tag":156,"props":4441,"children":4443},{"className":4442},[],[4444],{"type":161,"value":1990},{"type":161,"value":4446},": (string) Provider name other than default (see ",{"type":151,"tag":185,"props":4448,"children":4450},{"href":4449},"/get-started/configuration#providers",[4451],{"type":161,"value":4452},"providers",{"type":161,"value":980},{"type":151,"tag":419,"props":4455,"children":4456},{},[4457,4462,4464],{"type":151,"tag":156,"props":4458,"children":4460},{"className":4459},[],[4461],{"type":161,"value":2318},{"type":161,"value":4463},": Use a ",{"type":151,"tag":185,"props":4465,"children":4466},{"href":2340},[4467],{"type":161,"value":2318},{"type":151,"tag":152,"props":4469,"children":4470},{},[4471,4475,4477],{"type":151,"tag":488,"props":4472,"children":4473},{},[4474],{"type":161,"value":492},{"type":161,"value":4476}," Responsive srcset with Vuetify ",{"type":151,"tag":156,"props":4478,"children":4480},{"className":4479},[],[4481],{"type":161,"value":4482},"v-img",{"type":151,"tag":265,"props":4484,"children":4486},{"className":267,"code":4485,"language":269,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\nconst props = defineProps({\n  height: { type: [Number, String], default: 500 },\n  src: {\n    type: String,\n    default: '/img/header-bg.jpg'\n  }\n})\nconst img = useImage()\nconst _srcset = computed(() => {\n  return img.getSizes(props.src, {\n    sizes: 'xs:100vw sm:100vw md:100vw lg:100vw xl:100vw',\n    modifiers: {\n      format: 'webp',\n      quality: 70,\n      height: props.height\n    }\n  })\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cv-img\n    :lazy-src=\"img(src, { width: 10, quality: 70 })\"\n    :src=\"img(src, { height, quality: 70 })\"\n    :srcset=\"_srcset.srcset\"\n    :height=\"height\"\n    :sizes=\"_srcset.sizes\"\n  >\u003C/v-img>\n\u003C/template>\n",[4487],{"type":151,"tag":156,"props":4488,"children":4489},{"__ignoreMap":139},[4490,4529,4558,4618,4633,4654,4680,4688,4699,4722,4758,4801,4830,4846,4874,4896,4923,4932,4945,4957,4973,4981,4997,5010,5036,5062,5088,5113,5139,5156],{"type":151,"tag":275,"props":4491,"children":4492},{"class":277,"line":278},[4493,4497,4501,4505,4509,4513,4517,4521,4525],{"type":151,"tag":275,"props":4494,"children":4495},{"style":282},[4496],{"type":161,"value":285},{"type":151,"tag":275,"props":4498,"children":4499},{"style":288},[4500],{"type":161,"value":1726},{"type":151,"tag":275,"props":4502,"children":4503},{"style":294},[4504],{"type":161,"value":1731},{"type":151,"tag":275,"props":4506,"children":4507},{"style":294},[4508],{"type":161,"value":3593},{"type":151,"tag":275,"props":4510,"children":4511},{"style":282},[4512],{"type":161,"value":302},{"type":151,"tag":275,"props":4514,"children":4515},{"style":282},[4516],{"type":161,"value":307},{"type":151,"tag":275,"props":4518,"children":4519},{"style":310},[4520],{"type":161,"value":2189},{"type":151,"tag":275,"props":4522,"children":4523},{"style":282},[4524],{"type":161,"value":307},{"type":151,"tag":275,"props":4526,"children":4527},{"style":282},[4528],{"type":161,"value":1736},{"type":151,"tag":275,"props":4530,"children":4531},{"class":277,"line":514},[4532,4536,4541,4545,4550,4554],{"type":151,"tag":275,"props":4533,"children":4534},{"style":294},[4535],{"type":161,"value":1744},{"type":151,"tag":275,"props":4537,"children":4538},{"style":1747},[4539],{"type":161,"value":4540}," props ",{"type":151,"tag":275,"props":4542,"children":4543},{"style":282},[4544],{"type":161,"value":302},{"type":151,"tag":275,"props":4546,"children":4547},{"style":1757},[4548],{"type":161,"value":4549}," defineProps",{"type":151,"tag":275,"props":4551,"children":4552},{"style":1747},[4553],{"type":161,"value":1842},{"type":151,"tag":275,"props":4555,"children":4556},{"style":282},[4557],{"type":161,"value":2221},{"type":151,"tag":275,"props":4559,"children":4560},{"class":277,"line":540},[4561,4565,4569,4573,4578,4582,4587,4591,4596,4600,4604,4608,4613],{"type":151,"tag":275,"props":4562,"children":4563},{"style":288},[4564],{"type":161,"value":1222},{"type":151,"tag":275,"props":4566,"children":4567},{"style":282},[4568],{"type":161,"value":2234},{"type":151,"tag":275,"props":4570,"children":4571},{"style":282},[4572],{"type":161,"value":4129},{"type":151,"tag":275,"props":4574,"children":4575},{"style":288},[4576],{"type":161,"value":4577}," type",{"type":151,"tag":275,"props":4579,"children":4580},{"style":282},[4581],{"type":161,"value":2234},{"type":151,"tag":275,"props":4583,"children":4584},{"style":1747},[4585],{"type":161,"value":4586}," [Number",{"type":151,"tag":275,"props":4588,"children":4589},{"style":282},[4590],{"type":161,"value":3980},{"type":151,"tag":275,"props":4592,"children":4593},{"style":1747},[4594],{"type":161,"value":4595}," String]",{"type":151,"tag":275,"props":4597,"children":4598},{"style":282},[4599],{"type":161,"value":3980},{"type":151,"tag":275,"props":4601,"children":4602},{"style":288},[4603],{"type":161,"value":2207},{"type":151,"tag":275,"props":4605,"children":4606},{"style":282},[4607],{"type":161,"value":2234},{"type":151,"tag":275,"props":4609,"children":4610},{"style":1874},[4611],{"type":161,"value":4612}," 500",{"type":151,"tag":275,"props":4614,"children":4615},{"style":282},[4616],{"type":161,"value":4617}," },\n",{"type":151,"tag":275,"props":4619,"children":4620},{"class":277,"line":566},[4621,4625,4629],{"type":151,"tag":275,"props":4622,"children":4623},{"style":288},[4624],{"type":161,"value":520},{"type":151,"tag":275,"props":4626,"children":4627},{"style":282},[4628],{"type":161,"value":2234},{"type":151,"tag":275,"props":4630,"children":4631},{"style":282},[4632],{"type":161,"value":2239},{"type":151,"tag":275,"props":4634,"children":4635},{"class":277,"line":1267},[4636,4641,4645,4650],{"type":151,"tag":275,"props":4637,"children":4638},{"style":288},[4639],{"type":161,"value":4640},"    type",{"type":151,"tag":275,"props":4642,"children":4643},{"style":282},[4644],{"type":161,"value":2234},{"type":151,"tag":275,"props":4646,"children":4647},{"style":1747},[4648],{"type":161,"value":4649}," String",{"type":151,"tag":275,"props":4651,"children":4652},{"style":282},[4653],{"type":161,"value":2286},{"type":151,"tag":275,"props":4655,"children":4656},{"class":277,"line":1275},[4657,4662,4666,4670,4675],{"type":151,"tag":275,"props":4658,"children":4659},{"style":288},[4660],{"type":161,"value":4661},"    default",{"type":151,"tag":275,"props":4663,"children":4664},{"style":282},[4665],{"type":161,"value":2234},{"type":151,"tag":275,"props":4667,"children":4668},{"style":282},[4669],{"type":161,"value":2272},{"type":151,"tag":275,"props":4671,"children":4672},{"style":310},[4673],{"type":161,"value":4674},"/img/header-bg.jpg",{"type":151,"tag":275,"props":4676,"children":4677},{"style":282},[4678],{"type":161,"value":4679},"'\n",{"type":151,"tag":275,"props":4681,"children":4682},{"class":277,"line":1285},[4683],{"type":151,"tag":275,"props":4684,"children":4685},{"style":282},[4686],{"type":161,"value":4687},"  }\n",{"type":151,"tag":275,"props":4689,"children":4690},{"class":277,"line":1294},[4691,4695],{"type":151,"tag":275,"props":4692,"children":4693},{"style":282},[4694],{"type":161,"value":2310},{"type":151,"tag":275,"props":4696,"children":4697},{"style":1747},[4698],{"type":161,"value":2315},{"type":151,"tag":275,"props":4700,"children":4701},{"class":277,"line":1303},[4702,4706,4710,4714,4718],{"type":151,"tag":275,"props":4703,"children":4704},{"style":294},[4705],{"type":161,"value":1744},{"type":151,"tag":275,"props":4707,"children":4708},{"style":1747},[4709],{"type":161,"value":1750},{"type":151,"tag":275,"props":4711,"children":4712},{"style":282},[4713],{"type":161,"value":302},{"type":151,"tag":275,"props":4715,"children":4716},{"style":1757},[4717],{"type":161,"value":1760},{"type":151,"tag":275,"props":4719,"children":4720},{"style":1747},[4721],{"type":161,"value":1765},{"type":151,"tag":275,"props":4723,"children":4724},{"class":277,"line":1312},[4725,4729,4734,4738,4742,4746,4750,4754],{"type":151,"tag":275,"props":4726,"children":4727},{"style":294},[4728],{"type":161,"value":1744},{"type":151,"tag":275,"props":4730,"children":4731},{"style":1747},[4732],{"type":161,"value":4733}," _srcset ",{"type":151,"tag":275,"props":4735,"children":4736},{"style":282},[4737],{"type":161,"value":302},{"type":151,"tag":275,"props":4739,"children":4740},{"style":1757},[4741],{"type":161,"value":4062},{"type":151,"tag":275,"props":4743,"children":4744},{"style":1747},[4745],{"type":161,"value":1842},{"type":151,"tag":275,"props":4747,"children":4748},{"style":282},[4749],{"type":161,"value":4071},{"type":151,"tag":275,"props":4751,"children":4752},{"style":294},[4753],{"type":161,"value":4076},{"type":151,"tag":275,"props":4755,"children":4756},{"style":282},[4757],{"type":161,"value":2239},{"type":151,"tag":275,"props":4759,"children":4760},{"class":277,"line":1320},[4761,4765,4769,4773,4777,4781,4785,4789,4793,4797],{"type":151,"tag":275,"props":4762,"children":4763},{"style":2199},[4764],{"type":161,"value":4159},{"type":151,"tag":275,"props":4766,"children":4767},{"style":1747},[4768],{"type":161,"value":4103},{"type":151,"tag":275,"props":4770,"children":4771},{"style":282},[4772],{"type":161,"value":223},{"type":151,"tag":275,"props":4774,"children":4775},{"style":1757},[4776],{"type":161,"value":4284},{"type":151,"tag":275,"props":4778,"children":4779},{"style":288},[4780],{"type":161,"value":1842},{"type":151,"tag":275,"props":4782,"children":4783},{"style":1747},[4784],{"type":161,"value":227},{"type":151,"tag":275,"props":4786,"children":4787},{"style":282},[4788],{"type":161,"value":223},{"type":151,"tag":275,"props":4790,"children":4791},{"style":1747},[4792],{"type":161,"value":633},{"type":151,"tag":275,"props":4794,"children":4795},{"style":282},[4796],{"type":161,"value":3980},{"type":151,"tag":275,"props":4798,"children":4799},{"style":282},[4800],{"type":161,"value":2239},{"type":151,"tag":275,"props":4802,"children":4803},{"class":277,"line":1619},[4804,4809,4813,4817,4822,4826],{"type":151,"tag":275,"props":4805,"children":4806},{"style":288},[4807],{"type":161,"value":4808},"    sizes",{"type":151,"tag":275,"props":4810,"children":4811},{"style":282},[4812],{"type":161,"value":2234},{"type":151,"tag":275,"props":4814,"children":4815},{"style":282},[4816],{"type":161,"value":2272},{"type":151,"tag":275,"props":4818,"children":4819},{"style":310},[4820],{"type":161,"value":4821},"xs:100vw sm:100vw md:100vw lg:100vw xl:100vw",{"type":151,"tag":275,"props":4823,"children":4824},{"style":282},[4825],{"type":161,"value":1895},{"type":151,"tag":275,"props":4827,"children":4828},{"style":282},[4829],{"type":161,"value":2286},{"type":151,"tag":275,"props":4831,"children":4832},{"class":277,"line":1627},[4833,4838,4842],{"type":151,"tag":275,"props":4834,"children":4835},{"style":288},[4836],{"type":161,"value":4837},"    modifiers",{"type":151,"tag":275,"props":4839,"children":4840},{"style":282},[4841],{"type":161,"value":2234},{"type":151,"tag":275,"props":4843,"children":4844},{"style":282},[4845],{"type":161,"value":2239},{"type":151,"tag":275,"props":4847,"children":4848},{"class":277,"line":1636},[4849,4854,4858,4862,4866,4870],{"type":151,"tag":275,"props":4850,"children":4851},{"style":288},[4852],{"type":161,"value":4853},"      format",{"type":151,"tag":275,"props":4855,"children":4856},{"style":282},[4857],{"type":161,"value":2234},{"type":151,"tag":275,"props":4859,"children":4860},{"style":282},[4861],{"type":161,"value":2272},{"type":151,"tag":275,"props":4863,"children":4864},{"style":310},[4865],{"type":161,"value":201},{"type":151,"tag":275,"props":4867,"children":4868},{"style":282},[4869],{"type":161,"value":1895},{"type":151,"tag":275,"props":4871,"children":4872},{"style":282},[4873],{"type":161,"value":2286},{"type":151,"tag":275,"props":4875,"children":4877},{"class":277,"line":4876},15,[4878,4883,4887,4892],{"type":151,"tag":275,"props":4879,"children":4880},{"style":288},[4881],{"type":161,"value":4882},"      quality",{"type":151,"tag":275,"props":4884,"children":4885},{"style":282},[4886],{"type":161,"value":2234},{"type":151,"tag":275,"props":4888,"children":4889},{"style":1874},[4890],{"type":161,"value":4891}," 70",{"type":151,"tag":275,"props":4893,"children":4894},{"style":282},[4895],{"type":161,"value":2286},{"type":151,"tag":275,"props":4897,"children":4899},{"class":277,"line":4898},16,[4900,4905,4909,4914,4918],{"type":151,"tag":275,"props":4901,"children":4902},{"style":288},[4903],{"type":161,"value":4904},"      height",{"type":151,"tag":275,"props":4906,"children":4907},{"style":282},[4908],{"type":161,"value":2234},{"type":151,"tag":275,"props":4910,"children":4911},{"style":1747},[4912],{"type":161,"value":4913}," props",{"type":151,"tag":275,"props":4915,"children":4916},{"style":282},[4917],{"type":161,"value":223},{"type":151,"tag":275,"props":4919,"children":4920},{"style":1747},[4921],{"type":161,"value":4922},"height\n",{"type":151,"tag":275,"props":4924,"children":4926},{"class":277,"line":4925},17,[4927],{"type":151,"tag":275,"props":4928,"children":4929},{"style":282},[4930],{"type":161,"value":4931},"    }\n",{"type":151,"tag":275,"props":4933,"children":4935},{"class":277,"line":4934},18,[4936,4941],{"type":151,"tag":275,"props":4937,"children":4938},{"style":282},[4939],{"type":161,"value":4940},"  }",{"type":151,"tag":275,"props":4942,"children":4943},{"style":288},[4944],{"type":161,"value":2315},{"type":151,"tag":275,"props":4946,"children":4948},{"class":277,"line":4947},19,[4949,4953],{"type":151,"tag":275,"props":4950,"children":4951},{"style":282},[4952],{"type":161,"value":2310},{"type":151,"tag":275,"props":4954,"children":4955},{"style":1747},[4956],{"type":161,"value":2315},{"type":151,"tag":275,"props":4958,"children":4960},{"class":277,"line":4959},20,[4961,4965,4969],{"type":151,"tag":275,"props":4962,"children":4963},{"style":282},[4964],{"type":161,"value":1773},{"type":151,"tag":275,"props":4966,"children":4967},{"style":288},[4968],{"type":161,"value":1726},{"type":151,"tag":275,"props":4970,"children":4971},{"style":282},[4972],{"type":161,"value":1736},{"type":151,"tag":275,"props":4974,"children":4976},{"class":277,"line":4975},21,[4977],{"type":151,"tag":275,"props":4978,"children":4979},{"emptyLinePlaceholder":1406},[4980],{"type":161,"value":1409},{"type":151,"tag":275,"props":4982,"children":4984},{"class":277,"line":4983},22,[4985,4989,4993],{"type":151,"tag":275,"props":4986,"children":4987},{"style":282},[4988],{"type":161,"value":285},{"type":151,"tag":275,"props":4990,"children":4991},{"style":288},[4992],{"type":161,"value":1800},{"type":151,"tag":275,"props":4994,"children":4995},{"style":282},[4996],{"type":161,"value":1736},{"type":151,"tag":275,"props":4998,"children":5000},{"class":277,"line":4999},23,[5001,5005],{"type":151,"tag":275,"props":5002,"children":5003},{"style":282},[5004],{"type":161,"value":1812},{"type":151,"tag":275,"props":5006,"children":5007},{"style":288},[5008],{"type":161,"value":5009},"v-img\n",{"type":151,"tag":275,"props":5011,"children":5013},{"class":277,"line":5012},24,[5014,5019,5023,5027,5032],{"type":151,"tag":275,"props":5015,"children":5016},{"style":294},[5017],{"type":161,"value":5018},"    :lazy-src",{"type":151,"tag":275,"props":5020,"children":5021},{"style":282},[5022],{"type":161,"value":302},{"type":151,"tag":275,"props":5024,"children":5025},{"style":282},[5026],{"type":161,"value":307},{"type":151,"tag":275,"props":5028,"children":5029},{"style":310},[5030],{"type":161,"value":5031},"img(src, { width: 10, quality: 70 })",{"type":151,"tag":275,"props":5033,"children":5034},{"style":282},[5035],{"type":161,"value":537},{"type":151,"tag":275,"props":5037,"children":5039},{"class":277,"line":5038},25,[5040,5045,5049,5053,5058],{"type":151,"tag":275,"props":5041,"children":5042},{"style":294},[5043],{"type":161,"value":5044},"    :src",{"type":151,"tag":275,"props":5046,"children":5047},{"style":282},[5048],{"type":161,"value":302},{"type":151,"tag":275,"props":5050,"children":5051},{"style":282},[5052],{"type":161,"value":307},{"type":151,"tag":275,"props":5054,"children":5055},{"style":310},[5056],{"type":161,"value":5057},"img(src, { height, quality: 70 })",{"type":151,"tag":275,"props":5059,"children":5060},{"style":282},[5061],{"type":161,"value":537},{"type":151,"tag":275,"props":5063,"children":5065},{"class":277,"line":5064},26,[5066,5071,5075,5079,5084],{"type":151,"tag":275,"props":5067,"children":5068},{"style":294},[5069],{"type":161,"value":5070},"    :srcset",{"type":151,"tag":275,"props":5072,"children":5073},{"style":282},[5074],{"type":161,"value":302},{"type":151,"tag":275,"props":5076,"children":5077},{"style":282},[5078],{"type":161,"value":307},{"type":151,"tag":275,"props":5080,"children":5081},{"style":310},[5082],{"type":161,"value":5083},"_srcset.srcset",{"type":151,"tag":275,"props":5085,"children":5086},{"style":282},[5087],{"type":161,"value":537},{"type":151,"tag":275,"props":5089,"children":5091},{"class":277,"line":5090},27,[5092,5097,5101,5105,5109],{"type":151,"tag":275,"props":5093,"children":5094},{"style":294},[5095],{"type":161,"value":5096},"    :height",{"type":151,"tag":275,"props":5098,"children":5099},{"style":282},[5100],{"type":161,"value":302},{"type":151,"tag":275,"props":5102,"children":5103},{"style":282},[5104],{"type":161,"value":307},{"type":151,"tag":275,"props":5106,"children":5107},{"style":310},[5108],{"type":161,"value":653},{"type":151,"tag":275,"props":5110,"children":5111},{"style":282},[5112],{"type":161,"value":537},{"type":151,"tag":275,"props":5114,"children":5116},{"class":277,"line":5115},28,[5117,5122,5126,5130,5135],{"type":151,"tag":275,"props":5118,"children":5119},{"style":294},[5120],{"type":161,"value":5121},"    :sizes",{"type":151,"tag":275,"props":5123,"children":5124},{"style":282},[5125],{"type":161,"value":302},{"type":151,"tag":275,"props":5127,"children":5128},{"style":282},[5129],{"type":161,"value":307},{"type":151,"tag":275,"props":5131,"children":5132},{"style":310},[5133],{"type":161,"value":5134},"_srcset.sizes",{"type":151,"tag":275,"props":5136,"children":5137},{"style":282},[5138],{"type":161,"value":537},{"type":151,"tag":275,"props":5140,"children":5142},{"class":277,"line":5141},29,[5143,5148,5152],{"type":151,"tag":275,"props":5144,"children":5145},{"style":282},[5146],{"type":161,"value":5147},"  >\u003C/",{"type":151,"tag":275,"props":5149,"children":5150},{"style":288},[5151],{"type":161,"value":4482},{"type":151,"tag":275,"props":5153,"children":5154},{"style":282},[5155],{"type":161,"value":1736},{"type":151,"tag":275,"props":5157,"children":5159},{"class":277,"line":5158},30,[5160,5164,5168],{"type":151,"tag":275,"props":5161,"children":5162},{"style":282},[5163],{"type":161,"value":1773},{"type":151,"tag":275,"props":5165,"children":5166},{"style":288},[5167],{"type":161,"value":1800},{"type":151,"tag":275,"props":5169,"children":5170},{"style":282},[5171],{"type":161,"value":1736},{"type":151,"tag":574,"props":5173,"children":5174},{},[5175],{"type":161,"value":578},{"title":139,"searchDepth":514,"depth":514,"links":5177},[5178],{"id":137,"depth":514,"text":21,"children":5179},[5180],{"id":4224,"depth":540,"text":4231},"content:2.usage:3.use-image.md","2.usage/3.use-image.md",1711373837240]