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