[{"data":1,"prerenderedAt":831},["ShallowReactive",2],{"navigation":3,"\u002Fdocs\u002Fessentials\u002Fmarkdown-syntax":50,"\u002Fdocs\u002Fessentials\u002Fmarkdown-syntax-surround":826},[4,23],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","\u002Fdocs\u002Fgetting-started","1.docs\u002F1.getting-started\u002F1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","1.docs\u002F1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Usage","\u002Fdocs\u002Fgetting-started\u002Fusage","1.docs\u002F1.getting-started\u002F3.usage","i-lucide-sliders",false,{"title":24,"path":25,"stem":26,"children":27,"page":-1,"icon":29},"Essentials","\u002Fdocs\u002Fessentials","1.docs\u002F2.essentials\u002Findex",[28,30,35,40,45],{"title":24,"path":25,"stem":26,"icon":29},"i-lucide-book-open",{"title":31,"path":32,"stem":33,"icon":34},"Markdown Syntax","\u002Fdocs\u002Fessentials\u002Fmarkdown-syntax","1.docs\u002F2.essentials\u002F1.markdown-syntax","i-lucide-heading-1",{"title":36,"path":37,"stem":38,"icon":39},"Code Blocks","\u002Fdocs\u002Fessentials\u002Fcode-blocks","1.docs\u002F2.essentials\u002F2.code-blocks","i-lucide-code-xml",{"title":41,"path":42,"stem":43,"icon":44},"Prose Components","\u002Fdocs\u002Fessentials\u002Fprose-components","1.docs\u002F2.essentials\u002F3.prose-components","i-lucide-component",{"title":46,"path":47,"stem":48,"icon":49},"Images and Embeds","\u002Fdocs\u002Fessentials\u002Fimages-embeds","1.docs\u002F2.essentials\u002F4.images-embeds","i-lucide-image",{"id":51,"title":31,"body":52,"description":821,"extension":623,"meta":822,"navigation":823,"path":32,"seo":824,"stem":33,"__hash__":825},"docs\u002F1.docs\u002F2.essentials\u002F1.markdown-syntax.md",{"type":53,"value":54,"toc":800},"minimark",[55,60,64,93,98,101,118,124,128,131,199,202,264,275,315,319,326,363,367,373,399,403,406,410,417,464,468,471,511,515,518,570,574,577,719,723,726,730,737,758,762,765,796],[56,57,59],"h2",{"id":58},"titles","Titles",[61,62,63],"p",{},"Use titles to introduce main sections. They structure your documentation and help users navigate content.",[65,66,69,72],"code-preview",{"className":67},[68],"[&>div]:*:my-0",[56,70,59],{"id":71},"titles-1",[73,74,76],"template",{"v-slot:code":75},"",[77,78,82],"pre",{"className":79,"code":80,"language":81,"meta":75,"style":75},"language-mdc shiki shiki-themes github-light github-dark","## Titles\n","mdc",[83,84,85],"code",{"__ignoreMap":75},[86,87,90],"span",{"class":88,"line":89},"line",1,[86,91,80],{"class":92},"sq-ep",[94,95,97],"h3",{"id":96},"subtitles","Subtitles",[61,99,100],{},"Use subtitles to divide sections further. They create a more detailed content hierarchy for better readability.",[65,102,104,107],{"className":103},[68],[94,105,97],{"id":106},"subtitles-1",[73,108,109],{"v-slot:code":75},[77,110,112],{"className":79,"code":111,"language":81,"meta":75,"style":75},"### Subtitles\n",[83,113,114],{"__ignoreMap":75},[86,115,116],{"class":88,"line":89},[86,117,111],{"class":92},[119,120,121],"tip",{},[61,122,123],{},"Each title and subtitle creates an anchor and shows up automatically in the table of contents.",[56,125,127],{"id":126},"text-formatting","Text Formatting",[61,129,130],{},"Stackhacker UI supports most Markdown formatting options.",[132,133,134,150],"table",{},[135,136,137],"thead",{},[138,139,140,144,147],"tr",{},[141,142,143],"th",{},"Style",[141,145,146],{},"How to use",[141,148,149],{},"Result",[151,152,153,169,184],"tbody",{},[138,154,155,159,164],{},[156,157,158],"td",{},"Bold",[156,160,161],{},[83,162,163],{},"**bold**",[156,165,166],{},[167,168,158],"strong",{},[138,170,171,174,179],{},[156,172,173],{},"Italic",[156,175,176],{},[83,177,178],{},"*italic*",[156,180,181],{},[182,183,173],"em",{},[138,185,186,189,194],{},[156,187,188],{},"Strike",[156,190,191],{},[83,192,193],{},"~~strike~~",[156,195,196],{},[197,198,188],"del",{},[61,200,201],{},"Combine formatting for richer text styles and visual emphasis.",[132,203,204,214],{},[135,205,206],{},[138,207,208,210,212],{},[141,209,143],{},[141,211,146],{},[141,213,149],{},[151,215,216,232,248],{},[138,217,218,221,226],{},[156,219,220],{},"Bold Italic",[156,222,223],{},[83,224,225],{},"**_bold italic_**",[156,227,228],{},[182,229,230],{},[167,231,220],{},[138,233,234,237,242],{},[156,235,236],{},"Bold Strike",[156,238,239],{},[83,240,241],{},"~~**bold**~~",[156,243,244],{},[197,245,246],{},[167,247,158],{},[138,249,250,253,258],{},[156,251,252],{},"Italic Strike",[156,254,255],{},[83,256,257],{},"~~*italic*~~",[156,259,260],{},[197,261,262],{},[182,263,173],{},[61,265,266,267,270,271,274],{},"For exponents, indices, or mathematical notations, use HTML ",[83,268,269],{},"\u003Csup>"," and ",[83,272,273],{},"\u003Csub>"," tags.",[132,276,277,287],{},[135,278,279],{},[138,280,281,283,285],{},[141,282,143],{},[141,284,146],{},[141,286,149],{},[151,288,289,302],{},[138,290,291,294,299],{},[156,292,293],{},"Superscript",[156,295,296],{},[83,297,298],{},"\u003Csup>superscript\u003C\u002Fsup>",[156,300,301],{},"superscript",[138,303,304,307,312],{},[156,305,306],{},"Subscript",[156,308,309],{},[83,310,311],{},"\u003Csub>subscript\u003C\u002Fsub>",[156,313,314],{},"subscript",[56,316,318],{"id":317},"links","Links",[61,320,321,322,325],{},"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 ",[83,323,324],{},"[]()",".",[65,327,329,338],{"className":328},[68],[61,330,331],{},[332,333,337],"a",{"href":334,"rel":335},"https:\u002F\u002Fui.stackhacker.io\u002Fgetting-started\u002Finstallation",[336],"nofollow","Stackhacker UI",[73,339,340],{"v-slot:code":75},[77,341,343],{"className":79,"code":342,"language":81,"meta":75,"style":75},"[Stackhacker UI](https:\u002F\u002Fui.stackhacker.io\u002Fgetting-started\u002Finstallation)\n",[83,344,345],{"__ignoreMap":75},[86,346,347,351,354,357,360],{"class":88,"line":89},[86,348,350],{"class":349},"sVt8B","[",[86,352,337],{"class":353},"svl0z",[86,355,356],{"class":349},"](",[86,358,334],{"class":359},"s2frl",[86,361,362],{"class":349},")\n",[94,364,366],{"id":365},"internal-links","Internal links",[61,368,369,370,325],{},"For linking within your documentation, use root-relative paths like ",[83,371,372],{},"\u002Fgetting-started\u002Finstallation",[65,374,376,380],{"className":375},[68],[61,377,378],{},[332,379,13],{"href":14},[73,381,382],{"v-slot:code":75},[77,383,385],{"className":79,"code":384,"language":81,"meta":75,"style":75},"[Installation](\u002Fdocs\u002Fgetting-started\u002Finstallation)\n",[83,386,387],{"__ignoreMap":75},[86,388,389,391,393,395,397],{"class":88,"line":89},[86,390,350],{"class":349},[86,392,13],{"class":353},[86,394,356],{"class":349},[86,396,14],{"class":359},[86,398,362],{"class":349},[56,400,402],{"id":401},"lists","Lists",[61,404,405],{},"Organize related items in a structured, readable format. Markdown supports unordered, ordered, and nested lists for various content needs.",[94,407,409],{"id":408},"unordered","Unordered",[61,411,412,413,416],{},"Use unordered lists for items without a specific sequence. Start each item with a ",[83,414,415],{},"-"," symbol.",[65,418,420,433],{"className":419},[68],[421,422,423,427,430],"ul",{},[424,425,426],"li",{},"I'm a list item.",[424,428,429],{},"I'm another list item.",[424,431,432],{},"I'm the last list item.",[73,434,435],{"v-slot:code":75},[77,436,438],{"className":79,"code":437,"language":81,"meta":75,"style":75},"- I'm a list item.\n- I'm another list item.\n- I'm the last list item.\n",[83,439,440,448,456],{"__ignoreMap":75},[86,441,442,445],{"class":88,"line":89},[86,443,415],{"class":444},"s4XuR",[86,446,447],{"class":349}," I'm a list item.\n",[86,449,451,453],{"class":88,"line":450},2,[86,452,415],{"class":444},[86,454,455],{"class":349}," I'm another list item.\n",[86,457,459,461],{"class":88,"line":458},3,[86,460,415],{"class":444},[86,462,463],{"class":349}," I'm the last list item.\n",[94,465,467],{"id":466},"ordered","Ordered",[61,469,470],{},"Use ordered lists when item order matters, like steps in a process. Start each item with a number.",[65,472,474,483],{"className":473},[68],[475,476,477,479,481],"ol",{},[424,478,426],{},[424,480,429],{},[424,482,432],{},[73,484,485],{"v-slot:code":75},[77,486,488],{"className":79,"code":487,"language":81,"meta":75,"style":75},"1. I'm a list item.\n2. I'm another list item.\n3. I'm the last list item.\n",[83,489,490,497,504],{"__ignoreMap":75},[86,491,492,495],{"class":88,"line":89},[86,493,494],{"class":444},"1.",[86,496,447],{"class":349},[86,498,499,502],{"class":88,"line":450},[86,500,501],{"class":444},"2.",[86,503,455],{"class":349},[86,505,506,509],{"class":88,"line":458},[86,507,508],{"class":444},"3.",[86,510,463],{"class":349},[94,512,514],{"id":513},"nested","Nested",[61,516,517],{},"Create hierarchical lists with sub-items for complex structures. Indent sub-items by four spaces for nesting.",[65,519,521,535],{"className":520},[68],[421,522,523,533],{},[424,524,426,525],{},[421,526,527,530],{},[424,528,529],{},"I'm a nested list item.",[424,531,532],{},"I'm another nested list item.",[424,534,429],{},[73,536,537],{"v-slot:code":75},[77,538,540],{"className":79,"code":539,"language":81,"meta":75,"style":75},"- 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",[83,541,542,548,556,563],{"__ignoreMap":75},[86,543,544,546],{"class":88,"line":89},[86,545,415],{"class":444},[86,547,447],{"class":349},[86,549,550,553],{"class":88,"line":450},[86,551,552],{"class":444},"  -",[86,554,555],{"class":349}," I'm a nested list item.\n",[86,557,558,560],{"class":88,"line":458},[86,559,552],{"class":444},[86,561,562],{"class":349}," I'm another nested list item.\n",[86,564,566,568],{"class":88,"line":565},4,[86,567,415],{"class":444},[86,569,455],{"class":349},[56,571,573],{"id":572},"tables","Tables",[61,575,576],{},"Present structured data in rows and columns clearly. Tables are ideal for comparing data or listing properties.",[65,578,581,644],{"className":579},[68,580],"[&>div]:*:w-full",[132,582,583,596],{},[135,584,585],{},[138,586,587,590,593],{},[141,588,589],{},"Prop",[141,591,592],{},"Default",[141,594,595],{},"Type",[151,597,598,612,628],{},[138,599,600,605,607],{},[156,601,602],{},[83,603,604],{},"name",[156,606],{},[156,608,609],{},[83,610,611],{},"string",[138,613,614,619,624],{},[156,615,616],{},[83,617,618],{},"size",[156,620,621],{},[83,622,623],{},"md",[156,625,626],{},[83,627,611],{},[138,629,630,635,640],{},[156,631,632],{},[83,633,634],{},"color",[156,636,637],{},[83,638,639],{},"neutral",[156,641,642],{},[83,643,611],{},[73,645,646],{"v-slot:code":75},[77,647,649],{"className":79,"code":648,"language":81,"meta":75,"style":75},"| 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",[83,650,651,656,661,679,699],{"__ignoreMap":75},[86,652,653],{"class":88,"line":89},[86,654,655],{"class":349},"| Prop    | Default   | Type                     |\n",[86,657,658],{"class":88,"line":450},[86,659,660],{"class":349},"|---------|-----------|--------------------------|\n",[86,662,663,666,670,673,676],{"class":88,"line":458},[86,664,665],{"class":349},"| ",[86,667,669],{"class":668},"sj4cs","`name`",[86,671,672],{"class":349},"  |           | ",[86,674,675],{"class":668},"`string`",[86,677,678],{"class":349},"{lang=\"ts-type\"} |\n",[86,680,681,683,686,689,692,695,697],{"class":88,"line":565},[86,682,665],{"class":349},[86,684,685],{"class":668},"`size`",[86,687,688],{"class":349},"  | ",[86,690,691],{"class":668},"`md`",[86,693,694],{"class":349},"      | ",[86,696,675],{"class":668},[86,698,678],{"class":349},[86,700,702,704,707,710,713,715,717],{"class":88,"line":701},5,[86,703,665],{"class":349},[86,705,706],{"class":668},"`color`",[86,708,709],{"class":349}," | ",[86,711,712],{"class":668},"`neutral`",[86,714,709],{"class":349},[86,716,675],{"class":668},[86,718,678],{"class":349},[56,720,722],{"id":721},"blockquotes","Blockquotes",[61,724,725],{},"Highlight important quotations, citations, or emphasized text. Blockquotes visually distinguish quoted content.",[94,727,729],{"id":728},"singleline","Singleline",[61,731,732,733,736],{},"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 ",[83,734,735],{},">"," in front of a paragraph. Ideal for short and impactful quotes.",[65,738,740,746],{"className":739},[68],[741,742,743],"blockquote",{},[61,744,745],{},"Stackhacker UI is a collection of Vue components, composables and utils designed to create beautiful and accessible user interfaces.",[73,747,748],{"v-slot:code":75},[77,749,751],{"className":79,"code":750,"language":81,"meta":75,"style":75},"> Stackhacker UI is a collection of Vue components, composables and utils designed to create beautiful and accessible user interfaces.\n",[83,752,753],{"__ignoreMap":75},[86,754,755],{"class":88,"line":89},[86,756,750],{"class":757},"s9eBZ",[94,759,761],{"id":760},"multiline","Multiline",[61,763,764],{},"Multi-line blockquotes are suitable for longer quotes or when you need to include multiple paragraphs within a single quotation.",[65,766,768,775],{"className":767},[68],[741,769,770,772],{},[61,771,745],{},[61,773,774],{},"Create beautiful, responsive, and accessible Vue applications with Stackhacker UI.",[73,776,777],{"v-slot:code":75},[77,778,780],{"className":79,"code":779,"language":81,"meta":75,"style":75},"> Stackhacker 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 Stackhacker UI.\n",[83,781,782,786,791],{"__ignoreMap":75},[86,783,784],{"class":88,"line":89},[86,785,750],{"class":757},[86,787,788],{"class":88,"line":450},[86,789,790],{"class":757},">\n",[86,792,793],{"class":88,"line":458},[86,794,795],{"class":757},"> Create beautiful, responsive, and accessible Vue applications with Stackhacker UI.\n",[797,798,799],"style",{},"html pre.shiki code .sq-ep, html code.shiki .sq-ep{--shiki-default:#005CC5;--shiki-default-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold}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 .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .svl0z, html code.shiki .svl0z{--shiki-default:#032F62;--shiki-default-text-decoration:underline;--shiki-dark:#DBEDFF;--shiki-dark-text-decoration:underline}html pre.shiki code .s2frl, html code.shiki .s2frl{--shiki-default:#24292E;--shiki-default-text-decoration:underline;--shiki-dark:#E1E4E8;--shiki-dark-text-decoration:underline}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}",{"title":75,"searchDepth":450,"depth":450,"links":801},[802,803,807,808,811,816,817],{"id":58,"depth":450,"text":59},{"id":71,"depth":450,"text":59,"children":804},[805,806],{"id":96,"depth":458,"text":97},{"id":106,"depth":458,"text":97},{"id":126,"depth":450,"text":127},{"id":317,"depth":450,"text":318,"children":809},[810],{"id":365,"depth":458,"text":366},{"id":401,"depth":450,"text":402,"children":812},[813,814,815],{"id":408,"depth":458,"text":409},{"id":466,"depth":458,"text":467},{"id":513,"depth":458,"text":514},{"id":572,"depth":450,"text":573},{"id":721,"depth":450,"text":722,"children":818},[819,820],{"id":728,"depth":458,"text":729},{"id":760,"depth":458,"text":761},"Text, title, and styling in standard markdown.",{},{"icon":34},{"title":31,"description":821},"DNIhsIYYpFRvn3eFx2j6sx07k1RQ-2qXqlfMg9gZbYQ",[827,829],{"title":24,"path":25,"stem":26,"description":828,"icon":29,"children":-1},"Learn the essential content patterns available in the Stackhacker UI SaaS template.",{"title":36,"path":37,"stem":38,"description":830,"icon":39,"children":-1},"Display inline code and code blocks",1782195807523]