[{"data":1,"prerenderedAt":2212},["Reactive",2],{"navigation":3,"docs-/usage/use-image":115,"docs-/usage/use-image-surround":1480},[4,20,33,105],{"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],{"title":37,"_path":38},"Cloudflare","/providers/cloudflare",{"title":40,"_path":41},"Cloudimage","/providers/cloudimage",{"title":43,"_path":44},"Cloudinary","/providers/cloudinary",{"title":46,"_path":47},"Contentful","/providers/contentful",{"title":49,"_path":50},"Directus","/providers/directus",{"title":52,"_path":53},"Edgio","/providers/edgio",{"title":55,"_path":56},"Fastly","/providers/fastly",{"title":58,"_path":59},"Glide","/providers/glide",{"title":61,"_path":62},"Gumlet","/providers/gumlet",{"title":64,"_path":65},"ImageEngine","/providers/imageengine",{"title":67,"_path":68},"ImageKit","/providers/imagekit",{"title":70,"_path":71},"Imgix","/providers/imgix",{"title":73,"_path":74},"IPX","/providers/ipx",{"title":76,"_path":77},"Netlify","/providers/netlify",{"title":79,"_path":80},"Prepr","/providers/prepr",{"title":82,"_path":83},"Prismic","/providers/prismic",{"title":85,"_path":86},"Sanity","/providers/sanity",{"title":88,"_path":89},"Storyblok","/providers/storyblok",{"title":91,"_path":92},"Strapi","/providers/strapi",{"title":94,"_path":95},"Twicpics","/providers/twicpics",{"title":97,"_path":98},"Unsplash","/providers/unsplash",{"title":100,"_path":101},"Uploadcare","/providers/uploadcare",{"title":103,"_path":104},"Vercel","/providers/vercel",{"title":106,"_path":107,"children":108},"Advanced","/advanced",[109,112],{"title":110,"_path":111},"Custom Provider","/advanced/custom-provider",{"title":113,"_path":114},"Static Images","/advanced/static-images",{"_path":32,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":31,"description":119,"links":120,"body":126,"_type":1475,"_id":1476,"_source":1477,"_file":1478,"_extension":1479},"usage",false,"","A Vue composable that returns a helper function to generate optimized image URLs.",[121],{"label":122,"icon":123,"to":124,"size":125},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/composables.ts","xs",{"type":127,"children":128,"toc":1470},"root",[129,170,175,256,274,495,505,589,604,612,741,755,1464],{"type":130,"tag":131,"props":132,"children":133},"element","p",{},[134,137,142,144,148,150,154,156,161,163,168],{"type":135,"value":136},"text","Sometimes you might need to use a generated image URL directly with applied transformations instead of the ",{"type":130,"tag":138,"props":139,"children":140},"code",{"className":118},[141],{"type":135,"value":25},{"type":135,"value":143}," and ",{"type":130,"tag":138,"props":145,"children":146},{"className":118},[147],{"type":135,"value":28},{"type":135,"value":149}," components. This is where ",{"type":130,"tag":138,"props":151,"children":152},{"className":118},[153],{"type":135,"value":31},{"type":135,"value":155}," comes in (and the helper function it returns, which you will often see referenced directly as ",{"type":130,"tag":138,"props":157,"children":158},{"className":118},[159],{"type":135,"value":160},"$img",{"type":135,"value":162}," or ",{"type":130,"tag":138,"props":164,"children":165},{"className":118},[166],{"type":135,"value":167},"img",{"type":135,"value":169},").",{"type":130,"tag":171,"props":172,"children":173},"h2",{"id":116},[174],{"type":135,"value":21},{"type":130,"tag":176,"props":177,"children":181},"pre",{"className":178,"code":179,"language":180,"meta":118,"style":118},"language-js shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","const img = useImage()\n\nimg(src, modifiers, options)\n","js",[182],{"type":130,"tag":138,"props":183,"children":184},{"__ignoreMap":118},[185,220,224],{"type":130,"tag":186,"props":187,"children":190},"span",{"class":188,"line":189},"line",1,[191,197,203,209,215],{"type":130,"tag":186,"props":192,"children":194},{"style":193},"color:#C792EA;--shiki-dark:#C792EA;--shiki-light:#9C3EDA",[195],{"type":135,"value":196},"const",{"type":130,"tag":186,"props":198,"children":200},{"style":199},"color:#EEFFFF;--shiki-dark:#BABED8;--shiki-light:#90A4AE",[201],{"type":135,"value":202}," img ",{"type":130,"tag":186,"props":204,"children":206},{"style":205},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5",[207],{"type":135,"value":208},"=",{"type":130,"tag":186,"props":210,"children":212},{"style":211},"color:#82AAFF;--shiki-dark:#82AAFF;--shiki-light:#6182B8",[213],{"type":135,"value":214}," useImage",{"type":130,"tag":186,"props":216,"children":217},{"style":199},[218],{"type":135,"value":219},"()",{"type":130,"tag":186,"props":221,"children":223},{"class":188,"line":222},2,[],{"type":130,"tag":186,"props":225,"children":227},{"class":188,"line":226},3,[228,232,237,242,247,251],{"type":130,"tag":186,"props":229,"children":230},{"style":211},[231],{"type":135,"value":167},{"type":130,"tag":186,"props":233,"children":234},{"style":199},[235],{"type":135,"value":236},"(src",{"type":130,"tag":186,"props":238,"children":239},{"style":205},[240],{"type":135,"value":241},",",{"type":130,"tag":186,"props":243,"children":244},{"style":199},[245],{"type":135,"value":246}," modifiers",{"type":130,"tag":186,"props":248,"children":249},{"style":205},[250],{"type":135,"value":241},{"type":130,"tag":186,"props":252,"children":253},{"style":199},[254],{"type":135,"value":255}," options)",{"type":130,"tag":131,"props":257,"children":258},{},[259,265,267,272],{"type":130,"tag":260,"props":261,"children":262},"strong",{},[263],{"type":135,"value":264},"Example:",{"type":135,"value":266}," Generate image URL for ",{"type":130,"tag":138,"props":268,"children":269},{"className":118},[270],{"type":135,"value":271},"backgroundImage",{"type":135,"value":273}," style.",{"type":130,"tag":176,"props":275,"children":277},{"className":178,"code":276,"language":180,"meta":118,"style":118},"const img = useImage()\nconst backgroundStyles = computed(() => {\n  const imgUrl = img('https://github.com/nuxt.png', { width: 100 })\n  return { backgroundImage: `url('${imgUrl}')` }\n})\n",[278],{"type":130,"tag":138,"props":279,"children":280},{"__ignoreMap":118},[281,304,344,421,483],{"type":130,"tag":186,"props":282,"children":283},{"class":188,"line":189},[284,288,292,296,300],{"type":130,"tag":186,"props":285,"children":286},{"style":193},[287],{"type":135,"value":196},{"type":130,"tag":186,"props":289,"children":290},{"style":199},[291],{"type":135,"value":202},{"type":130,"tag":186,"props":293,"children":294},{"style":205},[295],{"type":135,"value":208},{"type":130,"tag":186,"props":297,"children":298},{"style":211},[299],{"type":135,"value":214},{"type":130,"tag":186,"props":301,"children":302},{"style":199},[303],{"type":135,"value":219},{"type":130,"tag":186,"props":305,"children":306},{"class":188,"line":222},[307,311,316,320,325,330,334,339],{"type":130,"tag":186,"props":308,"children":309},{"style":193},[310],{"type":135,"value":196},{"type":130,"tag":186,"props":312,"children":313},{"style":199},[314],{"type":135,"value":315}," backgroundStyles ",{"type":130,"tag":186,"props":317,"children":318},{"style":205},[319],{"type":135,"value":208},{"type":130,"tag":186,"props":321,"children":322},{"style":211},[323],{"type":135,"value":324}," computed",{"type":130,"tag":186,"props":326,"children":327},{"style":199},[328],{"type":135,"value":329},"(",{"type":130,"tag":186,"props":331,"children":332},{"style":205},[333],{"type":135,"value":219},{"type":130,"tag":186,"props":335,"children":336},{"style":193},[337],{"type":135,"value":338}," =>",{"type":130,"tag":186,"props":340,"children":341},{"style":205},[342],{"type":135,"value":343}," {",{"type":130,"tag":186,"props":345,"children":346},{"class":188,"line":226},[347,352,357,362,367,372,377,383,387,391,395,400,405,411,416],{"type":130,"tag":186,"props":348,"children":349},{"style":193},[350],{"type":135,"value":351},"  const",{"type":130,"tag":186,"props":353,"children":354},{"style":199},[355],{"type":135,"value":356}," imgUrl",{"type":130,"tag":186,"props":358,"children":359},{"style":205},[360],{"type":135,"value":361}," =",{"type":130,"tag":186,"props":363,"children":364},{"style":211},[365],{"type":135,"value":366}," img",{"type":130,"tag":186,"props":368,"children":370},{"style":369},"color:#F07178;--shiki-dark:#F07178;--shiki-light:#E53935",[371],{"type":135,"value":329},{"type":130,"tag":186,"props":373,"children":374},{"style":205},[375],{"type":135,"value":376},"'",{"type":130,"tag":186,"props":378,"children":380},{"style":379},"color:#C3E88D;--shiki-dark:#C3E88D;--shiki-light:#91B859",[381],{"type":135,"value":382},"https://github.com/nuxt.png",{"type":130,"tag":186,"props":384,"children":385},{"style":205},[386],{"type":135,"value":376},{"type":130,"tag":186,"props":388,"children":389},{"style":205},[390],{"type":135,"value":241},{"type":130,"tag":186,"props":392,"children":393},{"style":205},[394],{"type":135,"value":343},{"type":130,"tag":186,"props":396,"children":397},{"style":369},[398],{"type":135,"value":399}," width",{"type":130,"tag":186,"props":401,"children":402},{"style":205},[403],{"type":135,"value":404},":",{"type":130,"tag":186,"props":406,"children":408},{"style":407},"color:#F78C6C;--shiki-dark:#F78C6C;--shiki-light:#F76D47",[409],{"type":135,"value":410}," 100",{"type":130,"tag":186,"props":412,"children":413},{"style":205},[414],{"type":135,"value":415}," }",{"type":130,"tag":186,"props":417,"children":418},{"style":369},[419],{"type":135,"value":420},")",{"type":130,"tag":186,"props":422,"children":424},{"class":188,"line":423},4,[425,431,435,440,444,449,454,459,464,469,474,479],{"type":130,"tag":186,"props":426,"children":428},{"style":427},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[429],{"type":135,"value":430},"  return",{"type":130,"tag":186,"props":432,"children":433},{"style":205},[434],{"type":135,"value":343},{"type":130,"tag":186,"props":436,"children":437},{"style":369},[438],{"type":135,"value":439}," backgroundImage",{"type":130,"tag":186,"props":441,"children":442},{"style":205},[443],{"type":135,"value":404},{"type":130,"tag":186,"props":445,"children":446},{"style":205},[447],{"type":135,"value":448}," `",{"type":130,"tag":186,"props":450,"children":451},{"style":379},[452],{"type":135,"value":453},"url('",{"type":130,"tag":186,"props":455,"children":456},{"style":205},[457],{"type":135,"value":458},"${",{"type":130,"tag":186,"props":460,"children":461},{"style":199},[462],{"type":135,"value":463},"imgUrl",{"type":130,"tag":186,"props":465,"children":466},{"style":205},[467],{"type":135,"value":468},"}",{"type":130,"tag":186,"props":470,"children":471},{"style":379},[472],{"type":135,"value":473},"')",{"type":130,"tag":186,"props":475,"children":476},{"style":205},[477],{"type":135,"value":478},"`",{"type":130,"tag":186,"props":480,"children":481},{"style":205},[482],{"type":135,"value":415},{"type":130,"tag":186,"props":484,"children":486},{"class":188,"line":485},5,[487,491],{"type":130,"tag":186,"props":488,"children":489},{"style":205},[490],{"type":135,"value":468},{"type":130,"tag":186,"props":492,"children":493},{"style":199},[494],{"type":135,"value":420},{"type":130,"tag":496,"props":497,"children":499},"h3",{"id":498},"imggetsizes",[500],{"type":130,"tag":138,"props":501,"children":502},{"className":118},[503],{"type":135,"value":504},"img.getSizes",{"type":130,"tag":176,"props":506,"children":508},{"className":178,"code":507,"language":180,"meta":118,"style":118},"const img = useImage()\n\nimg.getSizes(src, { sizes, modifiers })\n",[509],{"type":130,"tag":138,"props":510,"children":511},{"__ignoreMap":118},[512,535,538],{"type":130,"tag":186,"props":513,"children":514},{"class":188,"line":189},[515,519,523,527,531],{"type":130,"tag":186,"props":516,"children":517},{"style":193},[518],{"type":135,"value":196},{"type":130,"tag":186,"props":520,"children":521},{"style":199},[522],{"type":135,"value":202},{"type":130,"tag":186,"props":524,"children":525},{"style":205},[526],{"type":135,"value":208},{"type":130,"tag":186,"props":528,"children":529},{"style":211},[530],{"type":135,"value":214},{"type":130,"tag":186,"props":532,"children":533},{"style":199},[534],{"type":135,"value":219},{"type":130,"tag":186,"props":536,"children":537},{"class":188,"line":222},[],{"type":130,"tag":186,"props":539,"children":540},{"class":188,"line":226},[541,545,550,555,559,563,567,572,576,581,585],{"type":130,"tag":186,"props":542,"children":543},{"style":199},[544],{"type":135,"value":167},{"type":130,"tag":186,"props":546,"children":547},{"style":205},[548],{"type":135,"value":549},".",{"type":130,"tag":186,"props":551,"children":552},{"style":211},[553],{"type":135,"value":554},"getSizes",{"type":130,"tag":186,"props":556,"children":557},{"style":199},[558],{"type":135,"value":236},{"type":130,"tag":186,"props":560,"children":561},{"style":205},[562],{"type":135,"value":241},{"type":130,"tag":186,"props":564,"children":565},{"style":205},[566],{"type":135,"value":343},{"type":130,"tag":186,"props":568,"children":569},{"style":199},[570],{"type":135,"value":571}," sizes",{"type":130,"tag":186,"props":573,"children":574},{"style":205},[575],{"type":135,"value":241},{"type":130,"tag":186,"props":577,"children":578},{"style":199},[579],{"type":135,"value":580}," modifiers ",{"type":130,"tag":186,"props":582,"children":583},{"style":205},[584],{"type":135,"value":468},{"type":130,"tag":186,"props":586,"children":587},{"style":199},[588],{"type":135,"value":420},{"type":130,"tag":590,"props":591,"children":592},"callout",{},[593],{"type":130,"tag":131,"props":594,"children":595},{},[596,598,602],{"type":135,"value":597},"Unstable: ",{"type":130,"tag":138,"props":599,"children":600},{"className":118},[601],{"type":135,"value":554},{"type":135,"value":603}," API might change or be removed.",{"type":130,"tag":131,"props":605,"children":606},{},[607],{"type":130,"tag":260,"props":608,"children":609},{},[610],{"type":135,"value":611},"Parameters:",{"type":130,"tag":613,"props":614,"children":615},"ul",{},[616,627,637,695],{"type":130,"tag":617,"props":618,"children":619},"li",{},[620,625],{"type":130,"tag":138,"props":621,"children":622},{"className":118},[623],{"type":135,"value":624},"src",{"type":135,"value":626},": (string) Source to original image id",{"type":130,"tag":617,"props":628,"children":629},{},[630,635],{"type":130,"tag":138,"props":631,"children":632},{"className":118},[633],{"type":135,"value":634},"sizes",{"type":135,"value":636},": (string) List of responsive image sizes ({breakpoint}:{size}{unit})",{"type":130,"tag":617,"props":638,"children":639},{},[640,645,647],{"type":130,"tag":138,"props":641,"children":642},{"className":118},[643],{"type":135,"value":644},"modifiers",{"type":135,"value":646},": (object) Modifiers passed to provider for resizing and optimizing\n",{"type":130,"tag":613,"props":648,"children":649},{},[650,660,670,680,690],{"type":130,"tag":617,"props":651,"children":652},{},[653,658],{"type":130,"tag":138,"props":654,"children":655},{"className":118},[656],{"type":135,"value":657},"width",{"type":135,"value":659},": resize to the specified width (in pixels)",{"type":130,"tag":617,"props":661,"children":662},{},[663,668],{"type":130,"tag":138,"props":664,"children":665},{"className":118},[666],{"type":135,"value":667},"height",{"type":135,"value":669},": resize to specified height (in pixels)",{"type":130,"tag":617,"props":671,"children":672},{},[673,678],{"type":130,"tag":138,"props":674,"children":675},{"className":118},[676],{"type":135,"value":677},"quality",{"type":135,"value":679},": Change image quality (0 to 100)",{"type":130,"tag":617,"props":681,"children":682},{},[683,688],{"type":130,"tag":138,"props":684,"children":685},{"className":118},[686],{"type":135,"value":687},"format",{"type":135,"value":689},": Change the image format",{"type":130,"tag":617,"props":691,"children":692},{},[693],{"type":135,"value":694},"(any other custom provider modifier)",{"type":130,"tag":617,"props":696,"children":697},{},[698,703,705],{"type":130,"tag":138,"props":699,"children":700},{"className":118},[701],{"type":135,"value":702},"options",{"type":135,"value":704},": (object)\n",{"type":130,"tag":613,"props":706,"children":707},{},[708,726],{"type":130,"tag":617,"props":709,"children":710},{},[711,716,718,725],{"type":130,"tag":138,"props":712,"children":713},{"className":118},[714],{"type":135,"value":715},"provider",{"type":135,"value":717},": (string) Provider name other than default (see ",{"type":130,"tag":719,"props":720,"children":722},"a",{"href":721},"/get-started/configuration#providers",[723],{"type":135,"value":724},"providers",{"type":135,"value":420},{"type":130,"tag":617,"props":727,"children":728},{},[729,734,736],{"type":130,"tag":138,"props":730,"children":731},{"className":118},[732],{"type":135,"value":733},"preset",{"type":135,"value":735},": Use a ",{"type":130,"tag":719,"props":737,"children":739},{"href":738},"/get-started/configuration#presets",[740],{"type":135,"value":733},{"type":130,"tag":131,"props":742,"children":743},{},[744,748,750],{"type":130,"tag":260,"props":745,"children":746},{},[747],{"type":135,"value":264},{"type":135,"value":749}," Responsive srcset with Vuetify ",{"type":130,"tag":138,"props":751,"children":752},{"className":118},[753],{"type":135,"value":754},"v-img",{"type":130,"tag":176,"props":756,"children":760},{"className":757,"code":758,"language":759,"meta":118,"style":118},"language-html shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","\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","html",[761],{"type":130,"tag":138,"props":762,"children":763},{"__ignoreMap":118},[764,810,840,902,918,939,966,975,987,1011,1048,1093,1123,1140,1170,1192,1218,1227,1239,1251,1268,1272,1289,1302,1328,1354,1380,1405,1431,1448],{"type":130,"tag":186,"props":765,"children":766},{"class":188,"line":189},[767,772,777,782,787,791,796,801,805],{"type":130,"tag":186,"props":768,"children":769},{"style":205},[770],{"type":135,"value":771},"\u003C",{"type":130,"tag":186,"props":773,"children":774},{"style":369},[775],{"type":135,"value":776},"script",{"type":130,"tag":186,"props":778,"children":779},{"style":193},[780],{"type":135,"value":781}," setup",{"type":130,"tag":186,"props":783,"children":784},{"style":193},[785],{"type":135,"value":786}," lang",{"type":130,"tag":186,"props":788,"children":789},{"style":205},[790],{"type":135,"value":208},{"type":130,"tag":186,"props":792,"children":793},{"style":205},[794],{"type":135,"value":795},"\"",{"type":130,"tag":186,"props":797,"children":798},{"style":379},[799],{"type":135,"value":800},"ts",{"type":130,"tag":186,"props":802,"children":803},{"style":205},[804],{"type":135,"value":795},{"type":130,"tag":186,"props":806,"children":807},{"style":205},[808],{"type":135,"value":809},">",{"type":130,"tag":186,"props":811,"children":812},{"class":188,"line":222},[813,817,822,826,831,835],{"type":130,"tag":186,"props":814,"children":815},{"style":193},[816],{"type":135,"value":196},{"type":130,"tag":186,"props":818,"children":819},{"style":199},[820],{"type":135,"value":821}," props ",{"type":130,"tag":186,"props":823,"children":824},{"style":205},[825],{"type":135,"value":208},{"type":130,"tag":186,"props":827,"children":828},{"style":211},[829],{"type":135,"value":830}," defineProps",{"type":130,"tag":186,"props":832,"children":833},{"style":199},[834],{"type":135,"value":329},{"type":130,"tag":186,"props":836,"children":837},{"style":205},[838],{"type":135,"value":839},"{",{"type":130,"tag":186,"props":841,"children":842},{"class":188,"line":226},[843,848,852,856,861,865,870,874,879,883,888,892,897],{"type":130,"tag":186,"props":844,"children":845},{"style":369},[846],{"type":135,"value":847},"  height",{"type":130,"tag":186,"props":849,"children":850},{"style":205},[851],{"type":135,"value":404},{"type":130,"tag":186,"props":853,"children":854},{"style":205},[855],{"type":135,"value":343},{"type":130,"tag":186,"props":857,"children":858},{"style":369},[859],{"type":135,"value":860}," type",{"type":130,"tag":186,"props":862,"children":863},{"style":205},[864],{"type":135,"value":404},{"type":130,"tag":186,"props":866,"children":867},{"style":199},[868],{"type":135,"value":869}," [Number",{"type":130,"tag":186,"props":871,"children":872},{"style":205},[873],{"type":135,"value":241},{"type":130,"tag":186,"props":875,"children":876},{"style":199},[877],{"type":135,"value":878}," String]",{"type":130,"tag":186,"props":880,"children":881},{"style":205},[882],{"type":135,"value":241},{"type":130,"tag":186,"props":884,"children":885},{"style":369},[886],{"type":135,"value":887}," default",{"type":130,"tag":186,"props":889,"children":890},{"style":205},[891],{"type":135,"value":404},{"type":130,"tag":186,"props":893,"children":894},{"style":407},[895],{"type":135,"value":896}," 500",{"type":130,"tag":186,"props":898,"children":899},{"style":205},[900],{"type":135,"value":901}," },",{"type":130,"tag":186,"props":903,"children":904},{"class":188,"line":423},[905,910,914],{"type":130,"tag":186,"props":906,"children":907},{"style":369},[908],{"type":135,"value":909},"  src",{"type":130,"tag":186,"props":911,"children":912},{"style":205},[913],{"type":135,"value":404},{"type":130,"tag":186,"props":915,"children":916},{"style":205},[917],{"type":135,"value":343},{"type":130,"tag":186,"props":919,"children":920},{"class":188,"line":485},[921,926,930,935],{"type":130,"tag":186,"props":922,"children":923},{"style":369},[924],{"type":135,"value":925},"    type",{"type":130,"tag":186,"props":927,"children":928},{"style":205},[929],{"type":135,"value":404},{"type":130,"tag":186,"props":931,"children":932},{"style":199},[933],{"type":135,"value":934}," String",{"type":130,"tag":186,"props":936,"children":937},{"style":205},[938],{"type":135,"value":241},{"type":130,"tag":186,"props":940,"children":942},{"class":188,"line":941},6,[943,948,952,957,962],{"type":130,"tag":186,"props":944,"children":945},{"style":369},[946],{"type":135,"value":947},"    default",{"type":130,"tag":186,"props":949,"children":950},{"style":205},[951],{"type":135,"value":404},{"type":130,"tag":186,"props":953,"children":954},{"style":205},[955],{"type":135,"value":956}," '",{"type":130,"tag":186,"props":958,"children":959},{"style":379},[960],{"type":135,"value":961},"/img/header-bg.jpg",{"type":130,"tag":186,"props":963,"children":964},{"style":205},[965],{"type":135,"value":376},{"type":130,"tag":186,"props":967,"children":969},{"class":188,"line":968},7,[970],{"type":130,"tag":186,"props":971,"children":972},{"style":205},[973],{"type":135,"value":974},"  }",{"type":130,"tag":186,"props":976,"children":978},{"class":188,"line":977},8,[979,983],{"type":130,"tag":186,"props":980,"children":981},{"style":205},[982],{"type":135,"value":468},{"type":130,"tag":186,"props":984,"children":985},{"style":199},[986],{"type":135,"value":420},{"type":130,"tag":186,"props":988,"children":990},{"class":188,"line":989},9,[991,995,999,1003,1007],{"type":130,"tag":186,"props":992,"children":993},{"style":193},[994],{"type":135,"value":196},{"type":130,"tag":186,"props":996,"children":997},{"style":199},[998],{"type":135,"value":202},{"type":130,"tag":186,"props":1000,"children":1001},{"style":205},[1002],{"type":135,"value":208},{"type":130,"tag":186,"props":1004,"children":1005},{"style":211},[1006],{"type":135,"value":214},{"type":130,"tag":186,"props":1008,"children":1009},{"style":199},[1010],{"type":135,"value":219},{"type":130,"tag":186,"props":1012,"children":1014},{"class":188,"line":1013},10,[1015,1019,1024,1028,1032,1036,1040,1044],{"type":130,"tag":186,"props":1016,"children":1017},{"style":193},[1018],{"type":135,"value":196},{"type":130,"tag":186,"props":1020,"children":1021},{"style":199},[1022],{"type":135,"value":1023}," _srcset ",{"type":130,"tag":186,"props":1025,"children":1026},{"style":205},[1027],{"type":135,"value":208},{"type":130,"tag":186,"props":1029,"children":1030},{"style":211},[1031],{"type":135,"value":324},{"type":130,"tag":186,"props":1033,"children":1034},{"style":199},[1035],{"type":135,"value":329},{"type":130,"tag":186,"props":1037,"children":1038},{"style":205},[1039],{"type":135,"value":219},{"type":130,"tag":186,"props":1041,"children":1042},{"style":193},[1043],{"type":135,"value":338},{"type":130,"tag":186,"props":1045,"children":1046},{"style":205},[1047],{"type":135,"value":343},{"type":130,"tag":186,"props":1049,"children":1051},{"class":188,"line":1050},11,[1052,1056,1060,1064,1068,1072,1077,1081,1085,1089],{"type":130,"tag":186,"props":1053,"children":1054},{"style":427},[1055],{"type":135,"value":430},{"type":130,"tag":186,"props":1057,"children":1058},{"style":199},[1059],{"type":135,"value":366},{"type":130,"tag":186,"props":1061,"children":1062},{"style":205},[1063],{"type":135,"value":549},{"type":130,"tag":186,"props":1065,"children":1066},{"style":211},[1067],{"type":135,"value":554},{"type":130,"tag":186,"props":1069,"children":1070},{"style":369},[1071],{"type":135,"value":329},{"type":130,"tag":186,"props":1073,"children":1074},{"style":199},[1075],{"type":135,"value":1076},"props",{"type":130,"tag":186,"props":1078,"children":1079},{"style":205},[1080],{"type":135,"value":549},{"type":130,"tag":186,"props":1082,"children":1083},{"style":199},[1084],{"type":135,"value":624},{"type":130,"tag":186,"props":1086,"children":1087},{"style":205},[1088],{"type":135,"value":241},{"type":130,"tag":186,"props":1090,"children":1091},{"style":205},[1092],{"type":135,"value":343},{"type":130,"tag":186,"props":1094,"children":1096},{"class":188,"line":1095},12,[1097,1102,1106,1110,1115,1119],{"type":130,"tag":186,"props":1098,"children":1099},{"style":369},[1100],{"type":135,"value":1101},"    sizes",{"type":130,"tag":186,"props":1103,"children":1104},{"style":205},[1105],{"type":135,"value":404},{"type":130,"tag":186,"props":1107,"children":1108},{"style":205},[1109],{"type":135,"value":956},{"type":130,"tag":186,"props":1111,"children":1112},{"style":379},[1113],{"type":135,"value":1114},"xs:100vw sm:100vw md:100vw lg:100vw xl:100vw",{"type":130,"tag":186,"props":1116,"children":1117},{"style":205},[1118],{"type":135,"value":376},{"type":130,"tag":186,"props":1120,"children":1121},{"style":205},[1122],{"type":135,"value":241},{"type":130,"tag":186,"props":1124,"children":1126},{"class":188,"line":1125},13,[1127,1132,1136],{"type":130,"tag":186,"props":1128,"children":1129},{"style":369},[1130],{"type":135,"value":1131},"    modifiers",{"type":130,"tag":186,"props":1133,"children":1134},{"style":205},[1135],{"type":135,"value":404},{"type":130,"tag":186,"props":1137,"children":1138},{"style":205},[1139],{"type":135,"value":343},{"type":130,"tag":186,"props":1141,"children":1143},{"class":188,"line":1142},14,[1144,1149,1153,1157,1162,1166],{"type":130,"tag":186,"props":1145,"children":1146},{"style":369},[1147],{"type":135,"value":1148},"      format",{"type":130,"tag":186,"props":1150,"children":1151},{"style":205},[1152],{"type":135,"value":404},{"type":130,"tag":186,"props":1154,"children":1155},{"style":205},[1156],{"type":135,"value":956},{"type":130,"tag":186,"props":1158,"children":1159},{"style":379},[1160],{"type":135,"value":1161},"webp",{"type":130,"tag":186,"props":1163,"children":1164},{"style":205},[1165],{"type":135,"value":376},{"type":130,"tag":186,"props":1167,"children":1168},{"style":205},[1169],{"type":135,"value":241},{"type":130,"tag":186,"props":1171,"children":1173},{"class":188,"line":1172},15,[1174,1179,1183,1188],{"type":130,"tag":186,"props":1175,"children":1176},{"style":369},[1177],{"type":135,"value":1178},"      quality",{"type":130,"tag":186,"props":1180,"children":1181},{"style":205},[1182],{"type":135,"value":404},{"type":130,"tag":186,"props":1184,"children":1185},{"style":407},[1186],{"type":135,"value":1187}," 70",{"type":130,"tag":186,"props":1189,"children":1190},{"style":205},[1191],{"type":135,"value":241},{"type":130,"tag":186,"props":1193,"children":1195},{"class":188,"line":1194},16,[1196,1201,1205,1210,1214],{"type":130,"tag":186,"props":1197,"children":1198},{"style":369},[1199],{"type":135,"value":1200},"      height",{"type":130,"tag":186,"props":1202,"children":1203},{"style":205},[1204],{"type":135,"value":404},{"type":130,"tag":186,"props":1206,"children":1207},{"style":199},[1208],{"type":135,"value":1209}," props",{"type":130,"tag":186,"props":1211,"children":1212},{"style":205},[1213],{"type":135,"value":549},{"type":130,"tag":186,"props":1215,"children":1216},{"style":199},[1217],{"type":135,"value":667},{"type":130,"tag":186,"props":1219,"children":1221},{"class":188,"line":1220},17,[1222],{"type":130,"tag":186,"props":1223,"children":1224},{"style":205},[1225],{"type":135,"value":1226},"    }",{"type":130,"tag":186,"props":1228,"children":1230},{"class":188,"line":1229},18,[1231,1235],{"type":130,"tag":186,"props":1232,"children":1233},{"style":205},[1234],{"type":135,"value":974},{"type":130,"tag":186,"props":1236,"children":1237},{"style":369},[1238],{"type":135,"value":420},{"type":130,"tag":186,"props":1240,"children":1242},{"class":188,"line":1241},19,[1243,1247],{"type":130,"tag":186,"props":1244,"children":1245},{"style":205},[1246],{"type":135,"value":468},{"type":130,"tag":186,"props":1248,"children":1249},{"style":199},[1250],{"type":135,"value":420},{"type":130,"tag":186,"props":1252,"children":1254},{"class":188,"line":1253},20,[1255,1260,1264],{"type":130,"tag":186,"props":1256,"children":1257},{"style":205},[1258],{"type":135,"value":1259},"\u003C/",{"type":130,"tag":186,"props":1261,"children":1262},{"style":369},[1263],{"type":135,"value":776},{"type":130,"tag":186,"props":1265,"children":1266},{"style":205},[1267],{"type":135,"value":809},{"type":130,"tag":186,"props":1269,"children":1271},{"class":188,"line":1270},21,[],{"type":130,"tag":186,"props":1273,"children":1275},{"class":188,"line":1274},22,[1276,1280,1285],{"type":130,"tag":186,"props":1277,"children":1278},{"style":205},[1279],{"type":135,"value":771},{"type":130,"tag":186,"props":1281,"children":1282},{"style":369},[1283],{"type":135,"value":1284},"template",{"type":130,"tag":186,"props":1286,"children":1287},{"style":205},[1288],{"type":135,"value":809},{"type":130,"tag":186,"props":1290,"children":1292},{"class":188,"line":1291},23,[1293,1298],{"type":130,"tag":186,"props":1294,"children":1295},{"style":205},[1296],{"type":135,"value":1297},"  \u003C",{"type":130,"tag":186,"props":1299,"children":1300},{"style":369},[1301],{"type":135,"value":754},{"type":130,"tag":186,"props":1303,"children":1305},{"class":188,"line":1304},24,[1306,1311,1315,1319,1324],{"type":130,"tag":186,"props":1307,"children":1308},{"style":193},[1309],{"type":135,"value":1310},"    :lazy-src",{"type":130,"tag":186,"props":1312,"children":1313},{"style":205},[1314],{"type":135,"value":208},{"type":130,"tag":186,"props":1316,"children":1317},{"style":205},[1318],{"type":135,"value":795},{"type":130,"tag":186,"props":1320,"children":1321},{"style":379},[1322],{"type":135,"value":1323},"img(src, { width: 10, quality: 70 })",{"type":130,"tag":186,"props":1325,"children":1326},{"style":205},[1327],{"type":135,"value":795},{"type":130,"tag":186,"props":1329,"children":1331},{"class":188,"line":1330},25,[1332,1337,1341,1345,1350],{"type":130,"tag":186,"props":1333,"children":1334},{"style":193},[1335],{"type":135,"value":1336},"    :src",{"type":130,"tag":186,"props":1338,"children":1339},{"style":205},[1340],{"type":135,"value":208},{"type":130,"tag":186,"props":1342,"children":1343},{"style":205},[1344],{"type":135,"value":795},{"type":130,"tag":186,"props":1346,"children":1347},{"style":379},[1348],{"type":135,"value":1349},"img(src, { height, quality: 70 })",{"type":130,"tag":186,"props":1351,"children":1352},{"style":205},[1353],{"type":135,"value":795},{"type":130,"tag":186,"props":1355,"children":1357},{"class":188,"line":1356},26,[1358,1363,1367,1371,1376],{"type":130,"tag":186,"props":1359,"children":1360},{"style":193},[1361],{"type":135,"value":1362},"    :srcset",{"type":130,"tag":186,"props":1364,"children":1365},{"style":205},[1366],{"type":135,"value":208},{"type":130,"tag":186,"props":1368,"children":1369},{"style":205},[1370],{"type":135,"value":795},{"type":130,"tag":186,"props":1372,"children":1373},{"style":379},[1374],{"type":135,"value":1375},"_srcset.srcset",{"type":130,"tag":186,"props":1377,"children":1378},{"style":205},[1379],{"type":135,"value":795},{"type":130,"tag":186,"props":1381,"children":1383},{"class":188,"line":1382},27,[1384,1389,1393,1397,1401],{"type":130,"tag":186,"props":1385,"children":1386},{"style":193},[1387],{"type":135,"value":1388},"    :height",{"type":130,"tag":186,"props":1390,"children":1391},{"style":205},[1392],{"type":135,"value":208},{"type":130,"tag":186,"props":1394,"children":1395},{"style":205},[1396],{"type":135,"value":795},{"type":130,"tag":186,"props":1398,"children":1399},{"style":379},[1400],{"type":135,"value":667},{"type":130,"tag":186,"props":1402,"children":1403},{"style":205},[1404],{"type":135,"value":795},{"type":130,"tag":186,"props":1406,"children":1408},{"class":188,"line":1407},28,[1409,1414,1418,1422,1427],{"type":130,"tag":186,"props":1410,"children":1411},{"style":193},[1412],{"type":135,"value":1413},"    :sizes",{"type":130,"tag":186,"props":1415,"children":1416},{"style":205},[1417],{"type":135,"value":208},{"type":130,"tag":186,"props":1419,"children":1420},{"style":205},[1421],{"type":135,"value":795},{"type":130,"tag":186,"props":1423,"children":1424},{"style":379},[1425],{"type":135,"value":1426},"_srcset.sizes",{"type":130,"tag":186,"props":1428,"children":1429},{"style":205},[1430],{"type":135,"value":795},{"type":130,"tag":186,"props":1432,"children":1434},{"class":188,"line":1433},29,[1435,1440,1444],{"type":130,"tag":186,"props":1436,"children":1437},{"style":205},[1438],{"type":135,"value":1439},"  >\u003C/",{"type":130,"tag":186,"props":1441,"children":1442},{"style":369},[1443],{"type":135,"value":754},{"type":130,"tag":186,"props":1445,"children":1446},{"style":205},[1447],{"type":135,"value":809},{"type":130,"tag":186,"props":1449,"children":1451},{"class":188,"line":1450},30,[1452,1456,1460],{"type":130,"tag":186,"props":1453,"children":1454},{"style":205},[1455],{"type":135,"value":1259},{"type":130,"tag":186,"props":1457,"children":1458},{"style":369},[1459],{"type":135,"value":1284},{"type":130,"tag":186,"props":1461,"children":1462},{"style":205},[1463],{"type":135,"value":809},{"type":130,"tag":1465,"props":1466,"children":1467},"style",{},[1468],{"type":135,"value":1469},"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}html.light .shiki span {color: var(--shiki-light) !important;background: var(--shiki-light-bg) !important;font-style: var(--shiki-light-font-style) !important;font-weight: var(--shiki-light-font-weight) !important;text-decoration: var(--shiki-light-text-decoration) !important;}",{"title":118,"searchDepth":222,"depth":222,"links":1471},[1472],{"id":116,"depth":222,"text":21,"children":1473},[1474],{"id":498,"depth":226,"text":504},"markdown","content:2.usage:3.use-image.md","content","2.usage/3.use-image.md","md",[1481,1865],{"_path":29,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":28,"description":1482,"links":1483,"body":1486,"_type":1475,"_id":1863,"_source":1477,"_file":1864,"_extension":1479},"Discover how to use and configure the Nuxt Picture component.",[1484],{"label":122,"icon":123,"to":1485,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-picture.ts",{"type":127,"children":1487,"toc":1856},[1488,1504,1531,1549,1554,1570,1577,1582,1655,1697,1706,1711,1751,1760,1771,1778,1852],{"type":130,"tag":131,"props":1489,"children":1490},{},[1491,1495,1497,1502],{"type":130,"tag":138,"props":1492,"children":1493},{"className":118},[1494],{"type":135,"value":28},{"type":135,"value":1496}," is a drop-in replacement for the native ",{"type":130,"tag":138,"props":1498,"children":1499},{"className":118},[1500],{"type":135,"value":1501},"\u003Cpicture>",{"type":135,"value":1503}," tag.",{"type":130,"tag":131,"props":1505,"children":1506},{},[1507,1509,1513,1515,1523,1525,1529],{"type":135,"value":1508},"Usage of ",{"type":130,"tag":138,"props":1510,"children":1511},{"className":118},[1512],{"type":135,"value":28},{"type":135,"value":1514}," is almost identical to ",{"type":130,"tag":719,"props":1516,"children":1518},{"href":1517},"nuxt-img",[1519],{"type":130,"tag":138,"props":1520,"children":1521},{"className":118},[1522],{"type":135,"value":25},{"type":135,"value":1524}," but also allows serving modern formats like ",{"type":130,"tag":138,"props":1526,"children":1527},{"className":118},[1528],{"type":135,"value":1161},{"type":135,"value":1530}," when possible.",{"type":130,"tag":131,"props":1532,"children":1533},{},[1534,1536,1548],{"type":135,"value":1535},"Learn more about the ",{"type":130,"tag":719,"props":1537,"children":1541},{"href":1538,"rel":1539},"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture",[1540],"nofollow",[1542,1546],{"type":130,"tag":138,"props":1543,"children":1544},{"className":118},[1545],{"type":135,"value":1501},{"type":135,"value":1547}," tag on MDN",{"type":135,"value":549},{"type":130,"tag":171,"props":1550,"children":1551},{"id":1076},[1552],{"type":135,"value":1553},"Props",{"type":130,"tag":590,"props":1555,"children":1556},{},[1557],{"type":130,"tag":131,"props":1558,"children":1559},{},[1560,1562],{"type":135,"value":1561},"See props supported by",{"type":130,"tag":719,"props":1563,"children":1565},{"href":1564},"/usage/nuxt-img#props",[1566],{"type":130,"tag":138,"props":1567,"children":1568},{"className":118},[1569],{"type":135,"value":25},{"type":130,"tag":496,"props":1571,"children":1572},{"id":687},[1573],{"type":130,"tag":138,"props":1574,"children":1575},{"className":118},[1576],{"type":135,"value":687},{"type":130,"tag":131,"props":1578,"children":1579},{},[1580],{"type":135,"value":1581},"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":130,"tag":176,"props":1583,"children":1585},{"className":757,"code":1584,"language":759,"meta":118,"style":118},"\u003CNuxtPicture format=\"avif,webp\" src=\"/nuxt-icon.png\" ... />\n",[1586],{"type":130,"tag":138,"props":1587,"children":1588},{"__ignoreMap":118},[1589],{"type":130,"tag":186,"props":1590,"children":1591},{"class":188,"line":189},[1592,1596,1601,1606,1610,1614,1619,1623,1628,1632,1636,1641,1645,1650],{"type":130,"tag":186,"props":1593,"children":1594},{"style":205},[1595],{"type":135,"value":771},{"type":130,"tag":186,"props":1597,"children":1598},{"style":369},[1599],{"type":135,"value":1600},"NuxtPicture",{"type":130,"tag":186,"props":1602,"children":1603},{"style":193},[1604],{"type":135,"value":1605}," format",{"type":130,"tag":186,"props":1607,"children":1608},{"style":205},[1609],{"type":135,"value":208},{"type":130,"tag":186,"props":1611,"children":1612},{"style":205},[1613],{"type":135,"value":795},{"type":130,"tag":186,"props":1615,"children":1616},{"style":379},[1617],{"type":135,"value":1618},"avif,webp",{"type":130,"tag":186,"props":1620,"children":1621},{"style":205},[1622],{"type":135,"value":795},{"type":130,"tag":186,"props":1624,"children":1625},{"style":193},[1626],{"type":135,"value":1627}," src",{"type":130,"tag":186,"props":1629,"children":1630},{"style":205},[1631],{"type":135,"value":208},{"type":130,"tag":186,"props":1633,"children":1634},{"style":205},[1635],{"type":135,"value":795},{"type":130,"tag":186,"props":1637,"children":1638},{"style":379},[1639],{"type":135,"value":1640},"/nuxt-icon.png",{"type":130,"tag":186,"props":1642,"children":1643},{"style":205},[1644],{"type":135,"value":795},{"type":130,"tag":186,"props":1646,"children":1647},{"style":193},[1648],{"type":135,"value":1649}," ...",{"type":130,"tag":186,"props":1651,"children":1652},{"style":205},[1653],{"type":135,"value":1654}," />",{"type":130,"tag":131,"props":1656,"children":1657},{},[1658,1660,1664,1666,1671,1672,1677,1678,1683,1684,1689,1690,1695],{"type":135,"value":1659},"Available formats are ",{"type":130,"tag":138,"props":1661,"children":1662},{"className":118},[1663],{"type":135,"value":1161},{"type":135,"value":1665},", ",{"type":130,"tag":138,"props":1667,"children":1668},{"className":118},[1669],{"type":135,"value":1670},"avif",{"type":135,"value":1665},{"type":130,"tag":138,"props":1673,"children":1674},{"className":118},[1675],{"type":135,"value":1676},"jpeg",{"type":135,"value":1665},{"type":130,"tag":138,"props":1679,"children":1680},{"className":118},[1681],{"type":135,"value":1682},"jpg",{"type":135,"value":1665},{"type":130,"tag":138,"props":1685,"children":1686},{"className":118},[1687],{"type":135,"value":1688},"png",{"type":135,"value":143},{"type":130,"tag":138,"props":1691,"children":1692},{"className":118},[1693],{"type":135,"value":1694},"gif",{"type":135,"value":1696},". If the format is not specified, it will respect the default image format.",{"type":130,"tag":496,"props":1698,"children":1700},{"id":1699},"legacyformat",[1701],{"type":130,"tag":138,"props":1702,"children":1703},{"className":118},[1704],{"type":135,"value":1705},"legacyFormat",{"type":130,"tag":131,"props":1707,"children":1708},{},[1709],{"type":135,"value":1710},"Format used for fallback. Default is conditional:",{"type":130,"tag":613,"props":1712,"children":1713},{},[1714,1741],{"type":130,"tag":617,"props":1715,"children":1716},{},[1717,1719,1723,1724,1728,1729,1733,1735,1739],{"type":135,"value":1718},"If original format supports transparency (",{"type":130,"tag":138,"props":1720,"children":1721},{"className":118},[1722],{"type":135,"value":1688},{"type":135,"value":1665},{"type":130,"tag":138,"props":1725,"children":1726},{"className":118},[1727],{"type":135,"value":1161},{"type":135,"value":143},{"type":130,"tag":138,"props":1730,"children":1731},{"className":118},[1732],{"type":135,"value":1694},{"type":135,"value":1734},"), ",{"type":130,"tag":138,"props":1736,"children":1737},{"className":118},[1738],{"type":135,"value":1688},{"type":135,"value":1740}," is used for fallback",{"type":130,"tag":617,"props":1742,"children":1743},{},[1744,1746,1750],{"type":135,"value":1745},"Otherwise ",{"type":130,"tag":138,"props":1747,"children":1748},{"className":118},[1749],{"type":135,"value":1676},{"type":135,"value":1740},{"type":130,"tag":496,"props":1752,"children":1754},{"id":1753},"imgattrs",[1755],{"type":130,"tag":138,"props":1756,"children":1757},{"className":118},[1758],{"type":135,"value":1759},"imgAttrs",{"type":130,"tag":131,"props":1761,"children":1762},{},[1763,1765,1769],{"type":135,"value":1764},"Allows you to set additional HTML-attributes on the ",{"type":130,"tag":138,"props":1766,"children":1767},{"className":118},[1768],{"type":135,"value":167},{"type":135,"value":1770}," element.",{"type":130,"tag":131,"props":1772,"children":1773},{},[1774],{"type":130,"tag":260,"props":1775,"children":1776},{},[1777],{"type":135,"value":264},{"type":130,"tag":176,"props":1779,"children":1781},{"className":757,"code":1780,"language":759,"meta":118,"style":118},"\u003CNuxtPicture\n  src=\"/nuxt-icon.png\"\n  :imgAttrs=\"{id:'my-id', class:'my-class', style:'display:block', 'data-my-data': 'my-value'}\"\n/>\n",[1782],{"type":130,"tag":138,"props":1783,"children":1784},{"__ignoreMap":118},[1785,1796,1819,1844],{"type":130,"tag":186,"props":1786,"children":1787},{"class":188,"line":189},[1788,1792],{"type":130,"tag":186,"props":1789,"children":1790},{"style":205},[1791],{"type":135,"value":771},{"type":130,"tag":186,"props":1793,"children":1794},{"style":369},[1795],{"type":135,"value":1600},{"type":130,"tag":186,"props":1797,"children":1798},{"class":188,"line":222},[1799,1803,1807,1811,1815],{"type":130,"tag":186,"props":1800,"children":1801},{"style":193},[1802],{"type":135,"value":909},{"type":130,"tag":186,"props":1804,"children":1805},{"style":205},[1806],{"type":135,"value":208},{"type":130,"tag":186,"props":1808,"children":1809},{"style":205},[1810],{"type":135,"value":795},{"type":130,"tag":186,"props":1812,"children":1813},{"style":379},[1814],{"type":135,"value":1640},{"type":130,"tag":186,"props":1816,"children":1817},{"style":205},[1818],{"type":135,"value":795},{"type":130,"tag":186,"props":1820,"children":1821},{"class":188,"line":226},[1822,1827,1831,1835,1840],{"type":130,"tag":186,"props":1823,"children":1824},{"style":193},[1825],{"type":135,"value":1826},"  :imgAttrs",{"type":130,"tag":186,"props":1828,"children":1829},{"style":205},[1830],{"type":135,"value":208},{"type":130,"tag":186,"props":1832,"children":1833},{"style":205},[1834],{"type":135,"value":795},{"type":130,"tag":186,"props":1836,"children":1837},{"style":379},[1838],{"type":135,"value":1839},"{id:'my-id', class:'my-class', style:'display:block', 'data-my-data': 'my-value'}",{"type":130,"tag":186,"props":1841,"children":1842},{"style":205},[1843],{"type":135,"value":795},{"type":130,"tag":186,"props":1845,"children":1846},{"class":188,"line":423},[1847],{"type":130,"tag":186,"props":1848,"children":1849},{"style":205},[1850],{"type":135,"value":1851},"/>",{"type":130,"tag":1465,"props":1853,"children":1854},{},[1855],{"type":135,"value":1469},{"title":118,"searchDepth":222,"depth":222,"links":1857},[1858],{"id":1076,"depth":222,"text":1553,"children":1859},[1860,1861,1862],{"id":687,"depth":226,"text":687},{"id":1699,"depth":226,"text":1705},{"id":1753,"depth":226,"text":1759},"content:2.usage:2.nuxt-picture.md","2.usage/2.nuxt-picture.md",{"_path":38,"_dir":724,"_draft":117,"_partial":117,"_locale":118,"title":37,"description":1866,"links":1867,"body":1870,"_type":1475,"_id":2210,"_source":1477,"_file":2211,"_extension":1479},"Nuxt Image has first class integration with Cloudflare.",[1868],{"label":122,"icon":123,"to":1869,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/cloudflare.ts",{"type":127,"children":1871,"toc":2205},[1872,1885,1890,2006,2013,2155,2160,2169,2179,2184,2201],{"type":130,"tag":131,"props":1873,"children":1874},{},[1875,1877,1883],{"type":135,"value":1876},"Integration between ",{"type":130,"tag":719,"props":1878,"children":1881},{"href":1879,"rel":1880},"https://developers.cloudflare.com/images/",[1540],[1882],{"type":135,"value":37},{"type":135,"value":1884}," and the image module.",{"type":130,"tag":131,"props":1886,"children":1887},{},[1888],{"type":135,"value":1889},"To use this provider you just need to specify the base url (zone) of your service:",{"type":130,"tag":176,"props":1891,"children":1895},{"className":1892,"code":1893,"filename":1894,"language":800,"meta":118,"style":118},"language-ts shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","export default defineNuxtConfig({\n  image: {\n    cloudflare: {\n      baseURL: 'https://that-test.site'\n    }\n  }\n})\n","nuxt.config.ts",[1896],{"type":130,"tag":138,"props":1897,"children":1898},{"__ignoreMap":118},[1899,1924,1940,1956,1981,1988,1995],{"type":130,"tag":186,"props":1900,"children":1901},{"class":188,"line":189},[1902,1907,1911,1916,1920],{"type":130,"tag":186,"props":1903,"children":1904},{"style":427},[1905],{"type":135,"value":1906},"export",{"type":130,"tag":186,"props":1908,"children":1909},{"style":427},[1910],{"type":135,"value":887},{"type":130,"tag":186,"props":1912,"children":1913},{"style":211},[1914],{"type":135,"value":1915}," defineNuxtConfig",{"type":130,"tag":186,"props":1917,"children":1918},{"style":199},[1919],{"type":135,"value":329},{"type":130,"tag":186,"props":1921,"children":1922},{"style":205},[1923],{"type":135,"value":839},{"type":130,"tag":186,"props":1925,"children":1926},{"class":188,"line":222},[1927,1932,1936],{"type":130,"tag":186,"props":1928,"children":1929},{"style":369},[1930],{"type":135,"value":1931},"  image",{"type":130,"tag":186,"props":1933,"children":1934},{"style":205},[1935],{"type":135,"value":404},{"type":130,"tag":186,"props":1937,"children":1938},{"style":205},[1939],{"type":135,"value":343},{"type":130,"tag":186,"props":1941,"children":1942},{"class":188,"line":226},[1943,1948,1952],{"type":130,"tag":186,"props":1944,"children":1945},{"style":369},[1946],{"type":135,"value":1947},"    cloudflare",{"type":130,"tag":186,"props":1949,"children":1950},{"style":205},[1951],{"type":135,"value":404},{"type":130,"tag":186,"props":1953,"children":1954},{"style":205},[1955],{"type":135,"value":343},{"type":130,"tag":186,"props":1957,"children":1958},{"class":188,"line":423},[1959,1964,1968,1972,1977],{"type":130,"tag":186,"props":1960,"children":1961},{"style":369},[1962],{"type":135,"value":1963},"      baseURL",{"type":130,"tag":186,"props":1965,"children":1966},{"style":205},[1967],{"type":135,"value":404},{"type":130,"tag":186,"props":1969,"children":1970},{"style":205},[1971],{"type":135,"value":956},{"type":130,"tag":186,"props":1973,"children":1974},{"style":379},[1975],{"type":135,"value":1976},"https://that-test.site",{"type":130,"tag":186,"props":1978,"children":1979},{"style":205},[1980],{"type":135,"value":376},{"type":130,"tag":186,"props":1982,"children":1983},{"class":188,"line":485},[1984],{"type":130,"tag":186,"props":1985,"children":1986},{"style":205},[1987],{"type":135,"value":1226},{"type":130,"tag":186,"props":1989,"children":1990},{"class":188,"line":941},[1991],{"type":130,"tag":186,"props":1992,"children":1993},{"style":205},[1994],{"type":135,"value":974},{"type":130,"tag":186,"props":1996,"children":1997},{"class":188,"line":968},[1998,2002],{"type":130,"tag":186,"props":1999,"children":2000},{"style":205},[2001],{"type":135,"value":468},{"type":130,"tag":186,"props":2003,"children":2004},{"style":199},[2005],{"type":135,"value":420},{"type":130,"tag":131,"props":2007,"children":2008},{},[2009],{"type":130,"tag":260,"props":2010,"children":2011},{},[2012],{"type":135,"value":264},{"type":130,"tag":176,"props":2014,"children":2018},{"className":2015,"code":2016,"language":2017,"meta":118,"style":118},"language-vue shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","\u003CNuxtImg provider=\"cloudflare\" src=\"/burger.jpeg\" height=\"300\" :modifiers=\"{ fit: 'contain' }\" />\n","vue",[2019],{"type":130,"tag":138,"props":2020,"children":2021},{"__ignoreMap":118},[2022],{"type":130,"tag":186,"props":2023,"children":2024},{"class":188,"line":189},[2025,2029,2034,2039,2043,2047,2052,2056,2060,2064,2068,2073,2077,2082,2086,2090,2095,2099,2104,2108,2112,2116,2120,2126,2130,2134,2139,2143,2147,2151],{"type":130,"tag":186,"props":2026,"children":2027},{"style":205},[2028],{"type":135,"value":771},{"type":130,"tag":186,"props":2030,"children":2031},{"style":369},[2032],{"type":135,"value":2033},"NuxtImg",{"type":130,"tag":186,"props":2035,"children":2036},{"style":193},[2037],{"type":135,"value":2038}," provider",{"type":130,"tag":186,"props":2040,"children":2041},{"style":205},[2042],{"type":135,"value":208},{"type":130,"tag":186,"props":2044,"children":2045},{"style":205},[2046],{"type":135,"value":795},{"type":130,"tag":186,"props":2048,"children":2049},{"style":379},[2050],{"type":135,"value":2051},"cloudflare",{"type":130,"tag":186,"props":2053,"children":2054},{"style":205},[2055],{"type":135,"value":795},{"type":130,"tag":186,"props":2057,"children":2058},{"style":193},[2059],{"type":135,"value":1627},{"type":130,"tag":186,"props":2061,"children":2062},{"style":205},[2063],{"type":135,"value":208},{"type":130,"tag":186,"props":2065,"children":2066},{"style":205},[2067],{"type":135,"value":795},{"type":130,"tag":186,"props":2069,"children":2070},{"style":379},[2071],{"type":135,"value":2072},"/burger.jpeg",{"type":130,"tag":186,"props":2074,"children":2075},{"style":205},[2076],{"type":135,"value":795},{"type":130,"tag":186,"props":2078,"children":2079},{"style":193},[2080],{"type":135,"value":2081}," height",{"type":130,"tag":186,"props":2083,"children":2084},{"style":205},[2085],{"type":135,"value":208},{"type":130,"tag":186,"props":2087,"children":2088},{"style":205},[2089],{"type":135,"value":795},{"type":130,"tag":186,"props":2091,"children":2092},{"style":379},[2093],{"type":135,"value":2094},"300",{"type":130,"tag":186,"props":2096,"children":2097},{"style":205},[2098],{"type":135,"value":795},{"type":130,"tag":186,"props":2100,"children":2101},{"style":205},[2102],{"type":135,"value":2103}," :",{"type":130,"tag":186,"props":2105,"children":2106},{"style":193},[2107],{"type":135,"value":644},{"type":130,"tag":186,"props":2109,"children":2110},{"style":205},[2111],{"type":135,"value":208},{"type":130,"tag":186,"props":2113,"children":2114},{"style":205},[2115],{"type":135,"value":795},{"type":130,"tag":186,"props":2117,"children":2118},{"style":205},[2119],{"type":135,"value":839},{"type":130,"tag":186,"props":2121,"children":2123},{"style":2122},"color:#FFCB6B;--shiki-dark:#FFCB6B;--shiki-light:#E2931D",[2124],{"type":135,"value":2125}," fit",{"type":130,"tag":186,"props":2127,"children":2128},{"style":205},[2129],{"type":135,"value":404},{"type":130,"tag":186,"props":2131,"children":2132},{"style":205},[2133],{"type":135,"value":956},{"type":130,"tag":186,"props":2135,"children":2136},{"style":379},[2137],{"type":135,"value":2138},"contain",{"type":130,"tag":186,"props":2140,"children":2141},{"style":205},[2142],{"type":135,"value":376},{"type":130,"tag":186,"props":2144,"children":2145},{"style":205},[2146],{"type":135,"value":415},{"type":130,"tag":186,"props":2148,"children":2149},{"style":205},[2150],{"type":135,"value":795},{"type":130,"tag":186,"props":2152,"children":2153},{"style":205},[2154],{"type":135,"value":1654},{"type":130,"tag":171,"props":2156,"children":2157},{"id":702},[2158],{"type":135,"value":2159},"Options",{"type":130,"tag":496,"props":2161,"children":2163},{"id":2162},"baseurl",[2164],{"type":130,"tag":138,"props":2165,"children":2166},{"className":118},[2167],{"type":135,"value":2168},"baseURL",{"type":130,"tag":131,"props":2170,"children":2171},{},[2172,2174],{"type":135,"value":2173},"Default: ",{"type":130,"tag":138,"props":2175,"children":2176},{"className":118},[2177],{"type":135,"value":2178},"/",{"type":130,"tag":131,"props":2180,"children":2181},{},[2182],{"type":135,"value":2183},"Your deployment's domain (zone).",{"type":130,"tag":131,"props":2185,"children":2186},{},[2187,2192,2194,2199],{"type":130,"tag":260,"props":2188,"children":2189},{},[2190],{"type":135,"value":2191},"Note:",{"type":135,"value":2193}," ",{"type":130,"tag":138,"props":2195,"children":2196},{"className":118},[2197],{"type":135,"value":2198},"/cdn-cgi/image/",{"type":135,"value":2200}," will be automatically appended for generating URLs.",{"type":130,"tag":1465,"props":2202,"children":2203},{},[2204],{"type":135,"value":1469},{"title":118,"searchDepth":222,"depth":222,"links":2206},[2207],{"id":702,"depth":222,"text":2159,"children":2208},[2209],{"id":2162,"depth":226,"text":2168},"content:3.providers:cloudflare.md","3.providers/cloudflare.md",1697713011309]