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