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