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