[{"data":1,"prerenderedAt":384},["ShallowReactive",2],{"navigation":3,"/essentials/images-embeds":95,"/essentials/images-embeds-surround":379},[4,23,48],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","/getting-started","1.getting-started/1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"About Me","i-lucide-user",{"title":13,"path":14,"stem":15,"icon":16},"Installation","/getting-started/installation","1.getting-started/2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Usage","/getting-started/usage","1.getting-started/3.usage","i-lucide-sliders",false,{"title":24,"path":25,"stem":26,"children":27,"page":22},"Essentials","/essentials","2.essentials",[28,33,38,43],{"title":29,"path":30,"stem":31,"icon":32},"Markdown Syntax","/essentials/markdown-syntax","2.essentials/1.markdown-syntax","i-lucide-heading-1",{"title":34,"path":35,"stem":36,"icon":37},"Code Blocks","/essentials/code-blocks","2.essentials/2.code-blocks","i-lucide-code-xml",{"title":39,"path":40,"stem":41,"icon":42},"Prose Components","/essentials/prose-components","2.essentials/3.prose-components","i-lucide-component",{"title":44,"path":45,"stem":46,"icon":47},"Images and Embeds","/essentials/images-embeds","2.essentials/4.images-embeds","i-lucide-image",{"title":49,"path":50,"stem":51,"children":52},"Templates","/templates","templates",[53,56,61,65,70,74,78,83,87,91],{"title":49,"path":50,"stem":54,"icon":55},"templates/index","i-lucide-archive",{"title":57,"path":58,"stem":59,"icon":60},"Panduan Setup HTML/CSS - Dari Template Statis hingga Responsive Design","/templates/html-css-setup-guide","templates/html-css-setup-guide","i-lucide-file-text",{"title":62,"path":63,"stem":64,"icon":60},"Panduan Setup Laravel - Dari Template hingga Ready Production","/templates/laravel-setup-guide","templates/laravel-setup-guide",{"title":66,"path":67,"stem":68,"icon":69},"Next.js SaaS Starter Kit - Panduan Lengkap","/templates/nextjs-saas-starter","templates/nextjs-saas-starter","i-lucide-layout-template",{"title":71,"path":72,"stem":73,"icon":60},"Panduan Setup Next.js - Dari Template hingga Production Ready","/templates/nextjs-setup-guide","templates/nextjs-setup-guide",{"title":75,"path":76,"stem":77,"icon":16},"Panduan Membeli & Download Template","/templates/panduan-beli-download","templates/panduan-beli-download",{"title":79,"path":80,"stem":81,"icon":82},"Panduan Setup Lengkap Semua Tech-Stack","/templates/panduan-setup-all-stack","templates/panduan-setup-all-stack","i-lucide-rocket",{"title":84,"path":85,"stem":86,"icon":60},"Panduan Setup PHP - Dari Template Hingga Production Deployment","/templates/php-setup-guide","templates/php-setup-guide",{"title":88,"path":89,"stem":90,"icon":60},"Product Documentation Template","/templates/product-documentation","templates/product-documentation",{"title":92,"path":93,"stem":94,"icon":60},"Panduan Setup React - Dari Download hingga Konfigurasi","/templates/react-setup-guide","templates/react-setup-guide",{"id":96,"title":44,"body":97,"description":372,"extension":373,"links":374,"meta":375,"navigation":376,"path":45,"seo":377,"stem":46,"__hash__":378},"docs/2.essentials/4.images-embeds.md",{"type":98,"value":99,"toc":363},"minimark",[100,105,110,114,158,181,185,188,253,257,260,359],[101,102,104],"h2",{"id":103},"image","Image",[106,107,109],"h3",{"id":108},"using-markdown","Using Markdown",[111,112,113],"p",{},"Display images using standard Markdown syntax. Markdown images are simple to implement for basic image display.",[115,116,117,124],"code-preview",{},[111,118,119],{},[120,121],"img",{"alt":122,"src":123},"Nuxt Social Image","https://nuxt.com/new-social.jpg",[125,126,128],"template",{"v-slot:code":127},"",[129,130,134],"pre",{"className":131,"code":132,"language":133,"meta":127,"style":127},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","![Nuxt Social Image](https://nuxt.com/new-social.jpg)\n","mdc",[135,136,137],"code",{"__ignoreMap":127},[138,139,142,146,149,152,155],"span",{"class":140,"line":141},"line",1,[138,143,145],{"class":144},"sMK4o","![",[138,147,122],{"class":148},"sfazB",[138,150,151],{"class":144},"](",[138,153,123],{"class":154},"sQLHv",[138,156,157],{"class":144},")\n",[159,160,161],"note",{},[111,162,163,164,173,174,177,178,180],{},"If ",[165,166,170],"a",{"href":167,"rel":168},"https://image.nuxt.com/get-started/installation",[169],"nofollow",[135,171,172],{},"@nuxt/image"," is installed, the ",[135,175,176],{},"\u003CNuxtImg>"," component will be used instead of the native ",[135,179,120],{}," tag.",[106,182,184],{"id":183},"using-embeds","Using Embeds",[111,186,187],{},"Use embeds for more image customization. Embeds offer greater control over image attributes like size and styling.",[115,189,190,195],{},[111,191,192],{},[120,193],{"alt":122,"src":123,"height":194},150,[125,196,197],{"v-slot:code":127},[129,198,200],{"className":131,"code":199,"language":133,"meta":127,"style":127},":img{src=\"https://nuxt.com/new-social.jpg\" alt=\"Nuxt Social Image\" height=\"150\"}\n",[135,201,202],{"__ignoreMap":127},[138,203,204,207,210,213,217,220,223,225,227,230,232,234,236,238,241,243,245,248,250],{"class":140,"line":141},[138,205,206],{"class":144},":",[138,208,120],{"class":209},"swJcz",[138,211,212],{"class":144},"{",[138,214,216],{"class":215},"spNyl","src",[138,218,219],{"class":144},"=",[138,221,222],{"class":144},"\"",[138,224,123],{"class":148},[138,226,222],{"class":144},[138,228,229],{"class":215}," alt",[138,231,219],{"class":144},[138,233,222],{"class":144},[138,235,122],{"class":148},[138,237,222],{"class":144},[138,239,240],{"class":215}," height",[138,242,219],{"class":144},[138,244,222],{"class":144},[138,246,247],{"class":148},"150",[138,249,222],{"class":144},[138,251,252],{"class":144},"}\n",[101,254,256],{"id":255},"embeds-and-html-elements","Embeds and HTML elements",[111,258,259],{},"Embeds allow adding various HTML elements like videos and iframes. This feature extends documentation capabilities to include interactive and multimedia content.",[115,261,264,274],{"className":262},[263],"[&>div]:*:w-full",[265,266],"iframe",{":allowfullscreen":267,"allow":268,"frameBorder":269,"referrerPolicy":270,"src":271,"style":272,"title":273},"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",[125,275,276],{"v-slot:code":127},[129,277,279],{"className":131,"code":278,"language":133,"meta":127,"style":127},":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",[135,280,281],{"__ignoreMap":127},[138,282,283,285,287,289,291,293,295,297,299,302,304,306,308,310,313,315,317,319,321,324,326,328,330,332,335,337,339,341,343,346,349,351,353,355,357],{"class":140,"line":141},[138,284,206],{"class":144},[138,286,265],{"class":209},[138,288,212],{"class":144},[138,290,216],{"class":215},[138,292,219],{"class":144},[138,294,222],{"class":144},[138,296,271],{"class":148},[138,298,222],{"class":144},[138,300,301],{"class":215}," title",[138,303,219],{"class":144},[138,305,222],{"class":144},[138,307,273],{"class":148},[138,309,222],{"class":144},[138,311,312],{"class":215}," frameborder",[138,314,219],{"class":144},[138,316,222],{"class":144},[138,318,269],{"class":148},[138,320,222],{"class":144},[138,322,323],{"class":215}," allow",[138,325,219],{"class":144},[138,327,222],{"class":144},[138,329,268],{"class":148},[138,331,222],{"class":144},[138,333,334],{"class":215}," referrerpolicy",[138,336,219],{"class":144},[138,338,222],{"class":144},[138,340,270],{"class":148},[138,342,222],{"class":144},[138,344,345],{"class":215}," allowfullscreen",[138,347,348],{"class":215}," style",[138,350,219],{"class":144},[138,352,222],{"class":144},[138,354,272],{"class":148},[138,356,222],{"class":144},[138,358,252],{"class":144},[360,361,362],"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":127,"searchDepth":141,"depth":364,"links":365},2,[366,371],{"id":103,"depth":364,"text":104,"children":367},[368,370],{"id":108,"depth":369,"text":109},3,{"id":183,"depth":369,"text":184},{"id":255,"depth":364,"text":256},"Add image, video, and other HTML elements","md",null,{},{"icon":47},{"title":44,"description":372},"WyaS4oit6ow7TXWKOpjxMc_HM4C090MAkM75f0_UKcU",[380,382],{"title":39,"path":40,"stem":41,"description":381,"icon":42,"children":-1},"Components to help you structure your content.",{"title":49,"path":50,"stem":54,"description":383,"icon":55,"children":-1},"Koleksi template dokumentasi yang bisa digunakan sebagai dasar untuk produk digital",1763121030926]