[{"data":1,"prerenderedAt":6213},["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,4913],{"_path":26,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":25,"description":632,"links":633,"body":636,"_type":624,"_id":4910,"_source":626,"_file":4911,"_stem":4912,"_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":4886},[638,654,718,722,746,789,794,836,866,870,879,913,940,1023,1030,1473,1485,1493,1498,1523,1566,1590,1606,1611,1635,1643,1664,1677,1710,1774,1782,1787,1799,1811,1862,1869,1944,1953,1958,1965,2109,2117,2122,2135,2140,2480,2495,2774,2783,2802,2952,3029,3038,3057,3064,3353,3362,3367,3388,3716,3724,3729,3795,3842,3851,3856,3965,3974,3985,4042,4145,4153,4162,4167,4179,4186,4329,4338,4351,4398,4407,4429,4442,4506,4515,4542,4708,4714,4739,4761,4882],{"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":873},{"id":872},"custom",[874],{"type":151,"tag":156,"props":875,"children":877},{"className":876},[],[878],{"type":161,"value":872},{"type":151,"tag":152,"props":880,"children":881},{},[882,884,889,891,896,898,903,905,911],{"type":161,"value":883},"The ",{"type":151,"tag":156,"props":885,"children":887},{"className":886},[],[888],{"type":161,"value":872},{"type":161,"value":890}," prop determines whether ",{"type":151,"tag":156,"props":892,"children":894},{"className":893},[],[895],{"type":161,"value":25},{"type":161,"value":897}," should render as a simple ",{"type":151,"tag":156,"props":899,"children":901},{"className":900},[],[902],{"type":161,"value":652},{"type":161,"value":904}," element or only serve as a provider for custom rendering. When set to ",{"type":151,"tag":156,"props":906,"children":908},{"className":907},[],[909],{"type":161,"value":910},"true",{"type":161,"value":912},", it disables the default rendering behavior, allowing full control over how the image is displayed. This is useful for implementing custom functionalities, such as placeholders.",{"type":151,"tag":152,"props":914,"children":915},{},[916,918,923,925,930,932,938],{"type":161,"value":917},"When using the ",{"type":151,"tag":156,"props":919,"children":921},{"className":920},[],[922],{"type":161,"value":872},{"type":161,"value":924}," prop, ",{"type":151,"tag":156,"props":926,"children":928},{"className":927},[],[929],{"type":161,"value":25},{"type":161,"value":931}," passes necessary data and attributes to its default slot. You can access the following values via the ",{"type":151,"tag":156,"props":933,"children":935},{"className":934},[],[936],{"type":161,"value":937},"v-slot",{"type":161,"value":939}," directive:",{"type":151,"tag":453,"props":941,"children":942},{},[943,996,1009],{"type":151,"tag":457,"props":944,"children":945},{},[946,954,956,961,963,969,970,975,976,981,982,988,989,994],{"type":151,"tag":526,"props":947,"children":948},{},[949],{"type":151,"tag":156,"props":950,"children":952},{"className":951},[],[953],{"type":161,"value":508},{"type":161,"value":955},": Attributes for the ",{"type":151,"tag":156,"props":957,"children":959},{"className":958},[],[960],{"type":161,"value":652},{"type":161,"value":962}," element (e.g., ",{"type":151,"tag":156,"props":964,"children":966},{"className":965},[],[967],{"type":161,"value":968},"alt",{"type":161,"value":247},{"type":151,"tag":156,"props":971,"children":973},{"className":972},[],[974],{"type":161,"value":685},{"type":161,"value":247},{"type":151,"tag":156,"props":977,"children":979},{"className":978},[],[980],{"type":161,"value":692},{"type":161,"value":247},{"type":151,"tag":156,"props":983,"children":985},{"className":984},[],[986],{"type":161,"value":987},"srcset",{"type":161,"value":247},{"type":151,"tag":156,"props":990,"children":992},{"className":991},[],[993],{"type":161,"value":703},{"type":161,"value":995},").",{"type":151,"tag":457,"props":997,"children":998},{},[999,1007],{"type":151,"tag":526,"props":1000,"children":1001},{},[1002],{"type":151,"tag":156,"props":1003,"children":1005},{"className":1004},[],[1006],{"type":161,"value":672},{"type":161,"value":1008},": The computed image source URL.",{"type":151,"tag":457,"props":1010,"children":1011},{},[1012,1021],{"type":151,"tag":526,"props":1013,"children":1014},{},[1015],{"type":151,"tag":156,"props":1016,"children":1018},{"className":1017},[],[1019],{"type":161,"value":1020},"isLoaded",{"type":161,"value":1022},": A boolean indicating whether the image has been loaded.",{"type":151,"tag":1024,"props":1025,"children":1027},"h4",{"id":1026},"example-usage",[1028],{"type":161,"value":1029},"Example Usage",{"type":151,"tag":304,"props":1031,"children":1033},{"className":306,"code":1032,"language":308,"meta":139,"style":139},"\u003Cnuxt-img\n src=\"/images/nuxt.png\"\n alt=\"image\"\n width=\"400\" \n height=\"400\" \n :custom=\"true\"\n v-slot=\"{ src, isLoaded, imgAttrs }\"\n>\n \u003C!-- Show the actual image when loaded -->\n \u003Cimg \n v-if=\"isLoaded\" \n v-bind=\"imgAttrs\" \n :src=\"src\" \n />\n\n \u003C!-- Show a placeholder while loading -->\n \u003Cimg \n v-else \n src=\"https://placehold.co/400x400\" \n alt=\"placeholder\" \n />\n\u003C/nuxt-img>\n",[1034],{"type":151,"tag":156,"props":1035,"children":1036},{"__ignoreMap":139},[1037,1049,1073,1098,1128,1157,1182,1208,1217,1227,1244,1273,1302,1331,1340,1350,1359,1375,1388,1418,1448,1456],{"type":151,"tag":314,"props":1038,"children":1039},{"class":316,"line":317},[1040,1044],{"type":151,"tag":314,"props":1041,"children":1042},{"style":321},[1043],{"type":161,"value":324},{"type":151,"tag":314,"props":1045,"children":1046},{"style":327},[1047],{"type":161,"value":1048},"nuxt-img\n",{"type":151,"tag":314,"props":1050,"children":1051},{"class":316,"line":552},[1052,1056,1060,1064,1069],{"type":151,"tag":314,"props":1053,"children":1054},{"style":333},[1055],{"type":161,"value":558},{"type":151,"tag":314,"props":1057,"children":1058},{"style":321},[1059],{"type":161,"value":341},{"type":151,"tag":314,"props":1061,"children":1062},{"style":321},[1063],{"type":161,"value":346},{"type":151,"tag":314,"props":1065,"children":1066},{"style":349},[1067],{"type":161,"value":1068},"/images/nuxt.png",{"type":151,"tag":314,"props":1070,"children":1071},{"style":321},[1072],{"type":161,"value":575},{"type":151,"tag":314,"props":1074,"children":1075},{"class":316,"line":578},[1076,1081,1085,1089,1094],{"type":151,"tag":314,"props":1077,"children":1078},{"style":333},[1079],{"type":161,"value":1080}," alt",{"type":151,"tag":314,"props":1082,"children":1083},{"style":321},[1084],{"type":161,"value":341},{"type":151,"tag":314,"props":1086,"children":1087},{"style":321},[1088],{"type":161,"value":346},{"type":151,"tag":314,"props":1090,"children":1091},{"style":349},[1092],{"type":161,"value":1093},"image",{"type":151,"tag":314,"props":1095,"children":1096},{"style":321},[1097],{"type":161,"value":575},{"type":151,"tag":314,"props":1099,"children":1100},{"class":316,"line":604},[1101,1106,1110,1114,1119,1123],{"type":151,"tag":314,"props":1102,"children":1103},{"style":333},[1104],{"type":161,"value":1105}," width",{"type":151,"tag":314,"props":1107,"children":1108},{"style":321},[1109],{"type":161,"value":341},{"type":151,"tag":314,"props":1111,"children":1112},{"style":321},[1113],{"type":161,"value":346},{"type":151,"tag":314,"props":1115,"children":1116},{"style":349},[1117],{"type":161,"value":1118},"400",{"type":151,"tag":314,"props":1120,"children":1121},{"style":321},[1122],{"type":161,"value":346},{"type":151,"tag":314,"props":1124,"children":1125},{"style":321},[1126],{"type":161,"value":1127}," \n",{"type":151,"tag":314,"props":1129,"children":1131},{"class":316,"line":1130},5,[1132,1137,1141,1145,1149,1153],{"type":151,"tag":314,"props":1133,"children":1134},{"style":333},[1135],{"type":161,"value":1136}," height",{"type":151,"tag":314,"props":1138,"children":1139},{"style":321},[1140],{"type":161,"value":341},{"type":151,"tag":314,"props":1142,"children":1143},{"style":321},[1144],{"type":161,"value":346},{"type":151,"tag":314,"props":1146,"children":1147},{"style":349},[1148],{"type":161,"value":1118},{"type":151,"tag":314,"props":1150,"children":1151},{"style":321},[1152],{"type":161,"value":346},{"type":151,"tag":314,"props":1154,"children":1155},{"style":321},[1156],{"type":161,"value":1127},{"type":151,"tag":314,"props":1158,"children":1160},{"class":316,"line":1159},6,[1161,1166,1170,1174,1178],{"type":151,"tag":314,"props":1162,"children":1163},{"style":333},[1164],{"type":161,"value":1165}," :custom",{"type":151,"tag":314,"props":1167,"children":1168},{"style":321},[1169],{"type":161,"value":341},{"type":151,"tag":314,"props":1171,"children":1172},{"style":321},[1173],{"type":161,"value":346},{"type":151,"tag":314,"props":1175,"children":1176},{"style":349},[1177],{"type":161,"value":910},{"type":151,"tag":314,"props":1179,"children":1180},{"style":321},[1181],{"type":161,"value":575},{"type":151,"tag":314,"props":1183,"children":1185},{"class":316,"line":1184},7,[1186,1191,1195,1199,1204],{"type":151,"tag":314,"props":1187,"children":1188},{"style":333},[1189],{"type":161,"value":1190}," v-slot",{"type":151,"tag":314,"props":1192,"children":1193},{"style":321},[1194],{"type":161,"value":341},{"type":151,"tag":314,"props":1196,"children":1197},{"style":321},[1198],{"type":161,"value":346},{"type":151,"tag":314,"props":1200,"children":1201},{"style":349},[1202],{"type":161,"value":1203},"{ src, isLoaded, imgAttrs }",{"type":151,"tag":314,"props":1205,"children":1206},{"style":321},[1207],{"type":161,"value":575},{"type":151,"tag":314,"props":1209,"children":1211},{"class":316,"line":1210},8,[1212],{"type":151,"tag":314,"props":1213,"children":1214},{"style":321},[1215],{"type":161,"value":1216},">\n",{"type":151,"tag":314,"props":1218,"children":1220},{"class":316,"line":1219},9,[1221],{"type":151,"tag":314,"props":1222,"children":1224},{"style":1223},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1225],{"type":161,"value":1226}," \u003C!-- Show the actual image when loaded -->\n",{"type":151,"tag":314,"props":1228,"children":1230},{"class":316,"line":1229},10,[1231,1236,1240],{"type":151,"tag":314,"props":1232,"children":1233},{"style":321},[1234],{"type":161,"value":1235}," \u003C",{"type":151,"tag":314,"props":1237,"children":1238},{"style":327},[1239],{"type":161,"value":519},{"type":151,"tag":314,"props":1241,"children":1242},{"style":321},[1243],{"type":161,"value":1127},{"type":151,"tag":314,"props":1245,"children":1247},{"class":316,"line":1246},11,[1248,1253,1257,1261,1265,1269],{"type":151,"tag":314,"props":1249,"children":1250},{"style":333},[1251],{"type":161,"value":1252}," v-if",{"type":151,"tag":314,"props":1254,"children":1255},{"style":321},[1256],{"type":161,"value":341},{"type":151,"tag":314,"props":1258,"children":1259},{"style":321},[1260],{"type":161,"value":346},{"type":151,"tag":314,"props":1262,"children":1263},{"style":349},[1264],{"type":161,"value":1020},{"type":151,"tag":314,"props":1266,"children":1267},{"style":321},[1268],{"type":161,"value":346},{"type":151,"tag":314,"props":1270,"children":1271},{"style":321},[1272],{"type":161,"value":1127},{"type":151,"tag":314,"props":1274,"children":1276},{"class":316,"line":1275},12,[1277,1282,1286,1290,1294,1298],{"type":151,"tag":314,"props":1278,"children":1279},{"style":333},[1280],{"type":161,"value":1281}," v-bind",{"type":151,"tag":314,"props":1283,"children":1284},{"style":321},[1285],{"type":161,"value":341},{"type":151,"tag":314,"props":1287,"children":1288},{"style":321},[1289],{"type":161,"value":346},{"type":151,"tag":314,"props":1291,"children":1292},{"style":349},[1293],{"type":161,"value":508},{"type":151,"tag":314,"props":1295,"children":1296},{"style":321},[1297],{"type":161,"value":346},{"type":151,"tag":314,"props":1299,"children":1300},{"style":321},[1301],{"type":161,"value":1127},{"type":151,"tag":314,"props":1303,"children":1305},{"class":316,"line":1304},13,[1306,1311,1315,1319,1323,1327],{"type":151,"tag":314,"props":1307,"children":1308},{"style":333},[1309],{"type":161,"value":1310}," :src",{"type":151,"tag":314,"props":1312,"children":1313},{"style":321},[1314],{"type":161,"value":341},{"type":151,"tag":314,"props":1316,"children":1317},{"style":321},[1318],{"type":161,"value":346},{"type":151,"tag":314,"props":1320,"children":1321},{"style":349},[1322],{"type":161,"value":672},{"type":151,"tag":314,"props":1324,"children":1325},{"style":321},[1326],{"type":161,"value":346},{"type":151,"tag":314,"props":1328,"children":1329},{"style":321},[1330],{"type":161,"value":1127},{"type":151,"tag":314,"props":1332,"children":1334},{"class":316,"line":1333},14,[1335],{"type":151,"tag":314,"props":1336,"children":1337},{"style":321},[1338],{"type":161,"value":1339}," />\n",{"type":151,"tag":314,"props":1341,"children":1343},{"class":316,"line":1342},15,[1344],{"type":151,"tag":314,"props":1345,"children":1347},{"emptyLinePlaceholder":1346},true,[1348],{"type":161,"value":1349},"\n",{"type":151,"tag":314,"props":1351,"children":1353},{"class":316,"line":1352},16,[1354],{"type":151,"tag":314,"props":1355,"children":1356},{"style":1223},[1357],{"type":161,"value":1358}," \u003C!-- Show a placeholder while loading -->\n",{"type":151,"tag":314,"props":1360,"children":1362},{"class":316,"line":1361},17,[1363,1367,1371],{"type":151,"tag":314,"props":1364,"children":1365},{"style":321},[1366],{"type":161,"value":1235},{"type":151,"tag":314,"props":1368,"children":1369},{"style":327},[1370],{"type":161,"value":519},{"type":151,"tag":314,"props":1372,"children":1373},{"style":321},[1374],{"type":161,"value":1127},{"type":151,"tag":314,"props":1376,"children":1378},{"class":316,"line":1377},18,[1379,1384],{"type":151,"tag":314,"props":1380,"children":1381},{"style":333},[1382],{"type":161,"value":1383}," v-else",{"type":151,"tag":314,"props":1385,"children":1386},{"style":321},[1387],{"type":161,"value":1127},{"type":151,"tag":314,"props":1389,"children":1391},{"class":316,"line":1390},19,[1392,1397,1401,1405,1410,1414],{"type":151,"tag":314,"props":1393,"children":1394},{"style":333},[1395],{"type":161,"value":1396}," src",{"type":151,"tag":314,"props":1398,"children":1399},{"style":321},[1400],{"type":161,"value":341},{"type":151,"tag":314,"props":1402,"children":1403},{"style":321},[1404],{"type":161,"value":346},{"type":151,"tag":314,"props":1406,"children":1407},{"style":349},[1408],{"type":161,"value":1409},"https://placehold.co/400x400",{"type":151,"tag":314,"props":1411,"children":1412},{"style":321},[1413],{"type":161,"value":346},{"type":151,"tag":314,"props":1415,"children":1416},{"style":321},[1417],{"type":161,"value":1127},{"type":151,"tag":314,"props":1419,"children":1421},{"class":316,"line":1420},20,[1422,1427,1431,1435,1440,1444],{"type":151,"tag":314,"props":1423,"children":1424},{"style":333},[1425],{"type":161,"value":1426}," alt",{"type":151,"tag":314,"props":1428,"children":1429},{"style":321},[1430],{"type":161,"value":341},{"type":151,"tag":314,"props":1432,"children":1433},{"style":321},[1434],{"type":161,"value":346},{"type":151,"tag":314,"props":1436,"children":1437},{"style":349},[1438],{"type":161,"value":1439},"placeholder",{"type":151,"tag":314,"props":1441,"children":1442},{"style":321},[1443],{"type":161,"value":346},{"type":151,"tag":314,"props":1445,"children":1446},{"style":321},[1447],{"type":161,"value":1127},{"type":151,"tag":314,"props":1449,"children":1451},{"class":316,"line":1450},21,[1452],{"type":151,"tag":314,"props":1453,"children":1454},{"style":321},[1455],{"type":161,"value":1339},{"type":151,"tag":314,"props":1457,"children":1459},{"class":316,"line":1458},22,[1460,1465,1469],{"type":151,"tag":314,"props":1461,"children":1462},{"style":321},[1463],{"type":161,"value":1464},"\u003C/",{"type":151,"tag":314,"props":1466,"children":1467},{"style":327},[1468],{"type":161,"value":187},{"type":151,"tag":314,"props":1470,"children":1471},{"style":321},[1472],{"type":161,"value":1216},{"type":151,"tag":152,"props":1474,"children":1475},{},[1476,1478,1483],{"type":161,"value":1477},"This approach ensures flexibility for custom rendering scenarios, while ",{"type":151,"tag":156,"props":1479,"children":1481},{"className":1480},[],[1482],{"type":161,"value":25},{"type":161,"value":1484}," continues to handle image optimization and data provisioning behind the scenes.",{"type":151,"tag":289,"props":1486,"children":1487},{"id":672},[1488],{"type":151,"tag":156,"props":1489,"children":1491},{"className":1490},[],[1492],{"type":161,"value":672},{"type":151,"tag":152,"props":1494,"children":1495},{},[1496],{"type":161,"value":1497},"Path to image file",{"type":151,"tag":152,"props":1499,"children":1500},{},[1501,1506,1508,1513,1515,1521],{"type":151,"tag":156,"props":1502,"children":1504},{"className":1503},[],[1505],{"type":161,"value":672},{"type":161,"value":1507}," should be in the form of an absolute path for static images in ",{"type":151,"tag":156,"props":1509,"children":1511},{"className":1510},[],[1512],{"type":161,"value":863},{"type":161,"value":1514}," directory.\nOtherwise path that is expected by provider that starts with ",{"type":151,"tag":156,"props":1516,"children":1518},{"className":1517},[],[1519],{"type":161,"value":1520},"/",{"type":161,"value":1522}," or a URL.",{"type":151,"tag":304,"props":1524,"children":1526},{"className":306,"code":1525,"language":308,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.png\" />\n",[1527],{"type":151,"tag":156,"props":1528,"children":1529},{"__ignoreMap":139},[1530],{"type":151,"tag":314,"props":1531,"children":1532},{"class":316,"line":317},[1533,1537,1541,1545,1549,1553,1558,1562],{"type":151,"tag":314,"props":1534,"children":1535},{"style":321},[1536],{"type":161,"value":324},{"type":151,"tag":314,"props":1538,"children":1539},{"style":327},[1540],{"type":161,"value":764},{"type":151,"tag":314,"props":1542,"children":1543},{"style":333},[1544],{"type":161,"value":361},{"type":151,"tag":314,"props":1546,"children":1547},{"style":321},[1548],{"type":161,"value":341},{"type":151,"tag":314,"props":1550,"children":1551},{"style":321},[1552],{"type":161,"value":346},{"type":151,"tag":314,"props":1554,"children":1555},{"style":349},[1556],{"type":161,"value":1557},"/nuxt.png",{"type":151,"tag":314,"props":1559,"children":1560},{"style":321},[1561],{"type":161,"value":346},{"type":151,"tag":314,"props":1563,"children":1564},{"style":321},[1565],{"type":161,"value":388},{"type":151,"tag":152,"props":1567,"children":1568},{},[1569,1571,1576,1578,1588],{"type":161,"value":1570},"For image optimization when using external urls in ",{"type":151,"tag":156,"props":1572,"children":1574},{"className":1573},[],[1575],{"type":161,"value":672},{"type":161,"value":1577},", we need to whitelist them using ",{"type":151,"tag":185,"props":1579,"children":1581},{"href":1580},"/get-started/configuration#domains",[1582],{"type":151,"tag":156,"props":1583,"children":1585},{"className":1584},[],[1586],{"type":161,"value":1587},"domains",{"type":161,"value":1589}," option.",{"type":151,"tag":289,"props":1591,"children":1593},{"id":1592},"width-height",[1594,1599,1601],{"type":151,"tag":156,"props":1595,"children":1597},{"className":1596},[],[1598],{"type":161,"value":685},{"type":161,"value":1600}," / ",{"type":151,"tag":156,"props":1602,"children":1604},{"className":1603},[],[1605],{"type":161,"value":692},{"type":151,"tag":152,"props":1607,"children":1608},{},[1609],{"type":161,"value":1610},"Specify width/height of the image.",{"type":151,"tag":453,"props":1612,"children":1613},{},[1614,1619],{"type":151,"tag":457,"props":1615,"children":1616},{},[1617],{"type":161,"value":1618},"Use desired width/height for static sized images like icons or avatars",{"type":151,"tag":457,"props":1620,"children":1621},{},[1622,1624,1633],{"type":161,"value":1623},"Use original image width/height for responsive images (when using ",{"type":151,"tag":185,"props":1625,"children":1627},{"href":1626},"#sizes",[1628],{"type":151,"tag":156,"props":1629,"children":1631},{"className":1630},[],[1632],{"type":161,"value":703},{"type":161,"value":1634},")",{"type":151,"tag":289,"props":1636,"children":1637},{"id":968},[1638],{"type":151,"tag":156,"props":1639,"children":1641},{"className":1640},[],[1642],{"type":161,"value":968},{"type":151,"tag":152,"props":1644,"children":1645},{},[1646,1648,1653,1655,1662],{"type":161,"value":1647},"Although Nuxt Image does not apply any special handling, it's worth mentioning the ",{"type":151,"tag":156,"props":1649,"children":1651},{"className":1650},[],[1652],{"type":161,"value":968},{"type":161,"value":1654}," attribute. It is a ",{"type":151,"tag":185,"props":1656,"children":1659},{"href":1657,"rel":1658},"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",[213],[1660],{"type":161,"value":1661},"native",{"type":161,"value":1663}," global attribute that specifies an alternate text for an image, if the image cannot be displayed.",{"type":151,"tag":152,"props":1665,"children":1666},{},[1667,1669,1675],{"type":161,"value":1668},"It ",{"type":151,"tag":1670,"props":1671,"children":1672},"em",{},[1673],{"type":161,"value":1674},"should always",{"type":161,"value":1676}," be provided.",{"type":151,"tag":453,"props":1678,"children":1679},{},[1680,1685,1697],{"type":151,"tag":457,"props":1681,"children":1682},{},[1683],{"type":161,"value":1684},"The text should describe the image if the image contains information",{"type":151,"tag":457,"props":1686,"children":1687},{},[1688,1690,1696],{"type":161,"value":1689},"The text should explain where the link goes if the image is inside an ",{"type":151,"tag":156,"props":1691,"children":1693},{"className":1692},[],[1694],{"type":161,"value":1695},"\u003Ca>",{"type":161,"value":245},{"type":151,"tag":457,"props":1698,"children":1699},{},[1700,1702,1708],{"type":161,"value":1701},"Use ",{"type":151,"tag":156,"props":1703,"children":1705},{"className":1704},[],[1706],{"type":161,"value":1707},"alt=\"\"",{"type":161,"value":1709}," if the image is only for decoration",{"type":151,"tag":304,"props":1711,"children":1713},{"className":306,"code":1712,"language":308,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.png\" alt=\"My image file description\" />\n",[1714],{"type":151,"tag":156,"props":1715,"children":1716},{"__ignoreMap":139},[1717],{"type":151,"tag":314,"props":1718,"children":1719},{"class":316,"line":317},[1720,1724,1728,1732,1736,1740,1744,1748,1753,1757,1761,1766,1770],{"type":151,"tag":314,"props":1721,"children":1722},{"style":321},[1723],{"type":161,"value":324},{"type":151,"tag":314,"props":1725,"children":1726},{"style":327},[1727],{"type":161,"value":764},{"type":151,"tag":314,"props":1729,"children":1730},{"style":333},[1731],{"type":161,"value":361},{"type":151,"tag":314,"props":1733,"children":1734},{"style":321},[1735],{"type":161,"value":341},{"type":151,"tag":314,"props":1737,"children":1738},{"style":321},[1739],{"type":161,"value":346},{"type":151,"tag":314,"props":1741,"children":1742},{"style":349},[1743],{"type":161,"value":1557},{"type":151,"tag":314,"props":1745,"children":1746},{"style":321},[1747],{"type":161,"value":346},{"type":151,"tag":314,"props":1749,"children":1750},{"style":333},[1751],{"type":161,"value":1752}," alt",{"type":151,"tag":314,"props":1754,"children":1755},{"style":321},[1756],{"type":161,"value":341},{"type":151,"tag":314,"props":1758,"children":1759},{"style":321},[1760],{"type":161,"value":346},{"type":151,"tag":314,"props":1762,"children":1763},{"style":349},[1764],{"type":161,"value":1765},"My image file description",{"type":151,"tag":314,"props":1767,"children":1768},{"style":321},[1769],{"type":161,"value":346},{"type":151,"tag":314,"props":1771,"children":1772},{"style":321},[1773],{"type":161,"value":388},{"type":151,"tag":289,"props":1775,"children":1776},{"id":703},[1777],{"type":151,"tag":156,"props":1778,"children":1780},{"className":1779},[],[1781],{"type":161,"value":703},{"type":151,"tag":152,"props":1783,"children":1784},{},[1785],{"type":161,"value":1786},"Specify responsive sizes.",{"type":151,"tag":152,"props":1788,"children":1789},{},[1790,1792,1798],{"type":161,"value":1791},"This is a space-separated list of screen size/width pairs. You can ",{"type":151,"tag":185,"props":1793,"children":1795},{"href":1794},"/get-started/configuration#screens",[1796],{"type":161,"value":1797},"see a list of the defined screen sizes here",{"type":161,"value":995},{"type":151,"tag":152,"props":1800,"children":1801},{},[1802,1804,1809],{"type":161,"value":1803},"By default Nuxt generates ",{"type":151,"tag":1670,"props":1805,"children":1806},{},[1807],{"type":161,"value":1808},"responsive-first",{"type":161,"value":1810}," sizing.",{"type":151,"tag":453,"props":1812,"children":1813},{},[1814,1827],{"type":151,"tag":457,"props":1815,"children":1816},{},[1817,1819,1825],{"type":161,"value":1818},"If you omit a screen size prefix (like ",{"type":151,"tag":156,"props":1820,"children":1822},{"className":1821},[],[1823],{"type":161,"value":1824},"sm:",{"type":161,"value":1826},") 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":1828,"children":1829},{},[1830,1832,1837,1839,1845,1847,1853,1855,1860],{"type":161,"value":1831},"This default size is used up until the next specified screen width, and so on. Each specified size pair applies ",{"type":151,"tag":1670,"props":1833,"children":1834},{},[1835],{"type":161,"value":1836},"up",{"type":161,"value":1838}," - so ",{"type":151,"tag":156,"props":1840,"children":1842},{"className":1841},[],[1843],{"type":161,"value":1844},"md:400px",{"type":161,"value":1846}," means that the image will be sized ",{"type":151,"tag":156,"props":1848,"children":1850},{"className":1849},[],[1851],{"type":161,"value":1852},"400px",{"type":161,"value":1854}," on ",{"type":151,"tag":156,"props":1856,"children":1858},{"className":1857},[],[1859],{"type":161,"value":629},{"type":161,"value":1861}," screens and up.",{"type":151,"tag":152,"props":1863,"children":1864},{},[1865],{"type":151,"tag":526,"props":1866,"children":1867},{},[1868],{"type":161,"value":530},{"type":151,"tag":304,"props":1870,"children":1872},{"className":306,"code":1871,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n src=\"/logos/nuxt.png\"\n sizes=\"100vw sm:50vw md:400px\"\n/>\n",[1873],{"type":151,"tag":156,"props":1874,"children":1875},{"__ignoreMap":139},[1876,1888,1912,1937],{"type":151,"tag":314,"props":1877,"children":1878},{"class":316,"line":317},[1879,1883],{"type":151,"tag":314,"props":1880,"children":1881},{"style":321},[1882],{"type":161,"value":324},{"type":151,"tag":314,"props":1884,"children":1885},{"style":327},[1886],{"type":161,"value":1887},"NuxtImg\n",{"type":151,"tag":314,"props":1889,"children":1890},{"class":316,"line":552},[1891,1895,1899,1903,1908],{"type":151,"tag":314,"props":1892,"children":1893},{"style":333},[1894],{"type":161,"value":558},{"type":151,"tag":314,"props":1896,"children":1897},{"style":321},[1898],{"type":161,"value":341},{"type":151,"tag":314,"props":1900,"children":1901},{"style":321},[1902],{"type":161,"value":346},{"type":151,"tag":314,"props":1904,"children":1905},{"style":349},[1906],{"type":161,"value":1907},"/logos/nuxt.png",{"type":151,"tag":314,"props":1909,"children":1910},{"style":321},[1911],{"type":161,"value":575},{"type":151,"tag":314,"props":1913,"children":1914},{"class":316,"line":578},[1915,1920,1924,1928,1933],{"type":151,"tag":314,"props":1916,"children":1917},{"style":333},[1918],{"type":161,"value":1919}," sizes",{"type":151,"tag":314,"props":1921,"children":1922},{"style":321},[1923],{"type":161,"value":341},{"type":151,"tag":314,"props":1925,"children":1926},{"style":321},[1927],{"type":161,"value":346},{"type":151,"tag":314,"props":1929,"children":1930},{"style":349},[1931],{"type":161,"value":1932},"100vw sm:50vw md:400px",{"type":151,"tag":314,"props":1934,"children":1935},{"style":321},[1936],{"type":161,"value":575},{"type":151,"tag":314,"props":1938,"children":1939},{"class":316,"line":604},[1940],{"type":151,"tag":314,"props":1941,"children":1942},{"style":321},[1943],{"type":161,"value":610},{"type":151,"tag":289,"props":1945,"children":1947},{"id":1946},"densities",[1948],{"type":151,"tag":156,"props":1949,"children":1951},{"className":1950},[],[1952],{"type":161,"value":1946},{"type":151,"tag":152,"props":1954,"children":1955},{},[1956],{"type":161,"value":1957},"To generate special versions of images for screens with increased pixel density.",{"type":151,"tag":152,"props":1959,"children":1960},{},[1961],{"type":151,"tag":526,"props":1962,"children":1963},{},[1964],{"type":161,"value":530},{"type":151,"tag":304,"props":1966,"children":1968},{"className":306,"code":1967,"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",[1969],{"type":151,"tag":156,"props":1970,"children":1971},{"__ignoreMap":139},[1972,1983,2006,2030,2055,2062,2070,2078,2086,2094,2101],{"type":151,"tag":314,"props":1973,"children":1974},{"class":316,"line":317},[1975,1979],{"type":151,"tag":314,"props":1976,"children":1977},{"style":321},[1978],{"type":161,"value":324},{"type":151,"tag":314,"props":1980,"children":1981},{"style":327},[1982],{"type":161,"value":1887},{"type":151,"tag":314,"props":1984,"children":1985},{"class":316,"line":552},[1986,1990,1994,1998,2002],{"type":151,"tag":314,"props":1987,"children":1988},{"style":333},[1989],{"type":161,"value":558},{"type":151,"tag":314,"props":1991,"children":1992},{"style":321},[1993],{"type":161,"value":341},{"type":151,"tag":314,"props":1995,"children":1996},{"style":321},[1997],{"type":161,"value":346},{"type":151,"tag":314,"props":1999,"children":2000},{"style":349},[2001],{"type":161,"value":1907},{"type":151,"tag":314,"props":2003,"children":2004},{"style":321},[2005],{"type":161,"value":575},{"type":151,"tag":314,"props":2007,"children":2008},{"class":316,"line":578},[2009,2013,2017,2021,2026],{"type":151,"tag":314,"props":2010,"children":2011},{"style":333},[2012],{"type":161,"value":1136},{"type":151,"tag":314,"props":2014,"children":2015},{"style":321},[2016],{"type":161,"value":341},{"type":151,"tag":314,"props":2018,"children":2019},{"style":321},[2020],{"type":161,"value":346},{"type":151,"tag":314,"props":2022,"children":2023},{"style":349},[2024],{"type":161,"value":2025},"50",{"type":151,"tag":314,"props":2027,"children":2028},{"style":321},[2029],{"type":161,"value":575},{"type":151,"tag":314,"props":2031,"children":2032},{"class":316,"line":604},[2033,2038,2042,2046,2051],{"type":151,"tag":314,"props":2034,"children":2035},{"style":333},[2036],{"type":161,"value":2037}," densities",{"type":151,"tag":314,"props":2039,"children":2040},{"style":321},[2041],{"type":161,"value":341},{"type":151,"tag":314,"props":2043,"children":2044},{"style":321},[2045],{"type":161,"value":346},{"type":151,"tag":314,"props":2047,"children":2048},{"style":349},[2049],{"type":161,"value":2050},"x1 x2",{"type":151,"tag":314,"props":2052,"children":2053},{"style":321},[2054],{"type":161,"value":575},{"type":151,"tag":314,"props":2056,"children":2057},{"class":316,"line":1130},[2058],{"type":151,"tag":314,"props":2059,"children":2060},{"style":321},[2061],{"type":161,"value":610},{"type":151,"tag":314,"props":2063,"children":2064},{"class":316,"line":1159},[2065],{"type":151,"tag":314,"props":2066,"children":2067},{"style":1223},[2068],{"type":161,"value":2069},"\u003C!--\n",{"type":151,"tag":314,"props":2071,"children":2072},{"class":316,"line":1184},[2073],{"type":151,"tag":314,"props":2074,"children":2075},{"style":1223},[2076],{"type":161,"value":2077},"\u003Cimg\n",{"type":151,"tag":314,"props":2079,"children":2080},{"class":316,"line":1210},[2081],{"type":151,"tag":314,"props":2082,"children":2083},{"style":1223},[2084],{"type":161,"value":2085}," src=\"/_ipx/w_50/logos/nuxt.png\" \n",{"type":151,"tag":314,"props":2087,"children":2088},{"class":316,"line":1219},[2089],{"type":151,"tag":314,"props":2090,"children":2091},{"style":1223},[2092],{"type":161,"value":2093}," srcset=\"/_ipx/w_100/logos/nuxt.png x2\"\n",{"type":151,"tag":314,"props":2095,"children":2096},{"class":316,"line":1229},[2097],{"type":151,"tag":314,"props":2098,"children":2099},{"style":1223},[2100],{"type":161,"value":610},{"type":151,"tag":314,"props":2102,"children":2103},{"class":316,"line":1246},[2104],{"type":151,"tag":314,"props":2105,"children":2106},{"style":1223},[2107],{"type":161,"value":2108},"-->\n",{"type":151,"tag":289,"props":2110,"children":2111},{"id":1439},[2112],{"type":151,"tag":156,"props":2113,"children":2115},{"className":2114},[],[2116],{"type":161,"value":1439},{"type":151,"tag":152,"props":2118,"children":2119},{},[2120],{"type":161,"value":2121},"Display a placeholder image before the actual image is fully loaded.",{"type":151,"tag":152,"props":2123,"children":2124},{},[2125,2127,2133],{"type":161,"value":2126},"You can also use the ",{"type":151,"tag":185,"props":2128,"children":2130},{"href":2129},"/usage/nuxt-img#custom",[2131],{"type":161,"value":2132},"custom prop",{"type":161,"value":2134}," to make any placeholder you want.",{"type":151,"tag":152,"props":2136,"children":2137},{},[2138],{"type":161,"value":2139},"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":2141,"children":2143},{"className":306,"code":2142,"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",[2144],{"type":151,"tag":156,"props":2145,"children":2146},{"__ignoreMap":139},[2147,2155,2195,2202,2210,2267,2274,2282,2338,2345,2353,2409,2416,2424],{"type":151,"tag":314,"props":2148,"children":2149},{"class":316,"line":317},[2150],{"type":151,"tag":314,"props":2151,"children":2152},{"style":1223},[2153],{"type":161,"value":2154},"\u003C!-- Automatically generate a placeholder based on the original image -->\n",{"type":151,"tag":314,"props":2156,"children":2157},{"class":316,"line":552},[2158,2162,2166,2170,2174,2178,2182,2186,2191],{"type":151,"tag":314,"props":2159,"children":2160},{"style":321},[2161],{"type":161,"value":324},{"type":151,"tag":314,"props":2163,"children":2164},{"style":327},[2165],{"type":161,"value":764},{"type":151,"tag":314,"props":2167,"children":2168},{"style":333},[2169],{"type":161,"value":361},{"type":151,"tag":314,"props":2171,"children":2172},{"style":321},[2173],{"type":161,"value":341},{"type":151,"tag":314,"props":2175,"children":2176},{"style":321},[2177],{"type":161,"value":346},{"type":151,"tag":314,"props":2179,"children":2180},{"style":349},[2181],{"type":161,"value":1557},{"type":151,"tag":314,"props":2183,"children":2184},{"style":321},[2185],{"type":161,"value":346},{"type":151,"tag":314,"props":2187,"children":2188},{"style":333},[2189],{"type":161,"value":2190}," placeholder",{"type":151,"tag":314,"props":2192,"children":2193},{"style":321},[2194],{"type":161,"value":388},{"type":151,"tag":314,"props":2196,"children":2197},{"class":316,"line":578},[2198],{"type":151,"tag":314,"props":2199,"children":2200},{"emptyLinePlaceholder":1346},[2201],{"type":161,"value":1349},{"type":151,"tag":314,"props":2203,"children":2204},{"class":316,"line":604},[2205],{"type":151,"tag":314,"props":2206,"children":2207},{"style":1223},[2208],{"type":161,"value":2209},"\u003C!-- Set a width, height for the automatically generated placeholder -->\n",{"type":151,"tag":314,"props":2211,"children":2212},{"class":316,"line":1130},[2213,2217,2221,2225,2229,2233,2237,2241,2246,2250,2254,2259,2263],{"type":151,"tag":314,"props":2214,"children":2215},{"style":321},[2216],{"type":161,"value":324},{"type":151,"tag":314,"props":2218,"children":2219},{"style":327},[2220],{"type":161,"value":764},{"type":151,"tag":314,"props":2222,"children":2223},{"style":333},[2224],{"type":161,"value":361},{"type":151,"tag":314,"props":2226,"children":2227},{"style":321},[2228],{"type":161,"value":341},{"type":151,"tag":314,"props":2230,"children":2231},{"style":321},[2232],{"type":161,"value":346},{"type":151,"tag":314,"props":2234,"children":2235},{"style":349},[2236],{"type":161,"value":1557},{"type":151,"tag":314,"props":2238,"children":2239},{"style":321},[2240],{"type":161,"value":346},{"type":151,"tag":314,"props":2242,"children":2243},{"style":333},[2244],{"type":161,"value":2245}," :placeholder",{"type":151,"tag":314,"props":2247,"children":2248},{"style":321},[2249],{"type":161,"value":341},{"type":151,"tag":314,"props":2251,"children":2252},{"style":321},[2253],{"type":161,"value":346},{"type":151,"tag":314,"props":2255,"children":2256},{"style":349},[2257],{"type":161,"value":2258},"[50, 25]",{"type":151,"tag":314,"props":2260,"children":2261},{"style":321},[2262],{"type":161,"value":346},{"type":151,"tag":314,"props":2264,"children":2265},{"style":321},[2266],{"type":161,"value":388},{"type":151,"tag":314,"props":2268,"children":2269},{"class":316,"line":1159},[2270],{"type":151,"tag":314,"props":2271,"children":2272},{"emptyLinePlaceholder":1346},[2273],{"type":161,"value":1349},{"type":151,"tag":314,"props":2275,"children":2276},{"class":316,"line":1184},[2277],{"type":151,"tag":314,"props":2278,"children":2279},{"style":1223},[2280],{"type":161,"value":2281},"\u003C!-- Set a width, height, quality & blur for the automatically generated placeholder -->\n",{"type":151,"tag":314,"props":2283,"children":2284},{"class":316,"line":1210},[2285,2289,2293,2297,2301,2305,2309,2313,2317,2321,2325,2330,2334],{"type":151,"tag":314,"props":2286,"children":2287},{"style":321},[2288],{"type":161,"value":324},{"type":151,"tag":314,"props":2290,"children":2291},{"style":327},[2292],{"type":161,"value":764},{"type":151,"tag":314,"props":2294,"children":2295},{"style":333},[2296],{"type":161,"value":361},{"type":151,"tag":314,"props":2298,"children":2299},{"style":321},[2300],{"type":161,"value":341},{"type":151,"tag":314,"props":2302,"children":2303},{"style":321},[2304],{"type":161,"value":346},{"type":151,"tag":314,"props":2306,"children":2307},{"style":349},[2308],{"type":161,"value":1557},{"type":151,"tag":314,"props":2310,"children":2311},{"style":321},[2312],{"type":161,"value":346},{"type":151,"tag":314,"props":2314,"children":2315},{"style":333},[2316],{"type":161,"value":2245},{"type":151,"tag":314,"props":2318,"children":2319},{"style":321},[2320],{"type":161,"value":341},{"type":151,"tag":314,"props":2322,"children":2323},{"style":321},[2324],{"type":161,"value":346},{"type":151,"tag":314,"props":2326,"children":2327},{"style":349},[2328],{"type":161,"value":2329},"[50, 25, 75, 5]",{"type":151,"tag":314,"props":2331,"children":2332},{"style":321},[2333],{"type":161,"value":346},{"type":151,"tag":314,"props":2335,"children":2336},{"style":321},[2337],{"type":161,"value":388},{"type":151,"tag":314,"props":2339,"children":2340},{"class":316,"line":1219},[2341],{"type":151,"tag":314,"props":2342,"children":2343},{"emptyLinePlaceholder":1346},[2344],{"type":161,"value":1349},{"type":151,"tag":314,"props":2346,"children":2347},{"class":316,"line":1229},[2348],{"type":151,"tag":314,"props":2349,"children":2350},{"style":1223},[2351],{"type":161,"value":2352},"\u003C!-- Set the width & height of the automatically generated placeholder, image will be a square -->\n",{"type":151,"tag":314,"props":2354,"children":2355},{"class":316,"line":1246},[2356,2360,2364,2368,2372,2376,2380,2384,2388,2392,2396,2401,2405],{"type":151,"tag":314,"props":2357,"children":2358},{"style":321},[2359],{"type":161,"value":324},{"type":151,"tag":314,"props":2361,"children":2362},{"style":327},[2363],{"type":161,"value":764},{"type":151,"tag":314,"props":2365,"children":2366},{"style":333},[2367],{"type":161,"value":361},{"type":151,"tag":314,"props":2369,"children":2370},{"style":321},[2371],{"type":161,"value":341},{"type":151,"tag":314,"props":2373,"children":2374},{"style":321},[2375],{"type":161,"value":346},{"type":151,"tag":314,"props":2377,"children":2378},{"style":349},[2379],{"type":161,"value":1557},{"type":151,"tag":314,"props":2381,"children":2382},{"style":321},[2383],{"type":161,"value":346},{"type":151,"tag":314,"props":2385,"children":2386},{"style":333},[2387],{"type":161,"value":2245},{"type":151,"tag":314,"props":2389,"children":2390},{"style":321},[2391],{"type":161,"value":341},{"type":151,"tag":314,"props":2393,"children":2394},{"style":321},[2395],{"type":161,"value":346},{"type":151,"tag":314,"props":2397,"children":2398},{"style":349},[2399],{"type":161,"value":2400},"15",{"type":151,"tag":314,"props":2402,"children":2403},{"style":321},[2404],{"type":161,"value":346},{"type":151,"tag":314,"props":2406,"children":2407},{"style":321},[2408],{"type":161,"value":388},{"type":151,"tag":314,"props":2410,"children":2411},{"class":316,"line":1275},[2412],{"type":151,"tag":314,"props":2413,"children":2414},{"emptyLinePlaceholder":1346},[2415],{"type":161,"value":1349},{"type":151,"tag":314,"props":2417,"children":2418},{"class":316,"line":1304},[2419],{"type":151,"tag":314,"props":2420,"children":2421},{"style":1223},[2422],{"type":161,"value":2423},"\u003C!-- Provide your own image -->\n",{"type":151,"tag":314,"props":2425,"children":2426},{"class":316,"line":1333},[2427,2431,2435,2439,2443,2447,2451,2455,2459,2463,2467,2472,2476],{"type":151,"tag":314,"props":2428,"children":2429},{"style":321},[2430],{"type":161,"value":324},{"type":151,"tag":314,"props":2432,"children":2433},{"style":327},[2434],{"type":161,"value":764},{"type":151,"tag":314,"props":2436,"children":2437},{"style":333},[2438],{"type":161,"value":361},{"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":1557},{"type":151,"tag":314,"props":2452,"children":2453},{"style":321},[2454],{"type":161,"value":346},{"type":151,"tag":314,"props":2456,"children":2457},{"style":333},[2458],{"type":161,"value":2190},{"type":151,"tag":314,"props":2460,"children":2461},{"style":321},[2462],{"type":161,"value":341},{"type":151,"tag":314,"props":2464,"children":2465},{"style":321},[2466],{"type":161,"value":346},{"type":151,"tag":314,"props":2468,"children":2469},{"style":349},[2470],{"type":161,"value":2471},"./placeholder.png",{"type":151,"tag":314,"props":2473,"children":2474},{"style":321},[2475],{"type":161,"value":346},{"type":151,"tag":314,"props":2477,"children":2478},{"style":321},[2479],{"type":161,"value":388},{"type":151,"tag":152,"props":2481,"children":2482},{},[2483,2485,2493],{"type":161,"value":2484},"You can also leverage ",{"type":151,"tag":185,"props":2486,"children":2487},{"href":32},[2488],{"type":151,"tag":156,"props":2489,"children":2491},{"className":2490},[],[2492],{"type":161,"value":31},{"type":161,"value":2494}," 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":2496,"children":2500},{"className":2497,"code":2498,"language":2499,"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",[2501],{"type":151,"tag":156,"props":2502,"children":2503},{"__ignoreMap":139},[2504,2525,2554,2569,2576,2592,2759],{"type":151,"tag":314,"props":2505,"children":2506},{"class":316,"line":317},[2507,2511,2516,2521],{"type":151,"tag":314,"props":2508,"children":2509},{"style":321},[2510],{"type":161,"value":324},{"type":151,"tag":314,"props":2512,"children":2513},{"style":327},[2514],{"type":161,"value":2515},"script",{"type":151,"tag":314,"props":2517,"children":2518},{"style":333},[2519],{"type":161,"value":2520}," setup",{"type":151,"tag":314,"props":2522,"children":2523},{"style":321},[2524],{"type":161,"value":1216},{"type":151,"tag":314,"props":2526,"children":2527},{"class":316,"line":552},[2528,2533,2539,2543,2549],{"type":151,"tag":314,"props":2529,"children":2530},{"style":333},[2531],{"type":161,"value":2532},"const",{"type":151,"tag":314,"props":2534,"children":2536},{"style":2535},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[2537],{"type":161,"value":2538}," img ",{"type":151,"tag":314,"props":2540,"children":2541},{"style":321},[2542],{"type":161,"value":341},{"type":151,"tag":314,"props":2544,"children":2546},{"style":2545},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[2547],{"type":161,"value":2548}," useImage",{"type":151,"tag":314,"props":2550,"children":2551},{"style":2535},[2552],{"type":161,"value":2553},"()\n",{"type":151,"tag":314,"props":2555,"children":2556},{"class":316,"line":578},[2557,2561,2565],{"type":151,"tag":314,"props":2558,"children":2559},{"style":321},[2560],{"type":161,"value":1464},{"type":151,"tag":314,"props":2562,"children":2563},{"style":327},[2564],{"type":161,"value":2515},{"type":151,"tag":314,"props":2566,"children":2567},{"style":321},[2568],{"type":161,"value":1216},{"type":151,"tag":314,"props":2570,"children":2571},{"class":316,"line":604},[2572],{"type":151,"tag":314,"props":2573,"children":2574},{"emptyLinePlaceholder":1346},[2575],{"type":161,"value":1349},{"type":151,"tag":314,"props":2577,"children":2578},{"class":316,"line":1130},[2579,2583,2588],{"type":151,"tag":314,"props":2580,"children":2581},{"style":321},[2582],{"type":161,"value":324},{"type":151,"tag":314,"props":2584,"children":2585},{"style":327},[2586],{"type":161,"value":2587},"template",{"type":151,"tag":314,"props":2589,"children":2590},{"style":321},[2591],{"type":161,"value":1216},{"type":151,"tag":314,"props":2593,"children":2594},{"class":316,"line":1159},[2595,2599,2603,2608,2612,2616,2620,2624,2629,2634,2639,2643,2648,2653,2658,2664,2668,2673,2677,2682,2686,2690,2694,2699,2703,2708,2712,2717,2721,2725,2730,2734,2738,2742,2746,2751,2755],{"type":151,"tag":314,"props":2596,"children":2597},{"style":321},[2598],{"type":161,"value":1235},{"type":151,"tag":314,"props":2600,"children":2601},{"style":327},[2602],{"type":161,"value":764},{"type":151,"tag":314,"props":2604,"children":2605},{"style":321},[2606],{"type":161,"value":2607}," :",{"type":151,"tag":314,"props":2609,"children":2610},{"style":333},[2611],{"type":161,"value":1439},{"type":151,"tag":314,"props":2613,"children":2614},{"style":321},[2615],{"type":161,"value":341},{"type":151,"tag":314,"props":2617,"children":2618},{"style":321},[2619],{"type":161,"value":346},{"type":151,"tag":314,"props":2621,"children":2622},{"style":2545},[2623],{"type":161,"value":519},{"type":151,"tag":314,"props":2625,"children":2626},{"style":321},[2627],{"type":161,"value":2628},"(",{"type":151,"tag":314,"props":2630,"children":2631},{"style":321},[2632],{"type":161,"value":2633},"`",{"type":151,"tag":314,"props":2635,"children":2636},{"style":349},[2637],{"type":161,"value":2638},"/nuxt.svg",{"type":151,"tag":314,"props":2640,"children":2641},{"style":321},[2642],{"type":161,"value":2633},{"type":151,"tag":314,"props":2644,"children":2645},{"style":321},[2646],{"type":161,"value":2647},", { ",{"type":151,"tag":314,"props":2649,"children":2650},{"style":327},[2651],{"type":161,"value":2652},"h",{"type":151,"tag":314,"props":2654,"children":2655},{"style":321},[2656],{"type":161,"value":2657},": ",{"type":151,"tag":314,"props":2659,"children":2661},{"style":2660},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2662],{"type":161,"value":2663},"10",{"type":151,"tag":314,"props":2665,"children":2666},{"style":321},[2667],{"type":161,"value":247},{"type":151,"tag":314,"props":2669,"children":2670},{"style":327},[2671],{"type":161,"value":2672},"f",{"type":151,"tag":314,"props":2674,"children":2675},{"style":321},[2676],{"type":161,"value":2657},{"type":151,"tag":314,"props":2678,"children":2679},{"style":321},[2680],{"type":161,"value":2681},"'",{"type":151,"tag":314,"props":2683,"children":2684},{"style":349},[2685],{"type":161,"value":426},{"type":151,"tag":314,"props":2687,"children":2688},{"style":321},[2689],{"type":161,"value":2681},{"type":151,"tag":314,"props":2691,"children":2692},{"style":321},[2693],{"type":161,"value":247},{"type":151,"tag":314,"props":2695,"children":2696},{"style":327},[2697],{"type":161,"value":2698},"blur",{"type":151,"tag":314,"props":2700,"children":2701},{"style":321},[2702],{"type":161,"value":2657},{"type":151,"tag":314,"props":2704,"children":2705},{"style":2660},[2706],{"type":161,"value":2707},"2",{"type":151,"tag":314,"props":2709,"children":2710},{"style":321},[2711],{"type":161,"value":247},{"type":151,"tag":314,"props":2713,"children":2714},{"style":327},[2715],{"type":161,"value":2716},"q",{"type":151,"tag":314,"props":2718,"children":2719},{"style":321},[2720],{"type":161,"value":2657},{"type":151,"tag":314,"props":2722,"children":2723},{"style":2660},[2724],{"type":161,"value":2025},{"type":151,"tag":314,"props":2726,"children":2727},{"style":321},[2728],{"type":161,"value":2729}," })",{"type":151,"tag":314,"props":2731,"children":2732},{"style":321},[2733],{"type":161,"value":346},{"type":151,"tag":314,"props":2735,"children":2736},{"style":333},[2737],{"type":161,"value":361},{"type":151,"tag":314,"props":2739,"children":2740},{"style":321},[2741],{"type":161,"value":341},{"type":151,"tag":314,"props":2743,"children":2744},{"style":321},[2745],{"type":161,"value":346},{"type":151,"tag":314,"props":2747,"children":2748},{"style":349},[2749],{"type":161,"value":2750},"/nuxt.svg`",{"type":151,"tag":314,"props":2752,"children":2753},{"style":321},[2754],{"type":161,"value":346},{"type":151,"tag":314,"props":2756,"children":2757},{"style":321},[2758],{"type":161,"value":388},{"type":151,"tag":314,"props":2760,"children":2761},{"class":316,"line":1184},[2762,2766,2770],{"type":151,"tag":314,"props":2763,"children":2764},{"style":321},[2765],{"type":161,"value":1464},{"type":151,"tag":314,"props":2767,"children":2768},{"style":327},[2769],{"type":161,"value":2587},{"type":151,"tag":314,"props":2771,"children":2772},{"style":321},[2773],{"type":161,"value":1216},{"type":151,"tag":289,"props":2775,"children":2777},{"id":2776},"placeholder-class",[2778],{"type":151,"tag":156,"props":2779,"children":2781},{"className":2780},[],[2782],{"type":161,"value":2776},{"type":151,"tag":152,"props":2784,"children":2785},{},[2786,2788,2793,2795,2800],{"type":161,"value":2787},"When using a placeholder, you can use ",{"type":151,"tag":156,"props":2789,"children":2791},{"className":2790},[],[2792],{"type":161,"value":2776},{"type":161,"value":2794}," to apply a class to the original underlying ",{"type":151,"tag":156,"props":2796,"children":2798},{"className":2797},[],[2799],{"type":161,"value":652},{"type":161,"value":2801}," element (while the placeholder is being rendered).",{"type":151,"tag":304,"props":2803,"children":2805},{"className":306,"code":2804,"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",[2806],{"type":151,"tag":156,"props":2807,"children":2808},{"__ignoreMap":139},[2809,2817,2877,2884,2892],{"type":151,"tag":314,"props":2810,"children":2811},{"class":316,"line":317},[2812],{"type":151,"tag":314,"props":2813,"children":2814},{"style":1223},[2815],{"type":161,"value":2816},"\u003C!-- Apply a static class to the original image -->\n",{"type":151,"tag":314,"props":2818,"children":2819},{"class":316,"line":552},[2820,2824,2828,2832,2836,2840,2844,2848,2852,2857,2861,2865,2869,2873],{"type":151,"tag":314,"props":2821,"children":2822},{"style":321},[2823],{"type":161,"value":324},{"type":151,"tag":314,"props":2825,"children":2826},{"style":327},[2827],{"type":161,"value":764},{"type":151,"tag":314,"props":2829,"children":2830},{"style":333},[2831],{"type":161,"value":361},{"type":151,"tag":314,"props":2833,"children":2834},{"style":321},[2835],{"type":161,"value":341},{"type":151,"tag":314,"props":2837,"children":2838},{"style":321},[2839],{"type":161,"value":346},{"type":151,"tag":314,"props":2841,"children":2842},{"style":349},[2843],{"type":161,"value":1557},{"type":151,"tag":314,"props":2845,"children":2846},{"style":321},[2847],{"type":161,"value":346},{"type":151,"tag":314,"props":2849,"children":2850},{"style":333},[2851],{"type":161,"value":2190},{"type":151,"tag":314,"props":2853,"children":2854},{"style":333},[2855],{"type":161,"value":2856}," placeholder-class",{"type":151,"tag":314,"props":2858,"children":2859},{"style":321},[2860],{"type":161,"value":341},{"type":151,"tag":314,"props":2862,"children":2863},{"style":321},[2864],{"type":161,"value":346},{"type":151,"tag":314,"props":2866,"children":2867},{"style":349},[2868],{"type":161,"value":872},{"type":151,"tag":314,"props":2870,"children":2871},{"style":321},[2872],{"type":161,"value":346},{"type":151,"tag":314,"props":2874,"children":2875},{"style":321},[2876],{"type":161,"value":388},{"type":151,"tag":314,"props":2878,"children":2879},{"class":316,"line":578},[2880],{"type":151,"tag":314,"props":2881,"children":2882},{"emptyLinePlaceholder":1346},[2883],{"type":161,"value":1349},{"type":151,"tag":314,"props":2885,"children":2886},{"class":316,"line":604},[2887],{"type":151,"tag":314,"props":2888,"children":2889},{"style":1223},[2890],{"type":161,"value":2891},"\u003C!-- Apply a dynamic class to the original image -->\n",{"type":151,"tag":314,"props":2893,"children":2894},{"class":316,"line":1130},[2895,2899,2903,2907,2911,2915,2919,2923,2927,2932,2936,2940,2944,2948],{"type":151,"tag":314,"props":2896,"children":2897},{"style":321},[2898],{"type":161,"value":324},{"type":151,"tag":314,"props":2900,"children":2901},{"style":327},[2902],{"type":161,"value":764},{"type":151,"tag":314,"props":2904,"children":2905},{"style":333},[2906],{"type":161,"value":361},{"type":151,"tag":314,"props":2908,"children":2909},{"style":321},[2910],{"type":161,"value":341},{"type":151,"tag":314,"props":2912,"children":2913},{"style":321},[2914],{"type":161,"value":346},{"type":151,"tag":314,"props":2916,"children":2917},{"style":349},[2918],{"type":161,"value":1557},{"type":151,"tag":314,"props":2920,"children":2921},{"style":321},[2922],{"type":161,"value":346},{"type":151,"tag":314,"props":2924,"children":2925},{"style":333},[2926],{"type":161,"value":2190},{"type":151,"tag":314,"props":2928,"children":2929},{"style":333},[2930],{"type":161,"value":2931}," :placeholder-class",{"type":151,"tag":314,"props":2933,"children":2934},{"style":321},[2935],{"type":161,"value":341},{"type":151,"tag":314,"props":2937,"children":2938},{"style":321},[2939],{"type":161,"value":346},{"type":151,"tag":314,"props":2941,"children":2942},{"style":349},[2943],{"type":161,"value":872},{"type":151,"tag":314,"props":2945,"children":2946},{"style":321},[2947],{"type":161,"value":346},{"type":151,"tag":314,"props":2949,"children":2950},{"style":321},[2951],{"type":161,"value":388},{"type":151,"tag":225,"props":2953,"children":2954},{},[2955,2967],{"type":151,"tag":152,"props":2956,"children":2957},{},[2958,2960,2965],{"type":161,"value":2959},"If you need to apply some CSS to only the ",{"type":151,"tag":1670,"props":2961,"children":2962},{},[2963],{"type":161,"value":2964},"loaded",{"type":161,"value":2966}," image you can do so with something like:",{"type":151,"tag":304,"props":2968,"children":2972},{"className":2969,"code":2970,"language":2971,"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",[2973],{"type":151,"tag":156,"props":2974,"children":2975},{"__ignoreMap":139},[2976,3013,3021],{"type":151,"tag":314,"props":2977,"children":2978},{"class":316,"line":317},[2979,2984,2989,2994,2999,3004,3008],{"type":151,"tag":314,"props":2980,"children":2982},{"style":2981},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[2983],{"type":161,"value":519},{"type":151,"tag":314,"props":2985,"children":2986},{"style":321},[2987],{"type":161,"value":2988},":",{"type":151,"tag":314,"props":2990,"children":2991},{"style":333},[2992],{"type":161,"value":2993},"not",{"type":151,"tag":314,"props":2995,"children":2996},{"style":321},[2997],{"type":161,"value":2998},"(.",{"type":151,"tag":314,"props":3000,"children":3001},{"style":2981},[3002],{"type":161,"value":3003},"my-placeholder-class",{"type":151,"tag":314,"props":3005,"children":3006},{"style":321},[3007],{"type":161,"value":1634},{"type":151,"tag":314,"props":3009,"children":3010},{"style":321},[3011],{"type":161,"value":3012}," {\n",{"type":151,"tag":314,"props":3014,"children":3015},{"class":316,"line":552},[3016],{"type":151,"tag":314,"props":3017,"children":3018},{"style":1223},[3019],{"type":161,"value":3020}," /* styles here */\n",{"type":151,"tag":314,"props":3022,"children":3023},{"class":316,"line":578},[3024],{"type":151,"tag":314,"props":3025,"children":3026},{"style":321},[3027],{"type":161,"value":3028},"}\n",{"type":151,"tag":289,"props":3030,"children":3032},{"id":3031},"provider",[3033],{"type":151,"tag":156,"props":3034,"children":3036},{"className":3035},[],[3037],{"type":161,"value":3031},{"type":151,"tag":152,"props":3039,"children":3040},{},[3041,3043,3049,3051],{"type":161,"value":3042},"Use other provider instead of default ",{"type":151,"tag":185,"props":3044,"children":3046},{"href":3045},"/get-started/configuration#provider",[3047],{"type":161,"value":3048},"provider option",{"type":161,"value":3050}," specified in ",{"type":151,"tag":156,"props":3052,"children":3054},{"className":3053},[],[3055],{"type":161,"value":3056},"nuxt.config",{"type":151,"tag":152,"props":3058,"children":3059},{},[3060],{"type":151,"tag":526,"props":3061,"children":3062},{},[3063],{"type":161,"value":530},{"type":151,"tag":3065,"props":3066,"children":3067},"code-group",{},[3068,3223],{"type":151,"tag":304,"props":3069,"children":3072},{"className":306,"code":3070,"filename":3071,"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",[3073],{"type":151,"tag":156,"props":3074,"children":3075},{"__ignoreMap":139},[3076,3091,3102,3127,3151,3176,3201,3208],{"type":151,"tag":314,"props":3077,"children":3078},{"class":316,"line":317},[3079,3083,3087],{"type":151,"tag":314,"props":3080,"children":3081},{"style":321},[3082],{"type":161,"value":324},{"type":151,"tag":314,"props":3084,"children":3085},{"style":327},[3086],{"type":161,"value":2587},{"type":151,"tag":314,"props":3088,"children":3089},{"style":321},[3090],{"type":161,"value":1216},{"type":151,"tag":314,"props":3092,"children":3093},{"class":316,"line":552},[3094,3098],{"type":151,"tag":314,"props":3095,"children":3096},{"style":321},[3097],{"type":161,"value":1235},{"type":151,"tag":314,"props":3099,"children":3100},{"style":327},[3101],{"type":161,"value":1887},{"type":151,"tag":314,"props":3103,"children":3104},{"class":316,"line":578},[3105,3110,3114,3118,3123],{"type":151,"tag":314,"props":3106,"children":3107},{"style":333},[3108],{"type":161,"value":3109}," provider",{"type":151,"tag":314,"props":3111,"children":3112},{"style":321},[3113],{"type":161,"value":341},{"type":151,"tag":314,"props":3115,"children":3116},{"style":321},[3117],{"type":161,"value":346},{"type":151,"tag":314,"props":3119,"children":3120},{"style":349},[3121],{"type":161,"value":3122},"cloudinary",{"type":151,"tag":314,"props":3124,"children":3125},{"style":321},[3126],{"type":161,"value":575},{"type":151,"tag":314,"props":3128,"children":3129},{"class":316,"line":604},[3130,3134,3138,3142,3147],{"type":151,"tag":314,"props":3131,"children":3132},{"style":333},[3133],{"type":161,"value":1396},{"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},"/remote/nuxt-org/blog/going-full-static/main.png",{"type":151,"tag":314,"props":3148,"children":3149},{"style":321},[3150],{"type":161,"value":575},{"type":151,"tag":314,"props":3152,"children":3153},{"class":316,"line":1130},[3154,3159,3163,3167,3172],{"type":151,"tag":314,"props":3155,"children":3156},{"style":333},[3157],{"type":161,"value":3158}," width",{"type":151,"tag":314,"props":3160,"children":3161},{"style":321},[3162],{"type":161,"value":341},{"type":151,"tag":314,"props":3164,"children":3165},{"style":321},[3166],{"type":161,"value":346},{"type":151,"tag":314,"props":3168,"children":3169},{"style":349},[3170],{"type":161,"value":3171},"300",{"type":151,"tag":314,"props":3173,"children":3174},{"style":321},[3175],{"type":161,"value":575},{"type":151,"tag":314,"props":3177,"children":3178},{"class":316,"line":1159},[3179,3184,3188,3192,3197],{"type":151,"tag":314,"props":3180,"children":3181},{"style":333},[3182],{"type":161,"value":3183}," height",{"type":151,"tag":314,"props":3185,"children":3186},{"style":321},[3187],{"type":161,"value":341},{"type":151,"tag":314,"props":3189,"children":3190},{"style":321},[3191],{"type":161,"value":346},{"type":151,"tag":314,"props":3193,"children":3194},{"style":349},[3195],{"type":161,"value":3196},"169",{"type":151,"tag":314,"props":3198,"children":3199},{"style":321},[3200],{"type":161,"value":575},{"type":151,"tag":314,"props":3202,"children":3203},{"class":316,"line":1184},[3204],{"type":151,"tag":314,"props":3205,"children":3206},{"style":321},[3207],{"type":161,"value":1339},{"type":151,"tag":314,"props":3209,"children":3210},{"class":316,"line":1210},[3211,3215,3219],{"type":151,"tag":314,"props":3212,"children":3213},{"style":321},[3214],{"type":161,"value":1464},{"type":151,"tag":314,"props":3216,"children":3217},{"style":327},[3218],{"type":161,"value":2587},{"type":151,"tag":314,"props":3220,"children":3221},{"style":321},[3222],{"type":161,"value":1216},{"type":151,"tag":304,"props":3224,"children":3229},{"className":3225,"code":3226,"filename":3227,"language":3228,"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",[3230],{"type":151,"tag":156,"props":3231,"children":3232},{"__ignoreMap":139},[3233,3261,3277,3293,3324,3332,3340],{"type":151,"tag":314,"props":3234,"children":3235},{"class":316,"line":317},[3236,3242,3247,3252,3256],{"type":151,"tag":314,"props":3237,"children":3239},{"style":3238},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[3240],{"type":161,"value":3241},"export",{"type":151,"tag":314,"props":3243,"children":3244},{"style":3238},[3245],{"type":161,"value":3246}," default",{"type":151,"tag":314,"props":3248,"children":3249},{"style":2545},[3250],{"type":161,"value":3251}," defineNuxtConfig",{"type":151,"tag":314,"props":3253,"children":3254},{"style":2535},[3255],{"type":161,"value":2628},{"type":151,"tag":314,"props":3257,"children":3258},{"style":321},[3259],{"type":161,"value":3260},"{\n",{"type":151,"tag":314,"props":3262,"children":3263},{"class":316,"line":552},[3264,3269,3273],{"type":151,"tag":314,"props":3265,"children":3266},{"style":327},[3267],{"type":161,"value":3268}," image",{"type":151,"tag":314,"props":3270,"children":3271},{"style":321},[3272],{"type":161,"value":2988},{"type":151,"tag":314,"props":3274,"children":3275},{"style":321},[3276],{"type":161,"value":3012},{"type":151,"tag":314,"props":3278,"children":3279},{"class":316,"line":578},[3280,3285,3289],{"type":151,"tag":314,"props":3281,"children":3282},{"style":327},[3283],{"type":161,"value":3284}," cloudinary",{"type":151,"tag":314,"props":3286,"children":3287},{"style":321},[3288],{"type":161,"value":2988},{"type":151,"tag":314,"props":3290,"children":3291},{"style":321},[3292],{"type":161,"value":3012},{"type":151,"tag":314,"props":3294,"children":3295},{"class":316,"line":604},[3296,3301,3305,3310,3315,3319],{"type":151,"tag":314,"props":3297,"children":3298},{"style":327},[3299],{"type":161,"value":3300}," baseURL",{"type":151,"tag":314,"props":3302,"children":3303},{"style":321},[3304],{"type":161,"value":2988},{"type":151,"tag":314,"props":3306,"children":3307},{"style":321},[3308],{"type":161,"value":3309}," '",{"type":151,"tag":314,"props":3311,"children":3312},{"style":349},[3313],{"type":161,"value":3314},"https://res.cloudinary.com/nuxt/image/upload/",{"type":151,"tag":314,"props":3316,"children":3317},{"style":321},[3318],{"type":161,"value":2681},{"type":151,"tag":314,"props":3320,"children":3321},{"style":321},[3322],{"type":161,"value":3323},",\n",{"type":151,"tag":314,"props":3325,"children":3326},{"class":316,"line":1130},[3327],{"type":151,"tag":314,"props":3328,"children":3329},{"style":321},[3330],{"type":161,"value":3331}," },\n",{"type":151,"tag":314,"props":3333,"children":3334},{"class":316,"line":1159},[3335],{"type":151,"tag":314,"props":3336,"children":3337},{"style":321},[3338],{"type":161,"value":3339}," },\n",{"type":151,"tag":314,"props":3341,"children":3342},{"class":316,"line":1184},[3343,3348],{"type":151,"tag":314,"props":3344,"children":3345},{"style":321},[3346],{"type":161,"value":3347},"}",{"type":151,"tag":314,"props":3349,"children":3350},{"style":2535},[3351],{"type":161,"value":3352},")\n",{"type":151,"tag":289,"props":3354,"children":3356},{"id":3355},"preset",[3357],{"type":151,"tag":156,"props":3358,"children":3360},{"className":3359},[],[3361],{"type":161,"value":3355},{"type":151,"tag":152,"props":3363,"children":3364},{},[3365],{"type":161,"value":3366},"Presets are predefined sets of image modifiers that can be used create unified form of images in your projects.",{"type":151,"tag":225,"props":3368,"children":3369},{},[3370],{"type":151,"tag":152,"props":3371,"children":3372},{},[3373,3375,3381,3383],{"type":161,"value":3374},"We can define presets using ",{"type":151,"tag":185,"props":3376,"children":3378},{"href":3377},"/get-started/configuration#presets",[3379],{"type":161,"value":3380},"presets options",{"type":161,"value":3382}," in ",{"type":151,"tag":156,"props":3384,"children":3386},{"className":3385},[],[3387],{"type":161,"value":3056},{"type":151,"tag":3065,"props":3389,"children":3390},{},[3391,3485],{"type":151,"tag":304,"props":3392,"children":3394},{"className":306,"code":3393,"filename":3071,"language":308,"meta":139,"style":139},"\u003Ctemplate>\n \u003CNuxtImg preset=\"cover\" src=\"/nuxt-icon.png\" />\n\u003C/template>\n",[3395],{"type":151,"tag":156,"props":3396,"children":3397},{"__ignoreMap":139},[3398,3413,3470],{"type":151,"tag":314,"props":3399,"children":3400},{"class":316,"line":317},[3401,3405,3409],{"type":151,"tag":314,"props":3402,"children":3403},{"style":321},[3404],{"type":161,"value":324},{"type":151,"tag":314,"props":3406,"children":3407},{"style":327},[3408],{"type":161,"value":2587},{"type":151,"tag":314,"props":3410,"children":3411},{"style":321},[3412],{"type":161,"value":1216},{"type":151,"tag":314,"props":3414,"children":3415},{"class":316,"line":552},[3416,3420,3424,3429,3433,3437,3442,3446,3450,3454,3458,3462,3466],{"type":151,"tag":314,"props":3417,"children":3418},{"style":321},[3419],{"type":161,"value":1235},{"type":151,"tag":314,"props":3421,"children":3422},{"style":327},[3423],{"type":161,"value":764},{"type":151,"tag":314,"props":3425,"children":3426},{"style":333},[3427],{"type":161,"value":3428}," preset",{"type":151,"tag":314,"props":3430,"children":3431},{"style":321},[3432],{"type":161,"value":341},{"type":151,"tag":314,"props":3434,"children":3435},{"style":321},[3436],{"type":161,"value":346},{"type":151,"tag":314,"props":3438,"children":3439},{"style":349},[3440],{"type":161,"value":3441},"cover",{"type":151,"tag":314,"props":3443,"children":3444},{"style":321},[3445],{"type":161,"value":346},{"type":151,"tag":314,"props":3447,"children":3448},{"style":333},[3449],{"type":161,"value":361},{"type":151,"tag":314,"props":3451,"children":3452},{"style":321},[3453],{"type":161,"value":341},{"type":151,"tag":314,"props":3455,"children":3456},{"style":321},[3457],{"type":161,"value":346},{"type":151,"tag":314,"props":3459,"children":3460},{"style":349},[3461],{"type":161,"value":374},{"type":151,"tag":314,"props":3463,"children":3464},{"style":321},[3465],{"type":161,"value":346},{"type":151,"tag":314,"props":3467,"children":3468},{"style":321},[3469],{"type":161,"value":388},{"type":151,"tag":314,"props":3471,"children":3472},{"class":316,"line":578},[3473,3477,3481],{"type":151,"tag":314,"props":3474,"children":3475},{"style":321},[3476],{"type":161,"value":1464},{"type":151,"tag":314,"props":3478,"children":3479},{"style":327},[3480],{"type":161,"value":2587},{"type":151,"tag":314,"props":3482,"children":3483},{"style":321},[3484],{"type":161,"value":1216},{"type":151,"tag":304,"props":3486,"children":3488},{"className":3225,"code":3487,"filename":3227,"language":3228,"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",[3489],{"type":151,"tag":156,"props":3490,"children":3491},{"__ignoreMap":139},[3492,3515,3530,3546,3562,3578,3606,3634,3655,3675,3683,3691,3698,3705],{"type":151,"tag":314,"props":3493,"children":3494},{"class":316,"line":317},[3495,3499,3503,3507,3511],{"type":151,"tag":314,"props":3496,"children":3497},{"style":3238},[3498],{"type":161,"value":3241},{"type":151,"tag":314,"props":3500,"children":3501},{"style":3238},[3502],{"type":161,"value":3246},{"type":151,"tag":314,"props":3504,"children":3505},{"style":2545},[3506],{"type":161,"value":3251},{"type":151,"tag":314,"props":3508,"children":3509},{"style":2535},[3510],{"type":161,"value":2628},{"type":151,"tag":314,"props":3512,"children":3513},{"style":321},[3514],{"type":161,"value":3260},{"type":151,"tag":314,"props":3516,"children":3517},{"class":316,"line":552},[3518,3522,3526],{"type":151,"tag":314,"props":3519,"children":3520},{"style":327},[3521],{"type":161,"value":3268},{"type":151,"tag":314,"props":3523,"children":3524},{"style":321},[3525],{"type":161,"value":2988},{"type":151,"tag":314,"props":3527,"children":3528},{"style":321},[3529],{"type":161,"value":3012},{"type":151,"tag":314,"props":3531,"children":3532},{"class":316,"line":578},[3533,3538,3542],{"type":151,"tag":314,"props":3534,"children":3535},{"style":327},[3536],{"type":161,"value":3537}," presets",{"type":151,"tag":314,"props":3539,"children":3540},{"style":321},[3541],{"type":161,"value":2988},{"type":151,"tag":314,"props":3543,"children":3544},{"style":321},[3545],{"type":161,"value":3012},{"type":151,"tag":314,"props":3547,"children":3548},{"class":316,"line":604},[3549,3554,3558],{"type":151,"tag":314,"props":3550,"children":3551},{"style":327},[3552],{"type":161,"value":3553}," cover",{"type":151,"tag":314,"props":3555,"children":3556},{"style":321},[3557],{"type":161,"value":2988},{"type":151,"tag":314,"props":3559,"children":3560},{"style":321},[3561],{"type":161,"value":3012},{"type":151,"tag":314,"props":3563,"children":3564},{"class":316,"line":1130},[3565,3570,3574],{"type":151,"tag":314,"props":3566,"children":3567},{"style":327},[3568],{"type":161,"value":3569}," modifiers",{"type":151,"tag":314,"props":3571,"children":3572},{"style":321},[3573],{"type":161,"value":2988},{"type":151,"tag":314,"props":3575,"children":3576},{"style":321},[3577],{"type":161,"value":3012},{"type":151,"tag":314,"props":3579,"children":3580},{"class":316,"line":1159},[3581,3586,3590,3594,3598,3602],{"type":151,"tag":314,"props":3582,"children":3583},{"style":327},[3584],{"type":161,"value":3585}," fit",{"type":151,"tag":314,"props":3587,"children":3588},{"style":321},[3589],{"type":161,"value":2988},{"type":151,"tag":314,"props":3591,"children":3592},{"style":321},[3593],{"type":161,"value":3309},{"type":151,"tag":314,"props":3595,"children":3596},{"style":349},[3597],{"type":161,"value":3441},{"type":151,"tag":314,"props":3599,"children":3600},{"style":321},[3601],{"type":161,"value":2681},{"type":151,"tag":314,"props":3603,"children":3604},{"style":321},[3605],{"type":161,"value":3323},{"type":151,"tag":314,"props":3607,"children":3608},{"class":316,"line":1184},[3609,3614,3618,3622,3626,3630],{"type":151,"tag":314,"props":3610,"children":3611},{"style":327},[3612],{"type":161,"value":3613}," format",{"type":151,"tag":314,"props":3615,"children":3616},{"style":321},[3617],{"type":161,"value":2988},{"type":151,"tag":314,"props":3619,"children":3620},{"style":321},[3621],{"type":161,"value":3309},{"type":151,"tag":314,"props":3623,"children":3624},{"style":349},[3625],{"type":161,"value":419},{"type":151,"tag":314,"props":3627,"children":3628},{"style":321},[3629],{"type":161,"value":2681},{"type":151,"tag":314,"props":3631,"children":3632},{"style":321},[3633],{"type":161,"value":3323},{"type":151,"tag":314,"props":3635,"children":3636},{"class":316,"line":1210},[3637,3642,3646,3651],{"type":151,"tag":314,"props":3638,"children":3639},{"style":327},[3640],{"type":161,"value":3641}," width",{"type":151,"tag":314,"props":3643,"children":3644},{"style":321},[3645],{"type":161,"value":2988},{"type":151,"tag":314,"props":3647,"children":3648},{"style":2660},[3649],{"type":161,"value":3650}," 300",{"type":151,"tag":314,"props":3652,"children":3653},{"style":321},[3654],{"type":161,"value":3323},{"type":151,"tag":314,"props":3656,"children":3657},{"class":316,"line":1219},[3658,3663,3667,3671],{"type":151,"tag":314,"props":3659,"children":3660},{"style":327},[3661],{"type":161,"value":3662}," height",{"type":151,"tag":314,"props":3664,"children":3665},{"style":321},[3666],{"type":161,"value":2988},{"type":151,"tag":314,"props":3668,"children":3669},{"style":2660},[3670],{"type":161,"value":3650},{"type":151,"tag":314,"props":3672,"children":3673},{"style":321},[3674],{"type":161,"value":3323},{"type":151,"tag":314,"props":3676,"children":3677},{"class":316,"line":1229},[3678],{"type":151,"tag":314,"props":3679,"children":3680},{"style":321},[3681],{"type":161,"value":3682}," },\n",{"type":151,"tag":314,"props":3684,"children":3685},{"class":316,"line":1246},[3686],{"type":151,"tag":314,"props":3687,"children":3688},{"style":321},[3689],{"type":161,"value":3690}," },\n",{"type":151,"tag":314,"props":3692,"children":3693},{"class":316,"line":1275},[3694],{"type":151,"tag":314,"props":3695,"children":3696},{"style":321},[3697],{"type":161,"value":3331},{"type":151,"tag":314,"props":3699,"children":3700},{"class":316,"line":1304},[3701],{"type":151,"tag":314,"props":3702,"children":3703},{"style":321},[3704],{"type":161,"value":3339},{"type":151,"tag":314,"props":3706,"children":3707},{"class":316,"line":1333},[3708,3712],{"type":151,"tag":314,"props":3709,"children":3710},{"style":321},[3711],{"type":161,"value":3347},{"type":151,"tag":314,"props":3713,"children":3714},{"style":2535},[3715],{"type":161,"value":3352},{"type":151,"tag":289,"props":3717,"children":3718},{"id":291},[3719],{"type":151,"tag":156,"props":3720,"children":3722},{"className":3721},[],[3723],{"type":161,"value":291},{"type":151,"tag":152,"props":3725,"children":3726},{},[3727],{"type":161,"value":3728},"In case you want to serve images in a specific format, use this prop.",{"type":151,"tag":304,"props":3730,"children":3732},{"className":306,"code":3731,"language":308,"meta":139,"style":139},"\u003CNuxtImg format=\"webp\" src=\"/nuxt-icon.png\" ... />\n",[3733],{"type":151,"tag":156,"props":3734,"children":3735},{"__ignoreMap":139},[3736],{"type":151,"tag":314,"props":3737,"children":3738},{"class":316,"line":317},[3739,3743,3747,3751,3755,3759,3763,3767,3771,3775,3779,3783,3787,3791],{"type":151,"tag":314,"props":3740,"children":3741},{"style":321},[3742],{"type":161,"value":324},{"type":151,"tag":314,"props":3744,"children":3745},{"style":327},[3746],{"type":161,"value":764},{"type":151,"tag":314,"props":3748,"children":3749},{"style":333},[3750],{"type":161,"value":336},{"type":151,"tag":314,"props":3752,"children":3753},{"style":321},[3754],{"type":161,"value":341},{"type":151,"tag":314,"props":3756,"children":3757},{"style":321},[3758],{"type":161,"value":346},{"type":151,"tag":314,"props":3760,"children":3761},{"style":349},[3762],{"type":161,"value":201},{"type":151,"tag":314,"props":3764,"children":3765},{"style":321},[3766],{"type":161,"value":346},{"type":151,"tag":314,"props":3768,"children":3769},{"style":333},[3770],{"type":161,"value":361},{"type":151,"tag":314,"props":3772,"children":3773},{"style":321},[3774],{"type":161,"value":341},{"type":151,"tag":314,"props":3776,"children":3777},{"style":321},[3778],{"type":161,"value":346},{"type":151,"tag":314,"props":3780,"children":3781},{"style":349},[3782],{"type":161,"value":374},{"type":151,"tag":314,"props":3784,"children":3785},{"style":321},[3786],{"type":161,"value":346},{"type":151,"tag":314,"props":3788,"children":3789},{"style":333},[3790],{"type":161,"value":383},{"type":151,"tag":314,"props":3792,"children":3793},{"style":321},[3794],{"type":161,"value":388},{"type":151,"tag":152,"props":3796,"children":3797},{},[3798,3799,3804,3805,3810,3811,3816,3817,3822,3823,3828,3829,3834,3835,3841],{"type":161,"value":393},{"type":151,"tag":156,"props":3800,"children":3802},{"className":3801},[],[3803],{"type":161,"value":201},{"type":161,"value":247},{"type":151,"tag":156,"props":3806,"children":3808},{"className":3807},[],[3809],{"type":161,"value":405},{"type":161,"value":247},{"type":151,"tag":156,"props":3812,"children":3814},{"className":3813},[],[3815],{"type":161,"value":412},{"type":161,"value":247},{"type":151,"tag":156,"props":3818,"children":3820},{"className":3819},[],[3821],{"type":161,"value":419},{"type":161,"value":247},{"type":151,"tag":156,"props":3824,"children":3826},{"className":3825},[],[3827],{"type":161,"value":426},{"type":161,"value":247},{"type":151,"tag":156,"props":3830,"children":3832},{"className":3831},[],[3833],{"type":161,"value":434},{"type":161,"value":428},{"type":151,"tag":156,"props":3836,"children":3838},{"className":3837},[],[3839],{"type":161,"value":3840},"svg",{"type":161,"value":436},{"type":151,"tag":289,"props":3843,"children":3845},{"id":3844},"quality",[3846],{"type":151,"tag":156,"props":3847,"children":3849},{"className":3848},[],[3850],{"type":161,"value":3844},{"type":151,"tag":152,"props":3852,"children":3853},{},[3854],{"type":161,"value":3855},"The quality for the generated image(s).",{"type":151,"tag":304,"props":3857,"children":3859},{"className":306,"code":3858,"language":308,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.jpg\" quality=\"80\" width=\"200\" height=\"100\" />\n",[3860],{"type":151,"tag":156,"props":3861,"children":3862},{"__ignoreMap":139},[3863],{"type":151,"tag":314,"props":3864,"children":3865},{"class":316,"line":317},[3866,3870,3874,3878,3882,3886,3891,3895,3900,3904,3908,3913,3917,3922,3926,3930,3935,3939,3944,3948,3952,3957,3961],{"type":151,"tag":314,"props":3867,"children":3868},{"style":321},[3869],{"type":161,"value":324},{"type":151,"tag":314,"props":3871,"children":3872},{"style":327},[3873],{"type":161,"value":764},{"type":151,"tag":314,"props":3875,"children":3876},{"style":333},[3877],{"type":161,"value":361},{"type":151,"tag":314,"props":3879,"children":3880},{"style":321},[3881],{"type":161,"value":341},{"type":151,"tag":314,"props":3883,"children":3884},{"style":321},[3885],{"type":161,"value":346},{"type":151,"tag":314,"props":3887,"children":3888},{"style":349},[3889],{"type":161,"value":3890},"/nuxt.jpg",{"type":151,"tag":314,"props":3892,"children":3893},{"style":321},[3894],{"type":161,"value":346},{"type":151,"tag":314,"props":3896,"children":3897},{"style":333},[3898],{"type":161,"value":3899}," quality",{"type":151,"tag":314,"props":3901,"children":3902},{"style":321},[3903],{"type":161,"value":341},{"type":151,"tag":314,"props":3905,"children":3906},{"style":321},[3907],{"type":161,"value":346},{"type":151,"tag":314,"props":3909,"children":3910},{"style":349},[3911],{"type":161,"value":3912},"80",{"type":151,"tag":314,"props":3914,"children":3915},{"style":321},[3916],{"type":161,"value":346},{"type":151,"tag":314,"props":3918,"children":3919},{"style":333},[3920],{"type":161,"value":3921}," width",{"type":151,"tag":314,"props":3923,"children":3924},{"style":321},[3925],{"type":161,"value":341},{"type":151,"tag":314,"props":3927,"children":3928},{"style":321},[3929],{"type":161,"value":346},{"type":151,"tag":314,"props":3931,"children":3932},{"style":349},[3933],{"type":161,"value":3934},"200",{"type":151,"tag":314,"props":3936,"children":3937},{"style":321},[3938],{"type":161,"value":346},{"type":151,"tag":314,"props":3940,"children":3941},{"style":333},[3942],{"type":161,"value":3943}," height",{"type":151,"tag":314,"props":3945,"children":3946},{"style":321},[3947],{"type":161,"value":341},{"type":151,"tag":314,"props":3949,"children":3950},{"style":321},[3951],{"type":161,"value":346},{"type":151,"tag":314,"props":3953,"children":3954},{"style":349},[3955],{"type":161,"value":3956},"100",{"type":151,"tag":314,"props":3958,"children":3959},{"style":321},[3960],{"type":161,"value":346},{"type":151,"tag":314,"props":3962,"children":3963},{"style":321},[3964],{"type":161,"value":388},{"type":151,"tag":289,"props":3966,"children":3968},{"id":3967},"fit",[3969],{"type":151,"tag":156,"props":3970,"children":3972},{"className":3971},[],[3973],{"type":161,"value":3967},{"type":151,"tag":152,"props":3975,"children":3976},{},[3977,3978,3983],{"type":161,"value":883},{"type":151,"tag":156,"props":3979,"children":3981},{"className":3980},[],[3982],{"type":161,"value":3967},{"type":161,"value":3984}," property specifies the size of the images.\nThere are five standard values you can use with this property.",{"type":151,"tag":453,"props":3986,"children":3987},{},[3988,3998,4009,4020,4031],{"type":151,"tag":457,"props":3989,"children":3990},{},[3991,3996],{"type":151,"tag":156,"props":3992,"children":3994},{"className":3993},[],[3995],{"type":161,"value":3441},{"type":161,"value":3997},": (default) Preserving aspect ratio, ensure the image covers both provided dimensions by cropping/clipping to fit",{"type":151,"tag":457,"props":3999,"children":4000},{},[4001,4007],{"type":151,"tag":156,"props":4002,"children":4004},{"className":4003},[],[4005],{"type":161,"value":4006},"contain",{"type":161,"value":4008},": Preserving aspect ratio, contain within both provided dimensions using \"letterboxing\" where necessary.",{"type":151,"tag":457,"props":4010,"children":4011},{},[4012,4018],{"type":151,"tag":156,"props":4013,"children":4015},{"className":4014},[],[4016],{"type":161,"value":4017},"fill",{"type":161,"value":4019},": Ignore the aspect ratio of the input and stretch to both provided dimensions.",{"type":151,"tag":457,"props":4021,"children":4022},{},[4023,4029],{"type":151,"tag":156,"props":4024,"children":4026},{"className":4025},[],[4027],{"type":161,"value":4028},"inside",{"type":161,"value":4030},": 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":4032,"children":4033},{},[4034,4040],{"type":151,"tag":156,"props":4035,"children":4037},{"className":4036},[],[4038],{"type":161,"value":4039},"outside",{"type":161,"value":4041},": 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":4043,"children":4045},{"className":306,"code":4044,"language":308,"meta":139,"style":139},"\u003CNuxtImg fit=\"cover\" src=\"/nuxt-icon.png\" width=\"200\" height=\"100\" />\n",[4046],{"type":151,"tag":156,"props":4047,"children":4048},{"__ignoreMap":139},[4049],{"type":151,"tag":314,"props":4050,"children":4051},{"class":316,"line":317},[4052,4056,4060,4065,4069,4073,4077,4081,4085,4089,4093,4097,4101,4105,4109,4113,4117,4121,4125,4129,4133,4137,4141],{"type":151,"tag":314,"props":4053,"children":4054},{"style":321},[4055],{"type":161,"value":324},{"type":151,"tag":314,"props":4057,"children":4058},{"style":327},[4059],{"type":161,"value":764},{"type":151,"tag":314,"props":4061,"children":4062},{"style":333},[4063],{"type":161,"value":4064}," fit",{"type":151,"tag":314,"props":4066,"children":4067},{"style":321},[4068],{"type":161,"value":341},{"type":151,"tag":314,"props":4070,"children":4071},{"style":321},[4072],{"type":161,"value":346},{"type":151,"tag":314,"props":4074,"children":4075},{"style":349},[4076],{"type":161,"value":3441},{"type":151,"tag":314,"props":4078,"children":4079},{"style":321},[4080],{"type":161,"value":346},{"type":151,"tag":314,"props":4082,"children":4083},{"style":333},[4084],{"type":161,"value":361},{"type":151,"tag":314,"props":4086,"children":4087},{"style":321},[4088],{"type":161,"value":341},{"type":151,"tag":314,"props":4090,"children":4091},{"style":321},[4092],{"type":161,"value":346},{"type":151,"tag":314,"props":4094,"children":4095},{"style":349},[4096],{"type":161,"value":374},{"type":151,"tag":314,"props":4098,"children":4099},{"style":321},[4100],{"type":161,"value":346},{"type":151,"tag":314,"props":4102,"children":4103},{"style":333},[4104],{"type":161,"value":3921},{"type":151,"tag":314,"props":4106,"children":4107},{"style":321},[4108],{"type":161,"value":341},{"type":151,"tag":314,"props":4110,"children":4111},{"style":321},[4112],{"type":161,"value":346},{"type":151,"tag":314,"props":4114,"children":4115},{"style":349},[4116],{"type":161,"value":3934},{"type":151,"tag":314,"props":4118,"children":4119},{"style":321},[4120],{"type":161,"value":346},{"type":151,"tag":314,"props":4122,"children":4123},{"style":333},[4124],{"type":161,"value":3943},{"type":151,"tag":314,"props":4126,"children":4127},{"style":321},[4128],{"type":161,"value":341},{"type":151,"tag":314,"props":4130,"children":4131},{"style":321},[4132],{"type":161,"value":346},{"type":151,"tag":314,"props":4134,"children":4135},{"style":349},[4136],{"type":161,"value":3956},{"type":151,"tag":314,"props":4138,"children":4139},{"style":321},[4140],{"type":161,"value":346},{"type":151,"tag":314,"props":4142,"children":4143},{"style":321},[4144],{"type":161,"value":388},{"type":151,"tag":225,"props":4146,"children":4147},{},[4148],{"type":151,"tag":152,"props":4149,"children":4150},{},[4151],{"type":161,"value":4152},"Some providers support other values.",{"type":151,"tag":289,"props":4154,"children":4156},{"id":4155},"modifiers",[4157],{"type":151,"tag":156,"props":4158,"children":4160},{"className":4159},[],[4161],{"type":161,"value":4155},{"type":151,"tag":152,"props":4163,"children":4164},{},[4165],{"type":161,"value":4166},"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":4168,"children":4169},{},[4170,4172,4177],{"type":161,"value":4171},"Using the ",{"type":151,"tag":156,"props":4173,"children":4175},{"className":4174},[],[4176],{"type":161,"value":4155},{"type":161,"value":4178}," prop lets you use any of these transformations.",{"type":151,"tag":152,"props":4180,"children":4181},{},[4182],{"type":151,"tag":526,"props":4183,"children":4184},{},[4185],{"type":161,"value":530},{"type":151,"tag":304,"props":4187,"children":4189},{"className":306,"code":4188,"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",[4190],{"type":151,"tag":156,"props":4191,"children":4192},{"__ignoreMap":139},[4193,4204,4228,4251,4274,4297,4322],{"type":151,"tag":314,"props":4194,"children":4195},{"class":316,"line":317},[4196,4200],{"type":151,"tag":314,"props":4197,"children":4198},{"style":321},[4199],{"type":161,"value":324},{"type":151,"tag":314,"props":4201,"children":4202},{"style":327},[4203],{"type":161,"value":1887},{"type":151,"tag":314,"props":4205,"children":4206},{"class":316,"line":552},[4207,4212,4216,4220,4224],{"type":151,"tag":314,"props":4208,"children":4209},{"style":333},[4210],{"type":161,"value":4211}," provider",{"type":151,"tag":314,"props":4213,"children":4214},{"style":321},[4215],{"type":161,"value":341},{"type":151,"tag":314,"props":4217,"children":4218},{"style":321},[4219],{"type":161,"value":346},{"type":151,"tag":314,"props":4221,"children":4222},{"style":349},[4223],{"type":161,"value":3122},{"type":151,"tag":314,"props":4225,"children":4226},{"style":321},[4227],{"type":161,"value":575},{"type":151,"tag":314,"props":4229,"children":4230},{"class":316,"line":578},[4231,4235,4239,4243,4247],{"type":151,"tag":314,"props":4232,"children":4233},{"style":333},[4234],{"type":161,"value":558},{"type":151,"tag":314,"props":4236,"children":4237},{"style":321},[4238],{"type":161,"value":341},{"type":151,"tag":314,"props":4240,"children":4241},{"style":321},[4242],{"type":161,"value":346},{"type":151,"tag":314,"props":4244,"children":4245},{"style":349},[4246],{"type":161,"value":3146},{"type":151,"tag":314,"props":4248,"children":4249},{"style":321},[4250],{"type":161,"value":575},{"type":151,"tag":314,"props":4252,"children":4253},{"class":316,"line":604},[4254,4258,4262,4266,4270],{"type":151,"tag":314,"props":4255,"children":4256},{"style":333},[4257],{"type":161,"value":1105},{"type":151,"tag":314,"props":4259,"children":4260},{"style":321},[4261],{"type":161,"value":341},{"type":151,"tag":314,"props":4263,"children":4264},{"style":321},[4265],{"type":161,"value":346},{"type":151,"tag":314,"props":4267,"children":4268},{"style":349},[4269],{"type":161,"value":3171},{"type":151,"tag":314,"props":4271,"children":4272},{"style":321},[4273],{"type":161,"value":575},{"type":151,"tag":314,"props":4275,"children":4276},{"class":316,"line":1130},[4277,4281,4285,4289,4293],{"type":151,"tag":314,"props":4278,"children":4279},{"style":333},[4280],{"type":161,"value":1136},{"type":151,"tag":314,"props":4282,"children":4283},{"style":321},[4284],{"type":161,"value":341},{"type":151,"tag":314,"props":4286,"children":4287},{"style":321},[4288],{"type":161,"value":346},{"type":151,"tag":314,"props":4290,"children":4291},{"style":349},[4292],{"type":161,"value":3196},{"type":151,"tag":314,"props":4294,"children":4295},{"style":321},[4296],{"type":161,"value":575},{"type":151,"tag":314,"props":4298,"children":4299},{"class":316,"line":1159},[4300,4305,4309,4313,4318],{"type":151,"tag":314,"props":4301,"children":4302},{"style":333},[4303],{"type":161,"value":4304}," :modifiers",{"type":151,"tag":314,"props":4306,"children":4307},{"style":321},[4308],{"type":161,"value":341},{"type":151,"tag":314,"props":4310,"children":4311},{"style":321},[4312],{"type":161,"value":346},{"type":151,"tag":314,"props":4314,"children":4315},{"style":349},[4316],{"type":161,"value":4317},"{ roundCorner: '0:100' }",{"type":151,"tag":314,"props":4319,"children":4320},{"style":321},[4321],{"type":161,"value":575},{"type":151,"tag":314,"props":4323,"children":4324},{"class":316,"line":1184},[4325],{"type":151,"tag":314,"props":4326,"children":4327},{"style":321},[4328],{"type":161,"value":610},{"type":151,"tag":289,"props":4330,"children":4332},{"id":4331},"preload",[4333],{"type":151,"tag":156,"props":4334,"children":4336},{"className":4335},[],[4337],{"type":161,"value":4331},{"type":151,"tag":152,"props":4339,"children":4340},{},[4341,4343,4349],{"type":161,"value":4342},"In case you want to preload the image, use this prop. This will place a corresponding ",{"type":151,"tag":156,"props":4344,"children":4346},{"className":4345},[],[4347],{"type":161,"value":4348},"link",{"type":161,"value":4350}," tag in the page's head.",{"type":151,"tag":304,"props":4352,"children":4354},{"className":306,"code":4353,"language":308,"meta":139,"style":139},"\u003CNuxtImg preload src=\"/nuxt-icon.png\" />\n",[4355],{"type":151,"tag":156,"props":4356,"children":4357},{"__ignoreMap":139},[4358],{"type":151,"tag":314,"props":4359,"children":4360},{"class":316,"line":317},[4361,4365,4369,4374,4378,4382,4386,4390,4394],{"type":151,"tag":314,"props":4362,"children":4363},{"style":321},[4364],{"type":161,"value":324},{"type":151,"tag":314,"props":4366,"children":4367},{"style":327},[4368],{"type":161,"value":764},{"type":151,"tag":314,"props":4370,"children":4371},{"style":333},[4372],{"type":161,"value":4373}," preload",{"type":151,"tag":314,"props":4375,"children":4376},{"style":333},[4377],{"type":161,"value":361},{"type":151,"tag":314,"props":4379,"children":4380},{"style":321},[4381],{"type":161,"value":341},{"type":151,"tag":314,"props":4383,"children":4384},{"style":321},[4385],{"type":161,"value":346},{"type":151,"tag":314,"props":4387,"children":4388},{"style":349},[4389],{"type":161,"value":374},{"type":151,"tag":314,"props":4391,"children":4392},{"style":321},[4393],{"type":161,"value":346},{"type":151,"tag":314,"props":4395,"children":4396},{"style":321},[4397],{"type":161,"value":388},{"type":151,"tag":289,"props":4399,"children":4401},{"id":4400},"loading",[4402],{"type":151,"tag":156,"props":4403,"children":4405},{"className":4404},[],[4406],{"type":161,"value":4400},{"type":151,"tag":152,"props":4408,"children":4409},{},[4410,4412,4418,4420,4427],{"type":161,"value":4411},"This is a ",{"type":151,"tag":185,"props":4413,"children":4416},{"href":4414,"rel":4415},"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading",[213],[4417],{"type":161,"value":1661},{"type":161,"value":4419}," 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":4421,"children":4424},{"href":4422,"rel":4423},"https://caniuse.com/loading-lazy-attr",[213],[4425],{"type":161,"value":4426},"supported",{"type":161,"value":4428}," by the latest version of all major browsers since March 2022.",{"type":151,"tag":152,"props":4430,"children":4431},{},[4432,4434,4440],{"type":161,"value":4433},"Set ",{"type":151,"tag":156,"props":4435,"children":4437},{"className":4436},[],[4438],{"type":161,"value":4439},"loading=\"lazy\"",{"type":161,"value":4441}," to defer loading of an image until it appears in the viewport.",{"type":151,"tag":304,"props":4443,"children":4445},{"className":306,"code":4444,"language":308,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" loading=\"lazy\" />\n",[4446],{"type":151,"tag":156,"props":4447,"children":4448},{"__ignoreMap":139},[4449],{"type":151,"tag":314,"props":4450,"children":4451},{"class":316,"line":317},[4452,4456,4460,4464,4468,4472,4476,4480,4485,4489,4493,4498,4502],{"type":151,"tag":314,"props":4453,"children":4454},{"style":321},[4455],{"type":161,"value":324},{"type":151,"tag":314,"props":4457,"children":4458},{"style":327},[4459],{"type":161,"value":764},{"type":151,"tag":314,"props":4461,"children":4462},{"style":333},[4463],{"type":161,"value":361},{"type":151,"tag":314,"props":4465,"children":4466},{"style":321},[4467],{"type":161,"value":341},{"type":151,"tag":314,"props":4469,"children":4470},{"style":321},[4471],{"type":161,"value":346},{"type":151,"tag":314,"props":4473,"children":4474},{"style":349},[4475],{"type":161,"value":374},{"type":151,"tag":314,"props":4477,"children":4478},{"style":321},[4479],{"type":161,"value":346},{"type":151,"tag":314,"props":4481,"children":4482},{"style":333},[4483],{"type":161,"value":4484}," loading",{"type":151,"tag":314,"props":4486,"children":4487},{"style":321},[4488],{"type":161,"value":341},{"type":151,"tag":314,"props":4490,"children":4491},{"style":321},[4492],{"type":161,"value":346},{"type":151,"tag":314,"props":4494,"children":4495},{"style":349},[4496],{"type":161,"value":4497},"lazy",{"type":151,"tag":314,"props":4499,"children":4500},{"style":321},[4501],{"type":161,"value":346},{"type":151,"tag":314,"props":4503,"children":4504},{"style":321},[4505],{"type":161,"value":388},{"type":151,"tag":289,"props":4507,"children":4509},{"id":4508},"nonce",[4510],{"type":151,"tag":156,"props":4511,"children":4513},{"className":4512},[],[4514],{"type":161,"value":4508},{"type":151,"tag":152,"props":4516,"children":4517},{},[4518,4519,4525,4527,4533,4535,4540],{"type":161,"value":4411},{"type":151,"tag":185,"props":4520,"children":4523},{"href":4521,"rel":4522},"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce",[213],[4524],{"type":161,"value":1661},{"type":161,"value":4526}," 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":4528,"children":4530},{"className":4529},[],[4531],{"type":161,"value":4532},"unsafe-inline",{"type":161,"value":4534}," directive, which would allowlist ",{"type":151,"tag":1670,"props":4536,"children":4537},{},[4538],{"type":161,"value":4539},"all",{"type":161,"value":4541}," inline script or styles.",{"type":151,"tag":304,"props":4543,"children":4545},{"className":306,"code":4544,"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",[4546],{"type":151,"tag":156,"props":4547,"children":4548},{"__ignoreMap":139},[4549,4605,4612,4652,4660,4668,4693],{"type":151,"tag":314,"props":4550,"children":4551},{"class":316,"line":317},[4552,4556,4560,4564,4568,4572,4576,4580,4585,4589,4593,4597,4601],{"type":151,"tag":314,"props":4553,"children":4554},{"style":321},[4555],{"type":161,"value":324},{"type":151,"tag":314,"props":4557,"children":4558},{"style":327},[4559],{"type":161,"value":764},{"type":151,"tag":314,"props":4561,"children":4562},{"style":333},[4563],{"type":161,"value":361},{"type":151,"tag":314,"props":4565,"children":4566},{"style":321},[4567],{"type":161,"value":341},{"type":151,"tag":314,"props":4569,"children":4570},{"style":321},[4571],{"type":161,"value":346},{"type":151,"tag":314,"props":4573,"children":4574},{"style":349},[4575],{"type":161,"value":374},{"type":151,"tag":314,"props":4577,"children":4578},{"style":321},[4579],{"type":161,"value":346},{"type":151,"tag":314,"props":4581,"children":4582},{"style":333},[4583],{"type":161,"value":4584}," :nonce",{"type":151,"tag":314,"props":4586,"children":4587},{"style":321},[4588],{"type":161,"value":341},{"type":151,"tag":314,"props":4590,"children":4591},{"style":321},[4592],{"type":161,"value":346},{"type":151,"tag":314,"props":4594,"children":4595},{"style":349},[4596],{"type":161,"value":4508},{"type":151,"tag":314,"props":4598,"children":4599},{"style":321},[4600],{"type":161,"value":346},{"type":151,"tag":314,"props":4602,"children":4603},{"style":321},[4604],{"type":161,"value":388},{"type":151,"tag":314,"props":4606,"children":4607},{"class":316,"line":552},[4608],{"type":151,"tag":314,"props":4609,"children":4610},{"emptyLinePlaceholder":1346},[4611],{"type":161,"value":1349},{"type":151,"tag":314,"props":4613,"children":4614},{"class":316,"line":578},[4615,4619,4623,4628,4632,4636,4640,4644,4648],{"type":151,"tag":314,"props":4616,"children":4617},{"style":321},[4618],{"type":161,"value":324},{"type":151,"tag":314,"props":4620,"children":4621},{"style":327},[4622],{"type":161,"value":2515},{"type":151,"tag":314,"props":4624,"children":4625},{"style":333},[4626],{"type":161,"value":4627}," lang",{"type":151,"tag":314,"props":4629,"children":4630},{"style":321},[4631],{"type":161,"value":341},{"type":151,"tag":314,"props":4633,"children":4634},{"style":321},[4635],{"type":161,"value":346},{"type":151,"tag":314,"props":4637,"children":4638},{"style":349},[4639],{"type":161,"value":3228},{"type":151,"tag":314,"props":4641,"children":4642},{"style":321},[4643],{"type":161,"value":346},{"type":151,"tag":314,"props":4645,"children":4646},{"style":333},[4647],{"type":161,"value":2520},{"type":151,"tag":314,"props":4649,"children":4650},{"style":321},[4651],{"type":161,"value":1216},{"type":151,"tag":314,"props":4653,"children":4654},{"class":316,"line":604},[4655],{"type":151,"tag":314,"props":4656,"children":4657},{"style":1223},[4658],{"type":161,"value":4659},"// useNonce is not provided by nuxt/image but might be\n",{"type":151,"tag":314,"props":4661,"children":4662},{"class":316,"line":1130},[4663],{"type":151,"tag":314,"props":4664,"children":4665},{"style":1223},[4666],{"type":161,"value":4667},"// provided by another module, for example nuxt-security\n",{"type":151,"tag":314,"props":4669,"children":4670},{"class":316,"line":1159},[4671,4675,4680,4684,4689],{"type":151,"tag":314,"props":4672,"children":4673},{"style":333},[4674],{"type":161,"value":2532},{"type":151,"tag":314,"props":4676,"children":4677},{"style":2535},[4678],{"type":161,"value":4679}," nonce ",{"type":151,"tag":314,"props":4681,"children":4682},{"style":321},[4683],{"type":161,"value":341},{"type":151,"tag":314,"props":4685,"children":4686},{"style":2545},[4687],{"type":161,"value":4688}," useNonce",{"type":151,"tag":314,"props":4690,"children":4691},{"style":2535},[4692],{"type":161,"value":2553},{"type":151,"tag":314,"props":4694,"children":4695},{"class":316,"line":1184},[4696,4700,4704],{"type":151,"tag":314,"props":4697,"children":4698},{"style":321},[4699],{"type":161,"value":1464},{"type":151,"tag":314,"props":4701,"children":4702},{"style":327},[4703],{"type":161,"value":2515},{"type":151,"tag":314,"props":4705,"children":4706},{"style":321},[4707],{"type":161,"value":1216},{"type":151,"tag":265,"props":4709,"children":4711},{"id":4710},"events",[4712],{"type":161,"value":4713},"Events",{"type":151,"tag":152,"props":4715,"children":4716},{},[4717,4719,4724,4726,4731,4732,4737],{"type":161,"value":4718},"Native events emitted by the ",{"type":151,"tag":156,"props":4720,"children":4722},{"className":4721},[],[4723],{"type":161,"value":652},{"type":161,"value":4725}," element contained by ",{"type":151,"tag":156,"props":4727,"children":4729},{"className":4728},[],[4730],{"type":161,"value":25},{"type":161,"value":428},{"type":151,"tag":156,"props":4733,"children":4735},{"className":4734},[],[4736],{"type":161,"value":28},{"type":161,"value":4738}," components are re-emitted and can be listened to.",{"type":151,"tag":152,"props":4740,"children":4741},{},[4742,4746,4748,4754,4756],{"type":151,"tag":526,"props":4743,"children":4744},{},[4745],{"type":161,"value":530},{"type":161,"value":4747}," Listen to the native ",{"type":151,"tag":156,"props":4749,"children":4751},{"className":4750},[],[4752],{"type":161,"value":4753},"onLoad",{"type":161,"value":4755}," event from ",{"type":151,"tag":156,"props":4757,"children":4759},{"className":4758},[],[4760],{"type":161,"value":25},{"type":151,"tag":304,"props":4762,"children":4764},{"className":306,"code":4763,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n src=\"/images/colors.jpg\"\n width=\"500\"\n height=\"500\"\n @load=\"doSomethingOnLoad\"\n/>\n",[4765],{"type":151,"tag":156,"props":4766,"children":4767},{"__ignoreMap":139},[4768,4779,4803,4827,4850,4875],{"type":151,"tag":314,"props":4769,"children":4770},{"class":316,"line":317},[4771,4775],{"type":151,"tag":314,"props":4772,"children":4773},{"style":321},[4774],{"type":161,"value":324},{"type":151,"tag":314,"props":4776,"children":4777},{"style":327},[4778],{"type":161,"value":1887},{"type":151,"tag":314,"props":4780,"children":4781},{"class":316,"line":552},[4782,4786,4790,4794,4799],{"type":151,"tag":314,"props":4783,"children":4784},{"style":333},[4785],{"type":161,"value":558},{"type":151,"tag":314,"props":4787,"children":4788},{"style":321},[4789],{"type":161,"value":341},{"type":151,"tag":314,"props":4791,"children":4792},{"style":321},[4793],{"type":161,"value":346},{"type":151,"tag":314,"props":4795,"children":4796},{"style":349},[4797],{"type":161,"value":4798},"/images/colors.jpg",{"type":151,"tag":314,"props":4800,"children":4801},{"style":321},[4802],{"type":161,"value":575},{"type":151,"tag":314,"props":4804,"children":4805},{"class":316,"line":578},[4806,4810,4814,4818,4823],{"type":151,"tag":314,"props":4807,"children":4808},{"style":333},[4809],{"type":161,"value":1105},{"type":151,"tag":314,"props":4811,"children":4812},{"style":321},[4813],{"type":161,"value":341},{"type":151,"tag":314,"props":4815,"children":4816},{"style":321},[4817],{"type":161,"value":346},{"type":151,"tag":314,"props":4819,"children":4820},{"style":349},[4821],{"type":161,"value":4822},"500",{"type":151,"tag":314,"props":4824,"children":4825},{"style":321},[4826],{"type":161,"value":575},{"type":151,"tag":314,"props":4828,"children":4829},{"class":316,"line":604},[4830,4834,4838,4842,4846],{"type":151,"tag":314,"props":4831,"children":4832},{"style":333},[4833],{"type":161,"value":1136},{"type":151,"tag":314,"props":4835,"children":4836},{"style":321},[4837],{"type":161,"value":341},{"type":151,"tag":314,"props":4839,"children":4840},{"style":321},[4841],{"type":161,"value":346},{"type":151,"tag":314,"props":4843,"children":4844},{"style":349},[4845],{"type":161,"value":4822},{"type":151,"tag":314,"props":4847,"children":4848},{"style":321},[4849],{"type":161,"value":575},{"type":151,"tag":314,"props":4851,"children":4852},{"class":316,"line":1130},[4853,4858,4862,4866,4871],{"type":151,"tag":314,"props":4854,"children":4855},{"style":333},[4856],{"type":161,"value":4857}," @load",{"type":151,"tag":314,"props":4859,"children":4860},{"style":321},[4861],{"type":161,"value":341},{"type":151,"tag":314,"props":4863,"children":4864},{"style":321},[4865],{"type":161,"value":346},{"type":151,"tag":314,"props":4867,"children":4868},{"style":349},[4869],{"type":161,"value":4870},"doSomethingOnLoad",{"type":151,"tag":314,"props":4872,"children":4873},{"style":321},[4874],{"type":161,"value":575},{"type":151,"tag":314,"props":4876,"children":4877},{"class":316,"line":1159},[4878],{"type":151,"tag":314,"props":4879,"children":4880},{"style":321},[4881],{"type":161,"value":610},{"type":151,"tag":612,"props":4883,"children":4884},{},[4885],{"type":161,"value":616},{"title":139,"searchDepth":552,"depth":552,"links":4887},[4888,4889,4909],{"id":137,"depth":552,"text":21},{"id":267,"depth":552,"text":270,"children":4890},[4891,4892,4893,4895,4896,4897,4898,4899,4900,4901,4902,4903,4904,4905,4906,4907,4908],{"id":872,"depth":578,"text":872},{"id":672,"depth":578,"text":672},{"id":1592,"depth":578,"text":4894},"width / height",{"id":968,"depth":578,"text":968},{"id":703,"depth":578,"text":703},{"id":1946,"depth":578,"text":1946},{"id":1439,"depth":578,"text":1439},{"id":2776,"depth":578,"text":2776},{"id":3031,"depth":578,"text":3031},{"id":3355,"depth":578,"text":3355},{"id":291,"depth":578,"text":291},{"id":3844,"depth":578,"text":3844},{"id":3967,"depth":578,"text":3967},{"id":4155,"depth":578,"text":4155},{"id":4331,"depth":578,"text":4331},{"id":4400,"depth":578,"text":4400},{"id":4508,"depth":578,"text":4508},{"id":4710,"depth":552,"text":4713},"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":4914,"links":4915,"body":4918,"_type":624,"_id":6210,"_source":626,"_file":6211,"_stem":6212,"_extension":629},"A Vue composable that returns a helper function to generate optimized image URLs.",[4916],{"label":143,"icon":144,"to":4917,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/composables.ts",{"type":148,"children":4919,"toc":6205},[4920,4959,4963,5033,5050,5260,5270,5357,5372,5380,5506,5521,6201],{"type":151,"tag":152,"props":4921,"children":4922},{},[4923,4925,4930,4931,4936,4938,4943,4945,4951,4953,4958],{"type":161,"value":4924},"Sometimes you might need to use a generated image URL directly with applied transformations instead of the ",{"type":151,"tag":156,"props":4926,"children":4928},{"className":4927},[],[4929],{"type":161,"value":25},{"type":161,"value":428},{"type":151,"tag":156,"props":4932,"children":4934},{"className":4933},[],[4935],{"type":161,"value":28},{"type":161,"value":4937}," components. This is where ",{"type":151,"tag":156,"props":4939,"children":4941},{"className":4940},[],[4942],{"type":161,"value":31},{"type":161,"value":4944}," comes in (and the helper function it returns, which you will often see referenced directly as ",{"type":151,"tag":156,"props":4946,"children":4948},{"className":4947},[],[4949],{"type":161,"value":4950},"$img",{"type":161,"value":4952}," or ",{"type":151,"tag":156,"props":4954,"children":4956},{"className":4955},[],[4957],{"type":161,"value":519},{"type":161,"value":995},{"type":151,"tag":265,"props":4960,"children":4961},{"id":137},[4962],{"type":161,"value":21},{"type":151,"tag":304,"props":4964,"children":4968},{"className":4965,"code":4966,"language":4967,"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",[4969],{"type":151,"tag":156,"props":4970,"children":4971},{"__ignoreMap":139},[4972,4995,5002],{"type":151,"tag":314,"props":4973,"children":4974},{"class":316,"line":317},[4975,4979,4983,4987,4991],{"type":151,"tag":314,"props":4976,"children":4977},{"style":333},[4978],{"type":161,"value":2532},{"type":151,"tag":314,"props":4980,"children":4981},{"style":2535},[4982],{"type":161,"value":2538},{"type":151,"tag":314,"props":4984,"children":4985},{"style":321},[4986],{"type":161,"value":341},{"type":151,"tag":314,"props":4988,"children":4989},{"style":2545},[4990],{"type":161,"value":2548},{"type":151,"tag":314,"props":4992,"children":4993},{"style":2535},[4994],{"type":161,"value":2553},{"type":151,"tag":314,"props":4996,"children":4997},{"class":316,"line":552},[4998],{"type":151,"tag":314,"props":4999,"children":5000},{"emptyLinePlaceholder":1346},[5001],{"type":161,"value":1349},{"type":151,"tag":314,"props":5003,"children":5004},{"class":316,"line":578},[5005,5009,5014,5019,5024,5028],{"type":151,"tag":314,"props":5006,"children":5007},{"style":2545},[5008],{"type":161,"value":519},{"type":151,"tag":314,"props":5010,"children":5011},{"style":2535},[5012],{"type":161,"value":5013},"(src",{"type":151,"tag":314,"props":5015,"children":5016},{"style":321},[5017],{"type":161,"value":5018},",",{"type":151,"tag":314,"props":5020,"children":5021},{"style":2535},[5022],{"type":161,"value":5023}," modifiers",{"type":151,"tag":314,"props":5025,"children":5026},{"style":321},[5027],{"type":161,"value":5018},{"type":151,"tag":314,"props":5029,"children":5030},{"style":2535},[5031],{"type":161,"value":5032}," options)\n",{"type":151,"tag":152,"props":5034,"children":5035},{},[5036,5040,5042,5048],{"type":151,"tag":526,"props":5037,"children":5038},{},[5039],{"type":161,"value":530},{"type":161,"value":5041}," Generate image URL for ",{"type":151,"tag":156,"props":5043,"children":5045},{"className":5044},[],[5046],{"type":161,"value":5047},"backgroundImage",{"type":161,"value":5049}," style.",{"type":151,"tag":304,"props":5051,"children":5053},{"className":4965,"code":5052,"language":4967,"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",[5054],{"type":151,"tag":156,"props":5055,"children":5056},{"__ignoreMap":139},[5057,5080,5119,5190,5249],{"type":151,"tag":314,"props":5058,"children":5059},{"class":316,"line":317},[5060,5064,5068,5072,5076],{"type":151,"tag":314,"props":5061,"children":5062},{"style":333},[5063],{"type":161,"value":2532},{"type":151,"tag":314,"props":5065,"children":5066},{"style":2535},[5067],{"type":161,"value":2538},{"type":151,"tag":314,"props":5069,"children":5070},{"style":321},[5071],{"type":161,"value":341},{"type":151,"tag":314,"props":5073,"children":5074},{"style":2545},[5075],{"type":161,"value":2548},{"type":151,"tag":314,"props":5077,"children":5078},{"style":2535},[5079],{"type":161,"value":2553},{"type":151,"tag":314,"props":5081,"children":5082},{"class":316,"line":552},[5083,5087,5092,5096,5101,5105,5110,5115],{"type":151,"tag":314,"props":5084,"children":5085},{"style":333},[5086],{"type":161,"value":2532},{"type":151,"tag":314,"props":5088,"children":5089},{"style":2535},[5090],{"type":161,"value":5091}," backgroundStyles ",{"type":151,"tag":314,"props":5093,"children":5094},{"style":321},[5095],{"type":161,"value":341},{"type":151,"tag":314,"props":5097,"children":5098},{"style":2545},[5099],{"type":161,"value":5100}," computed",{"type":151,"tag":314,"props":5102,"children":5103},{"style":2535},[5104],{"type":161,"value":2628},{"type":151,"tag":314,"props":5106,"children":5107},{"style":321},[5108],{"type":161,"value":5109},"()",{"type":151,"tag":314,"props":5111,"children":5112},{"style":333},[5113],{"type":161,"value":5114}," =>",{"type":151,"tag":314,"props":5116,"children":5117},{"style":321},[5118],{"type":161,"value":3012},{"type":151,"tag":314,"props":5120,"children":5121},{"class":316,"line":578},[5122,5127,5132,5137,5142,5146,5150,5155,5159,5163,5168,5172,5176,5181,5186],{"type":151,"tag":314,"props":5123,"children":5124},{"style":333},[5125],{"type":161,"value":5126}," const",{"type":151,"tag":314,"props":5128,"children":5129},{"style":2535},[5130],{"type":161,"value":5131}," imgUrl",{"type":151,"tag":314,"props":5133,"children":5134},{"style":321},[5135],{"type":161,"value":5136}," =",{"type":151,"tag":314,"props":5138,"children":5139},{"style":2545},[5140],{"type":161,"value":5141}," img",{"type":151,"tag":314,"props":5143,"children":5144},{"style":327},[5145],{"type":161,"value":2628},{"type":151,"tag":314,"props":5147,"children":5148},{"style":321},[5149],{"type":161,"value":2681},{"type":151,"tag":314,"props":5151,"children":5152},{"style":349},[5153],{"type":161,"value":5154},"https://github.com/nuxt.png",{"type":151,"tag":314,"props":5156,"children":5157},{"style":321},[5158],{"type":161,"value":2681},{"type":151,"tag":314,"props":5160,"children":5161},{"style":321},[5162],{"type":161,"value":5018},{"type":151,"tag":314,"props":5164,"children":5165},{"style":321},[5166],{"type":161,"value":5167}," {",{"type":151,"tag":314,"props":5169,"children":5170},{"style":327},[5171],{"type":161,"value":3921},{"type":151,"tag":314,"props":5173,"children":5174},{"style":321},[5175],{"type":161,"value":2988},{"type":151,"tag":314,"props":5177,"children":5178},{"style":2660},[5179],{"type":161,"value":5180}," 100",{"type":151,"tag":314,"props":5182,"children":5183},{"style":321},[5184],{"type":161,"value":5185}," }",{"type":151,"tag":314,"props":5187,"children":5188},{"style":327},[5189],{"type":161,"value":3352},{"type":151,"tag":314,"props":5191,"children":5192},{"class":316,"line":604},[5193,5198,5202,5207,5211,5216,5221,5226,5231,5235,5240,5244],{"type":151,"tag":314,"props":5194,"children":5195},{"style":3238},[5196],{"type":161,"value":5197}," return",{"type":151,"tag":314,"props":5199,"children":5200},{"style":321},[5201],{"type":161,"value":5167},{"type":151,"tag":314,"props":5203,"children":5204},{"style":327},[5205],{"type":161,"value":5206}," backgroundImage",{"type":151,"tag":314,"props":5208,"children":5209},{"style":321},[5210],{"type":161,"value":2988},{"type":151,"tag":314,"props":5212,"children":5213},{"style":321},[5214],{"type":161,"value":5215}," `",{"type":151,"tag":314,"props":5217,"children":5218},{"style":349},[5219],{"type":161,"value":5220},"url('",{"type":151,"tag":314,"props":5222,"children":5223},{"style":321},[5224],{"type":161,"value":5225},"${",{"type":151,"tag":314,"props":5227,"children":5228},{"style":2535},[5229],{"type":161,"value":5230},"imgUrl",{"type":151,"tag":314,"props":5232,"children":5233},{"style":321},[5234],{"type":161,"value":3347},{"type":151,"tag":314,"props":5236,"children":5237},{"style":349},[5238],{"type":161,"value":5239},"')",{"type":151,"tag":314,"props":5241,"children":5242},{"style":321},[5243],{"type":161,"value":2633},{"type":151,"tag":314,"props":5245,"children":5246},{"style":321},[5247],{"type":161,"value":5248}," }\n",{"type":151,"tag":314,"props":5250,"children":5251},{"class":316,"line":1130},[5252,5256],{"type":151,"tag":314,"props":5253,"children":5254},{"style":321},[5255],{"type":161,"value":3347},{"type":151,"tag":314,"props":5257,"children":5258},{"style":2535},[5259],{"type":161,"value":3352},{"type":151,"tag":289,"props":5261,"children":5263},{"id":5262},"imggetsizes",[5264],{"type":151,"tag":156,"props":5265,"children":5267},{"className":5266},[],[5268],{"type":161,"value":5269},"img.getSizes",{"type":151,"tag":304,"props":5271,"children":5273},{"className":4965,"code":5272,"language":4967,"meta":139,"style":139},"const img = useImage()\n\nimg.getSizes(src, { sizes, modifiers })\n",[5274],{"type":151,"tag":156,"props":5275,"children":5276},{"__ignoreMap":139},[5277,5300,5307],{"type":151,"tag":314,"props":5278,"children":5279},{"class":316,"line":317},[5280,5284,5288,5292,5296],{"type":151,"tag":314,"props":5281,"children":5282},{"style":333},[5283],{"type":161,"value":2532},{"type":151,"tag":314,"props":5285,"children":5286},{"style":2535},[5287],{"type":161,"value":2538},{"type":151,"tag":314,"props":5289,"children":5290},{"style":321},[5291],{"type":161,"value":341},{"type":151,"tag":314,"props":5293,"children":5294},{"style":2545},[5295],{"type":161,"value":2548},{"type":151,"tag":314,"props":5297,"children":5298},{"style":2535},[5299],{"type":161,"value":2553},{"type":151,"tag":314,"props":5301,"children":5302},{"class":316,"line":552},[5303],{"type":151,"tag":314,"props":5304,"children":5305},{"emptyLinePlaceholder":1346},[5306],{"type":161,"value":1349},{"type":151,"tag":314,"props":5308,"children":5309},{"class":316,"line":578},[5310,5314,5318,5323,5327,5331,5335,5340,5344,5349,5353],{"type":151,"tag":314,"props":5311,"children":5312},{"style":2535},[5313],{"type":161,"value":519},{"type":151,"tag":314,"props":5315,"children":5316},{"style":321},[5317],{"type":161,"value":223},{"type":151,"tag":314,"props":5319,"children":5320},{"style":2545},[5321],{"type":161,"value":5322},"getSizes",{"type":151,"tag":314,"props":5324,"children":5325},{"style":2535},[5326],{"type":161,"value":5013},{"type":151,"tag":314,"props":5328,"children":5329},{"style":321},[5330],{"type":161,"value":5018},{"type":151,"tag":314,"props":5332,"children":5333},{"style":321},[5334],{"type":161,"value":5167},{"type":151,"tag":314,"props":5336,"children":5337},{"style":2535},[5338],{"type":161,"value":5339}," sizes",{"type":151,"tag":314,"props":5341,"children":5342},{"style":321},[5343],{"type":161,"value":5018},{"type":151,"tag":314,"props":5345,"children":5346},{"style":2535},[5347],{"type":161,"value":5348}," modifiers ",{"type":151,"tag":314,"props":5350,"children":5351},{"style":321},[5352],{"type":161,"value":3347},{"type":151,"tag":314,"props":5354,"children":5355},{"style":2535},[5356],{"type":161,"value":3352},{"type":151,"tag":225,"props":5358,"children":5359},{},[5360],{"type":151,"tag":152,"props":5361,"children":5362},{},[5363,5365,5370],{"type":161,"value":5364},"Unstable: ",{"type":151,"tag":156,"props":5366,"children":5368},{"className":5367},[],[5369],{"type":161,"value":5322},{"type":161,"value":5371}," API might change or be removed.",{"type":151,"tag":152,"props":5373,"children":5374},{},[5375],{"type":151,"tag":526,"props":5376,"children":5377},{},[5378],{"type":161,"value":5379},"Parameters:",{"type":151,"tag":453,"props":5381,"children":5382},{},[5383,5393,5403,5461],{"type":151,"tag":457,"props":5384,"children":5385},{},[5386,5391],{"type":151,"tag":156,"props":5387,"children":5389},{"className":5388},[],[5390],{"type":161,"value":672},{"type":161,"value":5392},": (string) Source to original image id",{"type":151,"tag":457,"props":5394,"children":5395},{},[5396,5401],{"type":151,"tag":156,"props":5397,"children":5399},{"className":5398},[],[5400],{"type":161,"value":703},{"type":161,"value":5402},": (string) List of responsive image sizes ({breakpoint}:{size}{unit})",{"type":151,"tag":457,"props":5404,"children":5405},{},[5406,5411,5413],{"type":151,"tag":156,"props":5407,"children":5409},{"className":5408},[],[5410],{"type":161,"value":4155},{"type":161,"value":5412},": (object) Modifiers passed to provider for resizing and optimizing\n",{"type":151,"tag":453,"props":5414,"children":5415},{},[5416,5426,5436,5446,5456],{"type":151,"tag":457,"props":5417,"children":5418},{},[5419,5424],{"type":151,"tag":156,"props":5420,"children":5422},{"className":5421},[],[5423],{"type":161,"value":685},{"type":161,"value":5425},": resize to the specified width (in pixels)",{"type":151,"tag":457,"props":5427,"children":5428},{},[5429,5434],{"type":151,"tag":156,"props":5430,"children":5432},{"className":5431},[],[5433],{"type":161,"value":692},{"type":161,"value":5435},": resize to specified height (in pixels)",{"type":151,"tag":457,"props":5437,"children":5438},{},[5439,5444],{"type":151,"tag":156,"props":5440,"children":5442},{"className":5441},[],[5443],{"type":161,"value":3844},{"type":161,"value":5445},": Change image quality (0 to 100)",{"type":151,"tag":457,"props":5447,"children":5448},{},[5449,5454],{"type":151,"tag":156,"props":5450,"children":5452},{"className":5451},[],[5453],{"type":161,"value":291},{"type":161,"value":5455},": Change the image format",{"type":151,"tag":457,"props":5457,"children":5458},{},[5459],{"type":161,"value":5460},"(any other custom provider modifier)",{"type":151,"tag":457,"props":5462,"children":5463},{},[5464,5470,5472],{"type":151,"tag":156,"props":5465,"children":5467},{"className":5466},[],[5468],{"type":161,"value":5469},"options",{"type":161,"value":5471},": (object)\n",{"type":151,"tag":453,"props":5473,"children":5474},{},[5475,5492],{"type":151,"tag":457,"props":5476,"children":5477},{},[5478,5483,5485,5491],{"type":151,"tag":156,"props":5479,"children":5481},{"className":5480},[],[5482],{"type":161,"value":3031},{"type":161,"value":5484},": (string) Provider name other than default (see ",{"type":151,"tag":185,"props":5486,"children":5488},{"href":5487},"/get-started/configuration#providers",[5489],{"type":161,"value":5490},"providers",{"type":161,"value":1634},{"type":151,"tag":457,"props":5493,"children":5494},{},[5495,5500,5502],{"type":151,"tag":156,"props":5496,"children":5498},{"className":5497},[],[5499],{"type":161,"value":3355},{"type":161,"value":5501},": Use a ",{"type":151,"tag":185,"props":5503,"children":5504},{"href":3377},[5505],{"type":161,"value":3355},{"type":151,"tag":152,"props":5507,"children":5508},{},[5509,5513,5515],{"type":151,"tag":526,"props":5510,"children":5511},{},[5512],{"type":161,"value":530},{"type":161,"value":5514}," Responsive srcset with Vuetify ",{"type":151,"tag":156,"props":5516,"children":5518},{"className":5517},[],[5519],{"type":161,"value":5520},"v-img",{"type":151,"tag":304,"props":5522,"children":5524},{"className":306,"code":5523,"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",[5525],{"type":151,"tag":156,"props":5526,"children":5527},{"__ignoreMap":139},[5528,5567,5596,5656,5671,5692,5718,5726,5737,5760,5796,5839,5868,5884,5912,5933,5959,5967,5979,5990,6005,6012,6027,6040,6066,6091,6117,6142,6168,6185],{"type":151,"tag":314,"props":5529,"children":5530},{"class":316,"line":317},[5531,5535,5539,5543,5547,5551,5555,5559,5563],{"type":151,"tag":314,"props":5532,"children":5533},{"style":321},[5534],{"type":161,"value":324},{"type":151,"tag":314,"props":5536,"children":5537},{"style":327},[5538],{"type":161,"value":2515},{"type":151,"tag":314,"props":5540,"children":5541},{"style":333},[5542],{"type":161,"value":2520},{"type":151,"tag":314,"props":5544,"children":5545},{"style":333},[5546],{"type":161,"value":4627},{"type":151,"tag":314,"props":5548,"children":5549},{"style":321},[5550],{"type":161,"value":341},{"type":151,"tag":314,"props":5552,"children":5553},{"style":321},[5554],{"type":161,"value":346},{"type":151,"tag":314,"props":5556,"children":5557},{"style":349},[5558],{"type":161,"value":3228},{"type":151,"tag":314,"props":5560,"children":5561},{"style":321},[5562],{"type":161,"value":346},{"type":151,"tag":314,"props":5564,"children":5565},{"style":321},[5566],{"type":161,"value":1216},{"type":151,"tag":314,"props":5568,"children":5569},{"class":316,"line":552},[5570,5574,5579,5583,5588,5592],{"type":151,"tag":314,"props":5571,"children":5572},{"style":333},[5573],{"type":161,"value":2532},{"type":151,"tag":314,"props":5575,"children":5576},{"style":2535},[5577],{"type":161,"value":5578}," props ",{"type":151,"tag":314,"props":5580,"children":5581},{"style":321},[5582],{"type":161,"value":341},{"type":151,"tag":314,"props":5584,"children":5585},{"style":2545},[5586],{"type":161,"value":5587}," defineProps",{"type":151,"tag":314,"props":5589,"children":5590},{"style":2535},[5591],{"type":161,"value":2628},{"type":151,"tag":314,"props":5593,"children":5594},{"style":321},[5595],{"type":161,"value":3260},{"type":151,"tag":314,"props":5597,"children":5598},{"class":316,"line":578},[5599,5603,5607,5611,5616,5620,5625,5629,5634,5638,5642,5646,5651],{"type":151,"tag":314,"props":5600,"children":5601},{"style":327},[5602],{"type":161,"value":1136},{"type":151,"tag":314,"props":5604,"children":5605},{"style":321},[5606],{"type":161,"value":2988},{"type":151,"tag":314,"props":5608,"children":5609},{"style":321},[5610],{"type":161,"value":5167},{"type":151,"tag":314,"props":5612,"children":5613},{"style":327},[5614],{"type":161,"value":5615}," type",{"type":151,"tag":314,"props":5617,"children":5618},{"style":321},[5619],{"type":161,"value":2988},{"type":151,"tag":314,"props":5621,"children":5622},{"style":2535},[5623],{"type":161,"value":5624}," [Number",{"type":151,"tag":314,"props":5626,"children":5627},{"style":321},[5628],{"type":161,"value":5018},{"type":151,"tag":314,"props":5630,"children":5631},{"style":2535},[5632],{"type":161,"value":5633}," String]",{"type":151,"tag":314,"props":5635,"children":5636},{"style":321},[5637],{"type":161,"value":5018},{"type":151,"tag":314,"props":5639,"children":5640},{"style":327},[5641],{"type":161,"value":3246},{"type":151,"tag":314,"props":5643,"children":5644},{"style":321},[5645],{"type":161,"value":2988},{"type":151,"tag":314,"props":5647,"children":5648},{"style":2660},[5649],{"type":161,"value":5650}," 500",{"type":151,"tag":314,"props":5652,"children":5653},{"style":321},[5654],{"type":161,"value":5655}," },\n",{"type":151,"tag":314,"props":5657,"children":5658},{"class":316,"line":604},[5659,5663,5667],{"type":151,"tag":314,"props":5660,"children":5661},{"style":327},[5662],{"type":161,"value":558},{"type":151,"tag":314,"props":5664,"children":5665},{"style":321},[5666],{"type":161,"value":2988},{"type":151,"tag":314,"props":5668,"children":5669},{"style":321},[5670],{"type":161,"value":3012},{"type":151,"tag":314,"props":5672,"children":5673},{"class":316,"line":1130},[5674,5679,5683,5688],{"type":151,"tag":314,"props":5675,"children":5676},{"style":327},[5677],{"type":161,"value":5678}," type",{"type":151,"tag":314,"props":5680,"children":5681},{"style":321},[5682],{"type":161,"value":2988},{"type":151,"tag":314,"props":5684,"children":5685},{"style":2535},[5686],{"type":161,"value":5687}," String",{"type":151,"tag":314,"props":5689,"children":5690},{"style":321},[5691],{"type":161,"value":3323},{"type":151,"tag":314,"props":5693,"children":5694},{"class":316,"line":1159},[5695,5700,5704,5708,5713],{"type":151,"tag":314,"props":5696,"children":5697},{"style":327},[5698],{"type":161,"value":5699}," default",{"type":151,"tag":314,"props":5701,"children":5702},{"style":321},[5703],{"type":161,"value":2988},{"type":151,"tag":314,"props":5705,"children":5706},{"style":321},[5707],{"type":161,"value":3309},{"type":151,"tag":314,"props":5709,"children":5710},{"style":349},[5711],{"type":161,"value":5712},"/img/header-bg.jpg",{"type":151,"tag":314,"props":5714,"children":5715},{"style":321},[5716],{"type":161,"value":5717},"'\n",{"type":151,"tag":314,"props":5719,"children":5720},{"class":316,"line":1184},[5721],{"type":151,"tag":314,"props":5722,"children":5723},{"style":321},[5724],{"type":161,"value":5725}," }\n",{"type":151,"tag":314,"props":5727,"children":5728},{"class":316,"line":1210},[5729,5733],{"type":151,"tag":314,"props":5730,"children":5731},{"style":321},[5732],{"type":161,"value":3347},{"type":151,"tag":314,"props":5734,"children":5735},{"style":2535},[5736],{"type":161,"value":3352},{"type":151,"tag":314,"props":5738,"children":5739},{"class":316,"line":1219},[5740,5744,5748,5752,5756],{"type":151,"tag":314,"props":5741,"children":5742},{"style":333},[5743],{"type":161,"value":2532},{"type":151,"tag":314,"props":5745,"children":5746},{"style":2535},[5747],{"type":161,"value":2538},{"type":151,"tag":314,"props":5749,"children":5750},{"style":321},[5751],{"type":161,"value":341},{"type":151,"tag":314,"props":5753,"children":5754},{"style":2545},[5755],{"type":161,"value":2548},{"type":151,"tag":314,"props":5757,"children":5758},{"style":2535},[5759],{"type":161,"value":2553},{"type":151,"tag":314,"props":5761,"children":5762},{"class":316,"line":1229},[5763,5767,5772,5776,5780,5784,5788,5792],{"type":151,"tag":314,"props":5764,"children":5765},{"style":333},[5766],{"type":161,"value":2532},{"type":151,"tag":314,"props":5768,"children":5769},{"style":2535},[5770],{"type":161,"value":5771}," _srcset ",{"type":151,"tag":314,"props":5773,"children":5774},{"style":321},[5775],{"type":161,"value":341},{"type":151,"tag":314,"props":5777,"children":5778},{"style":2545},[5779],{"type":161,"value":5100},{"type":151,"tag":314,"props":5781,"children":5782},{"style":2535},[5783],{"type":161,"value":2628},{"type":151,"tag":314,"props":5785,"children":5786},{"style":321},[5787],{"type":161,"value":5109},{"type":151,"tag":314,"props":5789,"children":5790},{"style":333},[5791],{"type":161,"value":5114},{"type":151,"tag":314,"props":5793,"children":5794},{"style":321},[5795],{"type":161,"value":3012},{"type":151,"tag":314,"props":5797,"children":5798},{"class":316,"line":1246},[5799,5803,5807,5811,5815,5819,5823,5827,5831,5835],{"type":151,"tag":314,"props":5800,"children":5801},{"style":3238},[5802],{"type":161,"value":5197},{"type":151,"tag":314,"props":5804,"children":5805},{"style":2535},[5806],{"type":161,"value":5141},{"type":151,"tag":314,"props":5808,"children":5809},{"style":321},[5810],{"type":161,"value":223},{"type":151,"tag":314,"props":5812,"children":5813},{"style":2545},[5814],{"type":161,"value":5322},{"type":151,"tag":314,"props":5816,"children":5817},{"style":327},[5818],{"type":161,"value":2628},{"type":151,"tag":314,"props":5820,"children":5821},{"style":2535},[5822],{"type":161,"value":267},{"type":151,"tag":314,"props":5824,"children":5825},{"style":321},[5826],{"type":161,"value":223},{"type":151,"tag":314,"props":5828,"children":5829},{"style":2535},[5830],{"type":161,"value":672},{"type":151,"tag":314,"props":5832,"children":5833},{"style":321},[5834],{"type":161,"value":5018},{"type":151,"tag":314,"props":5836,"children":5837},{"style":321},[5838],{"type":161,"value":3012},{"type":151,"tag":314,"props":5840,"children":5841},{"class":316,"line":1275},[5842,5847,5851,5855,5860,5864],{"type":151,"tag":314,"props":5843,"children":5844},{"style":327},[5845],{"type":161,"value":5846}," sizes",{"type":151,"tag":314,"props":5848,"children":5849},{"style":321},[5850],{"type":161,"value":2988},{"type":151,"tag":314,"props":5852,"children":5853},{"style":321},[5854],{"type":161,"value":3309},{"type":151,"tag":314,"props":5856,"children":5857},{"style":349},[5858],{"type":161,"value":5859},"xs:100vw sm:100vw md:100vw lg:100vw xl:100vw",{"type":151,"tag":314,"props":5861,"children":5862},{"style":321},[5863],{"type":161,"value":2681},{"type":151,"tag":314,"props":5865,"children":5866},{"style":321},[5867],{"type":161,"value":3323},{"type":151,"tag":314,"props":5869,"children":5870},{"class":316,"line":1304},[5871,5876,5880],{"type":151,"tag":314,"props":5872,"children":5873},{"style":327},[5874],{"type":161,"value":5875}," modifiers",{"type":151,"tag":314,"props":5877,"children":5878},{"style":321},[5879],{"type":161,"value":2988},{"type":151,"tag":314,"props":5881,"children":5882},{"style":321},[5883],{"type":161,"value":3012},{"type":151,"tag":314,"props":5885,"children":5886},{"class":316,"line":1333},[5887,5892,5896,5900,5904,5908],{"type":151,"tag":314,"props":5888,"children":5889},{"style":327},[5890],{"type":161,"value":5891}," format",{"type":151,"tag":314,"props":5893,"children":5894},{"style":321},[5895],{"type":161,"value":2988},{"type":151,"tag":314,"props":5897,"children":5898},{"style":321},[5899],{"type":161,"value":3309},{"type":151,"tag":314,"props":5901,"children":5902},{"style":349},[5903],{"type":161,"value":201},{"type":151,"tag":314,"props":5905,"children":5906},{"style":321},[5907],{"type":161,"value":2681},{"type":151,"tag":314,"props":5909,"children":5910},{"style":321},[5911],{"type":161,"value":3323},{"type":151,"tag":314,"props":5913,"children":5914},{"class":316,"line":1342},[5915,5920,5924,5929],{"type":151,"tag":314,"props":5916,"children":5917},{"style":327},[5918],{"type":161,"value":5919}," quality",{"type":151,"tag":314,"props":5921,"children":5922},{"style":321},[5923],{"type":161,"value":2988},{"type":151,"tag":314,"props":5925,"children":5926},{"style":2660},[5927],{"type":161,"value":5928}," 70",{"type":151,"tag":314,"props":5930,"children":5931},{"style":321},[5932],{"type":161,"value":3323},{"type":151,"tag":314,"props":5934,"children":5935},{"class":316,"line":1352},[5936,5941,5945,5950,5954],{"type":151,"tag":314,"props":5937,"children":5938},{"style":327},[5939],{"type":161,"value":5940}," height",{"type":151,"tag":314,"props":5942,"children":5943},{"style":321},[5944],{"type":161,"value":2988},{"type":151,"tag":314,"props":5946,"children":5947},{"style":2535},[5948],{"type":161,"value":5949}," props",{"type":151,"tag":314,"props":5951,"children":5952},{"style":321},[5953],{"type":161,"value":223},{"type":151,"tag":314,"props":5955,"children":5956},{"style":2535},[5957],{"type":161,"value":5958},"height\n",{"type":151,"tag":314,"props":5960,"children":5961},{"class":316,"line":1361},[5962],{"type":151,"tag":314,"props":5963,"children":5964},{"style":321},[5965],{"type":161,"value":5966}," }\n",{"type":151,"tag":314,"props":5968,"children":5969},{"class":316,"line":1377},[5970,5975],{"type":151,"tag":314,"props":5971,"children":5972},{"style":321},[5973],{"type":161,"value":5974}," }",{"type":151,"tag":314,"props":5976,"children":5977},{"style":327},[5978],{"type":161,"value":3352},{"type":151,"tag":314,"props":5980,"children":5981},{"class":316,"line":1390},[5982,5986],{"type":151,"tag":314,"props":5983,"children":5984},{"style":321},[5985],{"type":161,"value":3347},{"type":151,"tag":314,"props":5987,"children":5988},{"style":2535},[5989],{"type":161,"value":3352},{"type":151,"tag":314,"props":5991,"children":5992},{"class":316,"line":1420},[5993,5997,6001],{"type":151,"tag":314,"props":5994,"children":5995},{"style":321},[5996],{"type":161,"value":1464},{"type":151,"tag":314,"props":5998,"children":5999},{"style":327},[6000],{"type":161,"value":2515},{"type":151,"tag":314,"props":6002,"children":6003},{"style":321},[6004],{"type":161,"value":1216},{"type":151,"tag":314,"props":6006,"children":6007},{"class":316,"line":1450},[6008],{"type":151,"tag":314,"props":6009,"children":6010},{"emptyLinePlaceholder":1346},[6011],{"type":161,"value":1349},{"type":151,"tag":314,"props":6013,"children":6014},{"class":316,"line":1458},[6015,6019,6023],{"type":151,"tag":314,"props":6016,"children":6017},{"style":321},[6018],{"type":161,"value":324},{"type":151,"tag":314,"props":6020,"children":6021},{"style":327},[6022],{"type":161,"value":2587},{"type":151,"tag":314,"props":6024,"children":6025},{"style":321},[6026],{"type":161,"value":1216},{"type":151,"tag":314,"props":6028,"children":6030},{"class":316,"line":6029},23,[6031,6035],{"type":151,"tag":314,"props":6032,"children":6033},{"style":321},[6034],{"type":161,"value":1235},{"type":151,"tag":314,"props":6036,"children":6037},{"style":327},[6038],{"type":161,"value":6039},"v-img\n",{"type":151,"tag":314,"props":6041,"children":6043},{"class":316,"line":6042},24,[6044,6049,6053,6057,6062],{"type":151,"tag":314,"props":6045,"children":6046},{"style":333},[6047],{"type":161,"value":6048}," :lazy-src",{"type":151,"tag":314,"props":6050,"children":6051},{"style":321},[6052],{"type":161,"value":341},{"type":151,"tag":314,"props":6054,"children":6055},{"style":321},[6056],{"type":161,"value":346},{"type":151,"tag":314,"props":6058,"children":6059},{"style":349},[6060],{"type":161,"value":6061},"img(src, { width: 10, quality: 70 })",{"type":151,"tag":314,"props":6063,"children":6064},{"style":321},[6065],{"type":161,"value":575},{"type":151,"tag":314,"props":6067,"children":6069},{"class":316,"line":6068},25,[6070,6074,6078,6082,6087],{"type":151,"tag":314,"props":6071,"children":6072},{"style":333},[6073],{"type":161,"value":1310},{"type":151,"tag":314,"props":6075,"children":6076},{"style":321},[6077],{"type":161,"value":341},{"type":151,"tag":314,"props":6079,"children":6080},{"style":321},[6081],{"type":161,"value":346},{"type":151,"tag":314,"props":6083,"children":6084},{"style":349},[6085],{"type":161,"value":6086},"img(src, { height, quality: 70 })",{"type":151,"tag":314,"props":6088,"children":6089},{"style":321},[6090],{"type":161,"value":575},{"type":151,"tag":314,"props":6092,"children":6094},{"class":316,"line":6093},26,[6095,6100,6104,6108,6113],{"type":151,"tag":314,"props":6096,"children":6097},{"style":333},[6098],{"type":161,"value":6099}," :srcset",{"type":151,"tag":314,"props":6101,"children":6102},{"style":321},[6103],{"type":161,"value":341},{"type":151,"tag":314,"props":6105,"children":6106},{"style":321},[6107],{"type":161,"value":346},{"type":151,"tag":314,"props":6109,"children":6110},{"style":349},[6111],{"type":161,"value":6112},"_srcset.srcset",{"type":151,"tag":314,"props":6114,"children":6115},{"style":321},[6116],{"type":161,"value":575},{"type":151,"tag":314,"props":6118,"children":6120},{"class":316,"line":6119},27,[6121,6126,6130,6134,6138],{"type":151,"tag":314,"props":6122,"children":6123},{"style":333},[6124],{"type":161,"value":6125}," :height",{"type":151,"tag":314,"props":6127,"children":6128},{"style":321},[6129],{"type":161,"value":341},{"type":151,"tag":314,"props":6131,"children":6132},{"style":321},[6133],{"type":161,"value":346},{"type":151,"tag":314,"props":6135,"children":6136},{"style":349},[6137],{"type":161,"value":692},{"type":151,"tag":314,"props":6139,"children":6140},{"style":321},[6141],{"type":161,"value":575},{"type":151,"tag":314,"props":6143,"children":6145},{"class":316,"line":6144},28,[6146,6151,6155,6159,6164],{"type":151,"tag":314,"props":6147,"children":6148},{"style":333},[6149],{"type":161,"value":6150}," :sizes",{"type":151,"tag":314,"props":6152,"children":6153},{"style":321},[6154],{"type":161,"value":341},{"type":151,"tag":314,"props":6156,"children":6157},{"style":321},[6158],{"type":161,"value":346},{"type":151,"tag":314,"props":6160,"children":6161},{"style":349},[6162],{"type":161,"value":6163},"_srcset.sizes",{"type":151,"tag":314,"props":6165,"children":6166},{"style":321},[6167],{"type":161,"value":575},{"type":151,"tag":314,"props":6169,"children":6171},{"class":316,"line":6170},29,[6172,6177,6181],{"type":151,"tag":314,"props":6173,"children":6174},{"style":321},[6175],{"type":161,"value":6176}," >\u003C/",{"type":151,"tag":314,"props":6178,"children":6179},{"style":327},[6180],{"type":161,"value":5520},{"type":151,"tag":314,"props":6182,"children":6183},{"style":321},[6184],{"type":161,"value":1216},{"type":151,"tag":314,"props":6186,"children":6188},{"class":316,"line":6187},30,[6189,6193,6197],{"type":151,"tag":314,"props":6190,"children":6191},{"style":321},[6192],{"type":161,"value":1464},{"type":151,"tag":314,"props":6194,"children":6195},{"style":327},[6196],{"type":161,"value":2587},{"type":151,"tag":314,"props":6198,"children":6199},{"style":321},[6200],{"type":161,"value":1216},{"type":151,"tag":612,"props":6202,"children":6203},{},[6204],{"type":161,"value":616},{"title":139,"searchDepth":552,"depth":552,"links":6206},[6207],{"id":137,"depth":552,"text":21,"children":6208},[6209],{"id":5262,"depth":578,"text":5269},"content:2.usage:3.use-image.md","2.usage/3.use-image.md","2.usage/3.use-image",1736769705644]