[{"data":1,"prerenderedAt":360},["ShallowReactive",2],{"navigation-docs-en":3,"navigation-tools-en":48,"/docs/essentials/images-embeds-en":72,"/docs/essentials/images-embeds-surround-en":357},[4,23],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","/docs/getting-started","1.docs/1.getting-started/1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Our Process","/docs/getting-started/our-process","1.docs/1.getting-started/2.our-process","i-lucide-workflow",{"title":18,"path":19,"stem":20,"icon":21},"Live Demo","/docs/getting-started/features","1.docs/1.getting-started/3.features","i-lucide-sparkles",false,{"title":24,"path":25,"stem":26,"children":27,"page":22},"Essentials","/docs/essentials","1.docs/2.essentials",[28,33,38,43],{"title":29,"path":30,"stem":31,"icon":32},"Markdown Syntax","/docs/essentials/markdown-syntax","1.docs/2.essentials/1.markdown-syntax","i-lucide-heading-1",{"title":34,"path":35,"stem":36,"icon":37},"Code Blocks","/docs/essentials/code-blocks","1.docs/2.essentials/2.code-blocks","i-lucide-code-xml",{"title":39,"path":40,"stem":41,"icon":42},"Prose Components","/docs/essentials/prose-components","1.docs/2.essentials/3.prose-components","i-lucide-component",{"title":44,"path":45,"stem":46,"icon":47},"Images and Embeds","/docs/essentials/images-embeds","1.docs/2.essentials/4.images-embeds","i-lucide-image",[49,54],{"title":50,"path":51,"stem":52,"icon":53},"Developer Tools","/tools","6.tools/index","i-lucide-wrench",{"title":5,"path":55,"stem":56,"children":57,"icon":71},"/tools/getting-started","6.tools/1.getting-started/1.index",[58,59,63,67],{"title":10,"path":55,"stem":56},{"title":60,"path":61,"stem":62},"CLI Tool","/tools/getting-started/cli","6.tools/1.getting-started/2.cli",{"title":64,"path":65,"stem":66},"Code Generators","/tools/getting-started/generators","6.tools/1.getting-started/3.generators",{"title":68,"path":69,"stem":70},"Testing Utilities","/tools/getting-started/testing","6.tools/1.getting-started/4.testing","i-lucide-rocket",{"page":73,"fallbackPage":352},{"id":74,"title":44,"body":75,"description":350,"extension":351,"links":352,"meta":353,"navigation":354,"ogImage":352,"path":45,"seo":355,"stem":46,"__hash__":356},"docs/1.docs/2.essentials/4.images-embeds.md",{"type":76,"value":77,"toc":341},"minimark",[78,83,88,92,136,159,163,166,231,235,238,337],[79,80,82],"h2",{"id":81},"image","Image",[84,85,87],"h3",{"id":86},"using-markdown","Using Markdown",[89,90,91],"p",{},"Display images using standard Markdown syntax. Markdown images are simple to implement for basic image display.",[93,94,95,102],"code-preview",{},[89,96,97],{},[98,99],"img",{"alt":100,"src":101},"Nuxt Social Image","https://nuxt.com/new-social.jpg",[103,104,106],"template",{"v-slot:code":105},"",[107,108,112],"pre",{"className":109,"code":110,"language":111,"meta":105,"style":105},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","![Nuxt Social Image](https://nuxt.com/new-social.jpg)\n","mdc",[113,114,115],"code",{"__ignoreMap":105},[116,117,120,124,127,130,133],"span",{"class":118,"line":119},"line",1,[116,121,123],{"class":122},"sMK4o","![",[116,125,100],{"class":126},"sfazB",[116,128,129],{"class":122},"](",[116,131,101],{"class":132},"sQLHv",[116,134,135],{"class":122},")\n",[137,138,139],"note",{},[89,140,141,142,151,152,155,156,158],{},"If ",[143,144,148],"a",{"href":145,"rel":146},"https://image.nuxt.com/get-started/installation",[147],"nofollow",[113,149,150],{},"@nuxt/image"," is installed, the ",[113,153,154],{},"\u003CNuxtImg>"," component will be used instead of the native ",[113,157,98],{}," tag.",[84,160,162],{"id":161},"using-embeds","Using Embeds",[89,164,165],{},"Use embeds for more image customization. Embeds offer greater control over image attributes like size and styling.",[93,167,168,173],{},[89,169,170],{},[98,171],{"alt":100,"src":101,"height":172},150,[103,174,175],{"v-slot:code":105},[107,176,178],{"className":109,"code":177,"language":111,"meta":105,"style":105},":img{src=\"https://nuxt.com/new-social.jpg\" alt=\"Nuxt Social Image\" height=\"150\"}\n",[113,179,180],{"__ignoreMap":105},[116,181,182,185,188,191,195,198,201,203,205,208,210,212,214,216,219,221,223,226,228],{"class":118,"line":119},[116,183,184],{"class":122},":",[116,186,98],{"class":187},"swJcz",[116,189,190],{"class":122},"{",[116,192,194],{"class":193},"spNyl","src",[116,196,197],{"class":122},"=",[116,199,200],{"class":122},"\"",[116,202,101],{"class":126},[116,204,200],{"class":122},[116,206,207],{"class":193}," alt",[116,209,197],{"class":122},[116,211,200],{"class":122},[116,213,100],{"class":126},[116,215,200],{"class":122},[116,217,218],{"class":193}," height",[116,220,197],{"class":122},[116,222,200],{"class":122},[116,224,225],{"class":126},"150",[116,227,200],{"class":122},[116,229,230],{"class":122},"}\n",[79,232,234],{"id":233},"embeds-and-html-elements","Embeds and HTML elements",[89,236,237],{},"Embeds allow adding various HTML elements like videos and iframes. This feature extends documentation capabilities to include interactive and multimedia content.",[93,239,242,252],{"className":240},[241],"[&>div]:*:w-full",[243,244],"iframe",{":allowfullscreen":245,"allow":246,"frameBorder":247,"referrerPolicy":248,"src":249,"style":250,"title":251},"true","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share","0","strict-origin-when-cross-origin","https://www.youtube-nocookie.com/embed/_eQxomah-nA?si=pDSzchUBDKb2NQu7","aspect-ratio: 16/9;","YouTube video player",[103,253,254],{"v-slot:code":105},[107,255,257],{"className":109,"code":256,"language":111,"meta":105,"style":105},":iframe{src=\"https://www.youtube-nocookie.com/embed/_eQxomah-nA?si=pDSzchUBDKb2NQu7\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen style=\"aspect-ratio: 16/9;\"}\n",[113,258,259],{"__ignoreMap":105},[116,260,261,263,265,267,269,271,273,275,277,280,282,284,286,288,291,293,295,297,299,302,304,306,308,310,313,315,317,319,321,324,327,329,331,333,335],{"class":118,"line":119},[116,262,184],{"class":122},[116,264,243],{"class":187},[116,266,190],{"class":122},[116,268,194],{"class":193},[116,270,197],{"class":122},[116,272,200],{"class":122},[116,274,249],{"class":126},[116,276,200],{"class":122},[116,278,279],{"class":193}," title",[116,281,197],{"class":122},[116,283,200],{"class":122},[116,285,251],{"class":126},[116,287,200],{"class":122},[116,289,290],{"class":193}," frameborder",[116,292,197],{"class":122},[116,294,200],{"class":122},[116,296,247],{"class":126},[116,298,200],{"class":122},[116,300,301],{"class":193}," allow",[116,303,197],{"class":122},[116,305,200],{"class":122},[116,307,246],{"class":126},[116,309,200],{"class":122},[116,311,312],{"class":193}," referrerpolicy",[116,314,197],{"class":122},[116,316,200],{"class":122},[116,318,248],{"class":126},[116,320,200],{"class":122},[116,322,323],{"class":193}," allowfullscreen",[116,325,326],{"class":193}," style",[116,328,197],{"class":122},[116,330,200],{"class":122},[116,332,250],{"class":126},[116,334,200],{"class":122},[116,336,230],{"class":122},[338,339,340],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sQLHv, html code.shiki .sQLHv{--shiki-light:#90A4AE;--shiki-light-text-decoration:underline;--shiki-default:#EEFFFF;--shiki-default-text-decoration:underline;--shiki-dark:#BABED8;--shiki-dark-text-decoration:underline}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":105,"searchDepth":342,"depth":342,"links":343},2,[344,349],{"id":81,"depth":342,"text":82,"children":345},[346,348],{"id":86,"depth":347,"text":87},3,{"id":161,"depth":347,"text":162},{"id":233,"depth":342,"text":234},"Add image, video, and other HTML elements","md",null,{},{"icon":47},{"title":44,"description":350},"HICJeurzcEVMrtpYdOOIIiNITpKOnw6CiKqfdJl-4bI",[358,352],{"title":39,"path":40,"stem":41,"description":359,"icon":42,"children":-1},"Components to help you structure your content.",1762257864574]