[{"data":1,"prerenderedAt":916},["ShallowReactive",2],{"navigation":3,"/essentials/markdown-syntax":95,"/essentials/markdown-syntax-surround":911},[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":29,"body":97,"description":905,"extension":675,"links":906,"meta":907,"navigation":908,"path":30,"seo":909,"stem":31,"__hash__":910},"docs/2.essentials/1.markdown-syntax.md",{"type":98,"value":99,"toc":886},"minimark",[100,105,109,143,148,151,172,178,182,185,253,256,318,329,369,373,380,416,420,425,451,455,458,462,469,516,520,523,563,567,570,622,626,629,797,801,804,808,815,840,844,847,882],[101,102,104],"h2",{"id":103},"titles","Titles",[106,107,108],"p",{},"Use titles to introduce main sections. They structure your documentation and help users navigate content.",[110,111,114,117],"code-preview",{"className":112},[113],"[&>div]:*:my-0",[101,115,104],{"id":116},"titles-1",[118,119,121],"template",{"v-slot:code":120},"",[122,123,127],"pre",{"className":124,"code":125,"language":126,"meta":120,"style":120},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","## Titles\n","mdc",[128,129,130],"code",{"__ignoreMap":120},[131,132,135,139],"span",{"class":133,"line":134},"line",1,[131,136,138],{"class":137},"sMK4o","## ",[131,140,142],{"class":141},"sBMFI","Titles\n",[144,145,147],"h3",{"id":146},"subtitles","Subtitles",[106,149,150],{},"Use subtitles to divide sections further. They create a more detailed content hierarchy for better readability.",[110,152,154,157],{"className":153},[113],[144,155,147],{"id":156},"subtitles-1",[118,158,159],{"v-slot:code":120},[122,160,162],{"className":124,"code":161,"language":126,"meta":120,"style":120},"### Subtitles\n",[128,163,164],{"__ignoreMap":120},[131,165,166,169],{"class":133,"line":134},[131,167,168],{"class":137},"### ",[131,170,171],{"class":141},"Subtitles\n",[173,174,175],"tip",{},[106,176,177],{},"Each title and subtitle creates an anchor and shows up automatically in the table of contents.",[101,179,181],{"id":180},"text-formatting","Text Formatting",[106,183,184],{},"Nuxt UI supports most Markdown formatting options.",[186,187,188,204],"table",{},[189,190,191],"thead",{},[192,193,194,198,201],"tr",{},[195,196,197],"th",{},"Style",[195,199,200],{},"How to use",[195,202,203],{},"Result",[205,206,207,223,238],"tbody",{},[192,208,209,213,218],{},[210,211,212],"td",{},"Bold",[210,214,215],{},[128,216,217],{},"**bold**",[210,219,220],{},[221,222,212],"strong",{},[192,224,225,228,233],{},[210,226,227],{},"Italic",[210,229,230],{},[128,231,232],{},"*italic*",[210,234,235],{},[236,237,227],"em",{},[192,239,240,243,248],{},[210,241,242],{},"Strike",[210,244,245],{},[128,246,247],{},"~~strike~~",[210,249,250],{},[251,252,242],"del",{},[106,254,255],{},"Combine formatting for richer text styles and visual emphasis.",[186,257,258,268],{},[189,259,260],{},[192,261,262,264,266],{},[195,263,197],{},[195,265,200],{},[195,267,203],{},[205,269,270,286,302],{},[192,271,272,275,280],{},[210,273,274],{},"Bold Italic",[210,276,277],{},[128,278,279],{},"**_bold italic_**",[210,281,282],{},[236,283,284],{},[221,285,274],{},[192,287,288,291,296],{},[210,289,290],{},"Bold Strike",[210,292,293],{},[128,294,295],{},"~~**bold**~~",[210,297,298],{},[251,299,300],{},[221,301,212],{},[192,303,304,307,312],{},[210,305,306],{},"Italic Strike",[210,308,309],{},[128,310,311],{},"~~*italic*~~",[210,313,314],{},[251,315,316],{},[236,317,227],{},[106,319,320,321,324,325,328],{},"For exponents, indices, or mathematical notations, use HTML ",[128,322,323],{},"\u003Csup>"," and ",[128,326,327],{},"\u003Csub>"," tags.",[186,330,331,341],{},[189,332,333],{},[192,334,335,337,339],{},[195,336,197],{},[195,338,200],{},[195,340,203],{},[205,342,343,356],{},[192,344,345,348,353],{},[210,346,347],{},"Superscript",[210,349,350],{},[128,351,352],{},"\u003Csup>superscript\u003C/sup>",[210,354,355],{},"superscript",[192,357,358,361,366],{},[210,359,360],{},"Subscript",[210,362,363],{},[128,364,365],{},"\u003Csub>subscript\u003C/sub>",[210,367,368],{},"subscript",[101,370,372],{"id":371},"links","Links",[106,374,375,376,379],{},"Links connect different parts of your documentation and external resources, essential for user navigation and providing references.\nTo create a link, wrap the link text in brackets ",[128,377,378],{},"[]()",".",[110,381,383,392],{"className":382},[113],[106,384,385],{},[386,387,391],"a",{"href":388,"rel":389},"https://ui.nuxt.com/getting-started/installation",[390],"nofollow","Nuxt UI",[118,393,394],{"v-slot:code":120},[122,395,397],{"className":124,"code":396,"language":126,"meta":120,"style":120},"[Nuxt UI](https://ui.nuxt.com/getting-started/installation)\n",[128,398,399],{"__ignoreMap":120},[131,400,401,404,407,410,413],{"class":133,"line":134},[131,402,403],{"class":137},"[",[131,405,391],{"class":406},"sfazB",[131,408,409],{"class":137},"](",[131,411,388],{"class":412},"sQLHv",[131,414,415],{"class":137},")\n",[144,417,419],{"id":418},"internal-links","Internal links",[106,421,422,423,379],{},"For linking within your documentation, use root-relative paths like ",[128,424,14],{},[110,426,428,432],{"className":427},[113],[106,429,430],{},[386,431,13],{"href":14},[118,433,434],{"v-slot:code":120},[122,435,437],{"className":124,"code":436,"language":126,"meta":120,"style":120},"[Installation](/getting-started/installation)\n",[128,438,439],{"__ignoreMap":120},[131,440,441,443,445,447,449],{"class":133,"line":134},[131,442,403],{"class":137},[131,444,13],{"class":406},[131,446,409],{"class":137},[131,448,14],{"class":412},[131,450,415],{"class":137},[101,452,454],{"id":453},"lists","Lists",[106,456,457],{},"Organize related items in a structured, readable format. Markdown supports unordered, ordered, and nested lists for various content needs.",[144,459,461],{"id":460},"unordered","Unordered",[106,463,464,465,468],{},"Use unordered lists for items without a specific sequence. Start each item with a ",[128,466,467],{},"-"," symbol.",[110,470,472,485],{"className":471},[113],[473,474,475,479,482],"ul",{},[476,477,478],"li",{},"I'm a list item.",[476,480,481],{},"I'm another list item.",[476,483,484],{},"I'm the last list item.",[118,486,487],{"v-slot:code":120},[122,488,490],{"className":124,"code":489,"language":126,"meta":120,"style":120},"- I'm a list item.\n- I'm another list item.\n- I'm the last list item.\n",[128,491,492,500,508],{"__ignoreMap":120},[131,493,494,496],{"class":133,"line":134},[131,495,467],{"class":137},[131,497,499],{"class":498},"sTEyZ"," I'm a list item.\n",[131,501,503,505],{"class":133,"line":502},2,[131,504,467],{"class":137},[131,506,507],{"class":498}," I'm another list item.\n",[131,509,511,513],{"class":133,"line":510},3,[131,512,467],{"class":137},[131,514,515],{"class":498}," I'm the last list item.\n",[144,517,519],{"id":518},"ordered","Ordered",[106,521,522],{},"Use ordered lists when item order matters, like steps in a process. Start each item with a number.",[110,524,526,535],{"className":525},[113],[527,528,529,531,533],"ol",{},[476,530,478],{},[476,532,481],{},[476,534,484],{},[118,536,537],{"v-slot:code":120},[122,538,540],{"className":124,"code":539,"language":126,"meta":120,"style":120},"1. I'm a list item.\n2. I'm another list item.\n3. I'm the last list item.\n",[128,541,542,549,556],{"__ignoreMap":120},[131,543,544,547],{"class":133,"line":134},[131,545,546],{"class":137},"1.",[131,548,499],{"class":498},[131,550,551,554],{"class":133,"line":502},[131,552,553],{"class":137},"2.",[131,555,507],{"class":498},[131,557,558,561],{"class":133,"line":510},[131,559,560],{"class":137},"3.",[131,562,515],{"class":498},[144,564,566],{"id":565},"nested","Nested",[106,568,569],{},"Create hierarchical lists with sub-items for complex structures. Indent sub-items by four spaces for nesting.",[110,571,573,587],{"className":572},[113],[473,574,575,585],{},[476,576,478,577],{},[473,578,579,582],{},[476,580,581],{},"I'm a nested list item.",[476,583,584],{},"I'm another nested list item.",[476,586,481],{},[118,588,589],{"v-slot:code":120},[122,590,592],{"className":124,"code":591,"language":126,"meta":120,"style":120},"- I'm a list item.\n  - I'm a nested list item.\n  - I'm another nested list item.\n- I'm another list item.\n",[128,593,594,600,608,615],{"__ignoreMap":120},[131,595,596,598],{"class":133,"line":134},[131,597,467],{"class":137},[131,599,499],{"class":498},[131,601,602,605],{"class":133,"line":502},[131,603,604],{"class":137},"  -",[131,606,607],{"class":498}," I'm a nested list item.\n",[131,609,610,612],{"class":133,"line":510},[131,611,604],{"class":137},[131,613,614],{"class":498}," I'm another nested list item.\n",[131,616,618,620],{"class":133,"line":617},4,[131,619,467],{"class":137},[131,621,507],{"class":498},[101,623,625],{"id":624},"tables","Tables",[106,627,628],{},"Present structured data in rows and columns clearly. Tables are ideal for comparing data or listing properties.",[110,630,633,696],{"className":631},[113,632],"[&>div]:*:w-full",[186,634,635,648],{},[189,636,637],{},[192,638,639,642,645],{},[195,640,641],{},"Prop",[195,643,644],{},"Default",[195,646,647],{},"Type",[205,649,650,664,680],{},[192,651,652,657,659],{},[210,653,654],{},[128,655,656],{},"name",[210,658],{},[210,660,661],{},[128,662,663],{},"string",[192,665,666,671,676],{},[210,667,668],{},[128,669,670],{},"size",[210,672,673],{},[128,674,675],{},"md",[210,677,678],{},[128,679,663],{},[192,681,682,687,692],{},[210,683,684],{},[128,685,686],{},"color",[210,688,689],{},[128,690,691],{},"neutral",[210,693,694],{},[128,695,663],{},[118,697,698],{"v-slot:code":120},[122,699,701],{"className":124,"code":700,"language":126,"meta":120,"style":120},"| Prop    | Default   | Type                     |\n|---------|-----------|--------------------------|\n| `name`  |           | `string`{lang=\"ts-type\"} |\n| `size`  | `md`      | `string`{lang=\"ts-type\"} |\n| `color` | `neutral` | `string`{lang=\"ts-type\"} |\n",[128,702,703,708,713,737,767],{"__ignoreMap":120},[131,704,705],{"class":133,"line":134},[131,706,707],{"class":498},"| Prop    | Default   | Type                     |\n",[131,709,710],{"class":133,"line":502},[131,711,712],{"class":498},"|---------|-----------|--------------------------|\n",[131,714,715,718,721,723,725,728,730,732,734],{"class":133,"line":510},[131,716,717],{"class":498},"| ",[131,719,720],{"class":137},"`",[131,722,656],{"class":406},[131,724,720],{"class":137},[131,726,727],{"class":498},"  |           | ",[131,729,720],{"class":137},[131,731,663],{"class":406},[131,733,720],{"class":137},[131,735,736],{"class":498},"{lang=\"ts-type\"} |\n",[131,738,739,741,743,745,747,750,752,754,756,759,761,763,765],{"class":133,"line":617},[131,740,717],{"class":498},[131,742,720],{"class":137},[131,744,670],{"class":406},[131,746,720],{"class":137},[131,748,749],{"class":498},"  | ",[131,751,720],{"class":137},[131,753,675],{"class":406},[131,755,720],{"class":137},[131,757,758],{"class":498},"      | ",[131,760,720],{"class":137},[131,762,663],{"class":406},[131,764,720],{"class":137},[131,766,736],{"class":498},[131,768,770,772,774,776,778,781,783,785,787,789,791,793,795],{"class":133,"line":769},5,[131,771,717],{"class":498},[131,773,720],{"class":137},[131,775,686],{"class":406},[131,777,720],{"class":137},[131,779,780],{"class":498}," | ",[131,782,720],{"class":137},[131,784,691],{"class":406},[131,786,720],{"class":137},[131,788,780],{"class":498},[131,790,720],{"class":137},[131,792,663],{"class":406},[131,794,720],{"class":137},[131,796,736],{"class":498},[101,798,800],{"id":799},"blockquotes","Blockquotes",[106,802,803],{},"Highlight important quotations, citations, or emphasized text. Blockquotes visually distinguish quoted content.",[144,805,807],{"id":806},"singleline","Singleline",[106,809,810,811,814],{},"Single-line blockquotes are best for short, impactful quotes or citations that fit within a single line. To create a single-line blockquote, add a ",[128,812,813],{},">"," in front of a paragraph. Ideal for short and impactful quotes.",[110,816,818,824],{"className":817},[113],[819,820,821],"blockquote",{},[106,822,823],{},"Nuxt UI is a collection of Vue components, composables and utils designed to create beautiful and accessible user interfaces.",[118,825,826],{"v-slot:code":120},[122,827,829],{"className":124,"code":828,"language":126,"meta":120,"style":120},"> Nuxt UI is a collection of Vue components, composables and utils designed to create beautiful and accessible user interfaces.\n",[128,830,831],{"__ignoreMap":120},[131,832,833,836],{"class":133,"line":134},[131,834,813],{"class":835},"sCNwf",[131,837,839],{"class":838},"s7zQu"," Nuxt UI is a collection of Vue components, composables and utils designed to create beautiful and accessible user interfaces.\n",[144,841,843],{"id":842},"multiline","Multiline",[106,845,846],{},"Multi-line blockquotes are suitable for longer quotes or when you need to include multiple paragraphs within a single quotation.",[110,848,850,857],{"className":849},[113],[819,851,852,854],{},[106,853,823],{},[106,855,856],{},"Create beautiful, responsive, and accessible Vue applications with Nuxt UI.",[118,858,859],{"v-slot:code":120},[122,860,862],{"className":124,"code":861,"language":126,"meta":120,"style":120},"> Nuxt UI is a collection of Vue components, composables and utils designed to create beautiful and accessible user interfaces.\n>\n> Create beautiful, responsive, and accessible Vue applications with Nuxt UI.\n",[128,863,864,870,875],{"__ignoreMap":120},[131,865,866,868],{"class":133,"line":134},[131,867,813],{"class":835},[131,869,839],{"class":838},[131,871,872],{"class":133,"line":502},[131,873,874],{"class":835},">\n",[131,876,877,879],{"class":133,"line":510},[131,878,813],{"class":835},[131,880,881],{"class":838}," Create beautiful, responsive, and accessible Vue applications with Nuxt UI.\n",[883,884,885],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .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 pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sCNwf, html code.shiki .sCNwf{--shiki-light:#FF5370;--shiki-light-font-style:italic;--shiki-default:#FF9CAC;--shiki-default-font-style:italic;--shiki-dark:#FF9CAC;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}",{"title":120,"searchDepth":134,"depth":502,"links":887},[888,891,892,895,900,901],{"id":103,"depth":502,"text":104,"children":889},[890],{"id":146,"depth":510,"text":147},{"id":180,"depth":502,"text":181},{"id":371,"depth":502,"text":372,"children":893},[894],{"id":418,"depth":510,"text":419},{"id":453,"depth":502,"text":454,"children":896},[897,898,899],{"id":460,"depth":510,"text":461},{"id":518,"depth":510,"text":519},{"id":565,"depth":510,"text":566},{"id":624,"depth":502,"text":625},{"id":799,"depth":502,"text":800,"children":902},[903,904],{"id":806,"depth":510,"text":807},{"id":842,"depth":510,"text":843},"Text, title, and styling in standard markdown.",null,{},{"icon":32},{"title":29,"description":905},"oeQen5EhZlPaTL6RzOLNv2TU4kRfpjvqd9tDz2vZSYw",[912,914],{"title":18,"path":19,"stem":20,"description":913,"icon":21,"children":-1},"Learn how to write and customize your documentation.",{"title":34,"path":35,"stem":36,"description":915,"icon":37,"children":-1},"Display inline code and code blocks",1763121032579]