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