[{"data":1,"prerenderedAt":1829},["ShallowReactive",2],{"navigation":3,"\u002Fdocs\u002Fessentials\u002Fcode-blocks":50,"\u002Fdocs\u002Fessentials\u002Fcode-blocks-surround":1824},[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":36,"body":52,"description":1819,"extension":1190,"meta":1820,"navigation":1821,"path":37,"seo":1822,"stem":38,"__hash__":1823},"docs\u002F1.docs\u002F2.essentials\u002F2.code-blocks.md",{"type":53,"value":54,"toc":1807},"minimark",[55,60,65,69,100,103,106,186,189,247,323,326,396,401,408,515,519,523,533,705,719,723,732,1255,1261,1277,1343,1349,1358,1803],[56,57,59],"h2",{"id":58},"basic","Basic",[61,62,64],"h3",{"id":63},"inline-code","Inline Code",[66,67,68],"p",{},"Use inline code to display code snippets within text paragraphs. It's ideal for referencing code elements directly in sentences.",[70,71,74,80],"code-preview",{"className":72},[73],"[&>div]:*:my-0",[66,75,76],{},[77,78,79],"code",{},"inline code",[81,82,84],"template",{"v-slot:code":83},"",[85,86,90],"pre",{"className":87,"code":88,"language":89,"meta":83,"style":83},"language-mdc shiki shiki-themes github-light github-dark","`inline code`\n","mdc",[77,91,92],{"__ignoreMap":83},[93,94,97],"span",{"class":95,"line":96},"line",1,[93,98,88],{"class":99},"sj4cs",[61,101,36],{"id":102},"code-blocks",[66,104,105],{},"Use code blocks to display multi-line code snippets with syntax highlighting. Code blocks are essential for presenting code examples clearly.",[70,107,110,153],{"className":108},[73,109],"[&>div]:*:w-full",[85,111,115],{"className":112,"code":113,"language":114,"meta":83,"style":83},"language-ts shiki shiki-themes github-light github-dark","export default defineNuxtConfig({\n  modules: ['shadcn-nuxt']\n})\n","ts",[77,116,117,134,147],{"__ignoreMap":83},[93,118,119,123,126,130],{"class":95,"line":96},[93,120,122],{"class":121},"szBVR","export",[93,124,125],{"class":121}," default",[93,127,129],{"class":128},"sScJk"," defineNuxtConfig",[93,131,133],{"class":132},"sVt8B","({\n",[93,135,137,140,144],{"class":95,"line":136},2,[93,138,139],{"class":132},"  modules: [",[93,141,143],{"class":142},"sZZnC","'shadcn-nuxt'",[93,145,146],{"class":132},"]\n",[93,148,150],{"class":95,"line":149},3,[93,151,152],{"class":132},"})\n",[81,154,155],{"v-slot:code":83},[85,156,158],{"className":87,"code":157,"language":89,"meta":83,"style":83},"```ts\nexport default defineNuxtConfig({\n  modules: ['shadcn-nuxt']\n})\n```\n",[77,159,160,165,170,175,180],{"__ignoreMap":83},[93,161,162],{"class":95,"line":96},[93,163,164],{"class":132},"```ts\n",[93,166,167],{"class":95,"line":136},[93,168,169],{"class":132},"export default defineNuxtConfig({\n",[93,171,172],{"class":95,"line":149},[93,173,174],{"class":132},"  modules: ['shadcn-nuxt']\n",[93,176,178],{"class":95,"line":177},4,[93,179,152],{"class":132},[93,181,183],{"class":95,"line":182},5,[93,184,185],{"class":132},"```\n",[66,187,188],{},"When writing a code-block, you can specify a filename that will be displayed on top of the code block. An icon will be automatically displayed based on the extension or the name.\nFilenames help users understand the code's location and purpose within a project.",[70,190,192,219],{"className":191},[73,109],[85,193,195],{"className":112,"code":113,"filename":194,"language":114,"meta":83,"style":83},"nuxt.config.ts",[77,196,197,207,215],{"__ignoreMap":83},[93,198,199,201,203,205],{"class":95,"line":96},[93,200,122],{"class":121},[93,202,125],{"class":121},[93,204,129],{"class":128},[93,206,133],{"class":132},[93,208,209,211,213],{"class":95,"line":136},[93,210,139],{"class":132},[93,212,143],{"class":142},[93,214,146],{"class":132},[93,216,217],{"class":95,"line":149},[93,218,152],{"class":132},[81,220,221],{"v-slot:code":83},[85,222,224],{"className":87,"code":223,"language":89,"meta":83,"style":83},"```ts [nuxt.config.ts]\nexport default defineNuxtConfig({\n  modules: ['shadcn-nuxt']\n})\n```\n",[77,225,226,231,235,239,243],{"__ignoreMap":83},[93,227,228],{"class":95,"line":96},[93,229,230],{"class":132},"```ts [nuxt.config.ts]\n",[93,232,233],{"class":95,"line":136},[93,234,169],{"class":132},[93,236,237],{"class":95,"line":149},[93,238,174],{"class":132},[93,240,241],{"class":95,"line":177},[93,242,152],{"class":132},[93,244,245],{"class":95,"line":182},[93,246,185],{"class":132},[248,249,250,261],"tip",{},[66,251,252,253,256,257,260],{},"Some icons are already defined by default, but you can add more in your ",[77,254,255],{},"app.config.ts"," through the ",[77,258,259],{},"ui.prose.codeIcon"," key:",[85,262,264],{"className":112,"code":263,"filename":255,"language":114,"meta":83,"style":83},"export default defineAppConfig({\n  ui: {\n    prose: {\n      codeIcon: {\n        terminal: 'i-ph-terminal-window-duotone'\n      }\n    }\n  }\n})\n",[77,265,266,277,282,287,292,300,306,312,318],{"__ignoreMap":83},[93,267,268,270,272,275],{"class":95,"line":96},[93,269,122],{"class":121},[93,271,125],{"class":121},[93,273,274],{"class":128}," defineAppConfig",[93,276,133],{"class":132},[93,278,279],{"class":95,"line":136},[93,280,281],{"class":132},"  ui: {\n",[93,283,284],{"class":95,"line":149},[93,285,286],{"class":132},"    prose: {\n",[93,288,289],{"class":95,"line":177},[93,290,291],{"class":132},"      codeIcon: {\n",[93,293,294,297],{"class":95,"line":182},[93,295,296],{"class":132},"        terminal: ",[93,298,299],{"class":142},"'i-ph-terminal-window-duotone'\n",[93,301,303],{"class":95,"line":302},6,[93,304,305],{"class":132},"      }\n",[93,307,309],{"class":95,"line":308},7,[93,310,311],{"class":132},"    }\n",[93,313,315],{"class":95,"line":314},8,[93,316,317],{"class":132},"  }\n",[93,319,321],{"class":95,"line":320},9,[93,322,152],{"class":132},[66,324,325],{},"Every code-block has a built-in copy button that will copy the code to your clipboard.",[248,327,328,341],{},[66,329,330,331,256,333,336,337,340],{},"You can change the icon in your ",[77,332,255],{},[77,334,335],{},"ui.icons.copy"," and ",[77,338,339],{},"ui.icons.copyCheck"," keys:",[85,342,344],{"className":112,"code":343,"filename":255,"language":114,"meta":83,"style":83},"export default defineAppConfig({\n  ui: {\n    icons: {\n      copy: 'i-lucide-copy',\n      copyCheck: 'i-lucide-copy-check'\n    }\n  }\n})\n",[77,345,346,356,360,365,376,384,388,392],{"__ignoreMap":83},[93,347,348,350,352,354],{"class":95,"line":96},[93,349,122],{"class":121},[93,351,125],{"class":121},[93,353,274],{"class":128},[93,355,133],{"class":132},[93,357,358],{"class":95,"line":136},[93,359,281],{"class":132},[93,361,362],{"class":95,"line":149},[93,363,364],{"class":132},"    icons: {\n",[93,366,367,370,373],{"class":95,"line":177},[93,368,369],{"class":132},"      copy: ",[93,371,372],{"class":142},"'i-lucide-copy'",[93,374,375],{"class":132},",\n",[93,377,378,381],{"class":95,"line":182},[93,379,380],{"class":132},"      copyCheck: ",[93,382,383],{"class":142},"'i-lucide-copy-check'\n",[93,385,386],{"class":95,"line":302},[93,387,311],{"class":132},[93,389,390],{"class":95,"line":308},[93,391,317],{"class":132},[93,393,394],{"class":95,"line":314},[93,395,152],{"class":132},[397,398,400],"h4",{"id":399},"highlight-line","Highlight Line",[66,402,403,404,407],{},"To highlight lines of code, add ",[77,405,406],{},"{}"," around the line numbers you want to highlight.\nLine highlighting is useful for focusing users on important parts of code examples.",[70,409,411,463],{"className":410},[73,109],[85,412,414],{"className":112,"code":343,"filename":194,"highlights":413,"language":114,"meta":83,"style":83},[177,182],[77,415,416,426,430,434,444,451,455,459],{"__ignoreMap":83},[93,417,418,420,422,424],{"class":95,"line":96},[93,419,122],{"class":121},[93,421,125],{"class":121},[93,423,274],{"class":128},[93,425,133],{"class":132},[93,427,428],{"class":95,"line":136},[93,429,281],{"class":132},[93,431,432],{"class":95,"line":149},[93,433,364],{"class":132},[93,435,438,440,442],{"class":436,"line":177},[95,437],"highlight",[93,439,369],{"class":132},[93,441,372],{"class":142},[93,443,375],{"class":132},[93,445,447,449],{"class":446,"line":182},[95,437],[93,448,380],{"class":132},[93,450,383],{"class":142},[93,452,453],{"class":95,"line":302},[93,454,311],{"class":132},[93,456,457],{"class":95,"line":308},[93,458,317],{"class":132},[93,460,461],{"class":95,"line":314},[93,462,152],{"class":132},[81,464,465],{"v-slot:code":83},[85,466,468],{"className":87,"code":467,"language":89,"meta":83,"style":83},"```ts [nuxt.config.ts]{4-5}\nexport default defineAppConfig({\n  ui: {\n    icons: {\n      copy: 'i-lucide-copy',\n      copyCheck: 'i-lucide-copy-check'\n    }\n  }\n})\n```\n",[77,469,470,475,480,484,488,493,498,502,506,510],{"__ignoreMap":83},[93,471,472],{"class":95,"line":96},[93,473,474],{"class":132},"```ts [nuxt.config.ts]{4-5}\n",[93,476,477],{"class":95,"line":136},[93,478,479],{"class":132},"export default defineAppConfig({\n",[93,481,482],{"class":95,"line":149},[93,483,281],{"class":132},[93,485,486],{"class":95,"line":177},[93,487,364],{"class":132},[93,489,490],{"class":95,"line":182},[93,491,492],{"class":132},"      copy: 'i-lucide-copy',\n",[93,494,495],{"class":95,"line":302},[93,496,497],{"class":132},"      copyCheck: 'i-lucide-copy-check'\n",[93,499,500],{"class":95,"line":308},[93,501,311],{"class":132},[93,503,504],{"class":95,"line":314},[93,505,317],{"class":132},[93,507,508],{"class":95,"line":320},[93,509,152],{"class":132},[93,511,513],{"class":95,"line":512},10,[93,514,185],{"class":132},[56,516,518],{"id":517},"advanced","Advanced",[61,520,522],{"id":521},"codegroup","CodeGroup",[66,524,525,526,529,530,532],{},"Group code blocks in tabs using ",[77,527,528],{},"code-group",". ",[77,531,528],{}," is perfect for showing code examples in multiple languages or package managers.",[70,534,536,601],{"className":535},[73,109],[528,537,540,558,572,587],{"className":538},[539],"w-full",[85,541,546],{"className":542,"code":543,"filename":544,"language":545,"meta":83,"style":83},"language-bash shiki shiki-themes github-light github-dark","pnpm add shadcn-nuxt\n","pnpm","bash",[77,547,548],{"__ignoreMap":83},[93,549,550,552,555],{"class":95,"line":96},[93,551,544],{"class":128},[93,553,554],{"class":142}," add",[93,556,557],{"class":142}," shadcn-nuxt\n",[85,559,562],{"className":542,"code":560,"filename":561,"language":545,"meta":83,"style":83},"yarn add shadcn-nuxt\n","yarn",[77,563,564],{"__ignoreMap":83},[93,565,566,568,570],{"class":95,"line":96},[93,567,561],{"class":128},[93,569,554],{"class":142},[93,571,557],{"class":142},[85,573,576],{"className":542,"code":574,"filename":575,"language":545,"meta":83,"style":83},"npm install shadcn-nuxt\n","npm",[77,577,578],{"__ignoreMap":83},[93,579,580,582,585],{"class":95,"line":96},[93,581,575],{"class":128},[93,583,584],{"class":142}," install",[93,586,557],{"class":142},[85,588,591],{"className":542,"code":589,"filename":590,"language":545,"meta":83,"style":83},"bun add shadcn-nuxt\n","bun",[77,592,593],{"__ignoreMap":83},[93,594,595,597,599],{"class":95,"line":96},[93,596,590],{"class":128},[93,598,554],{"class":142},[93,600,557],{"class":142},[81,602,603],{"v-slot:code":83},[85,604,606],{"className":87,"code":605,"language":89,"meta":83,"style":83},":::code-group\n\n```bash [pnpm]\npnpm add shadcn-nuxt\n```\n\n```bash [yarn]\nyarn add shadcn-nuxt\n```\n\n```bash [npm]\nnpm install shadcn-nuxt\n```\n\n```bash [bun]\nbun add shadcn-nuxt\n```\n\n::\n",[77,607,608,617,623,628,632,636,640,645,649,653,657,663,668,673,678,684,689,694,699],{"__ignoreMap":83},[93,609,610,613],{"class":95,"line":96},[93,611,612],{"class":132},":::",[93,614,616],{"class":615},"s9eBZ","code-group\n",[93,618,619],{"class":95,"line":136},[93,620,622],{"emptyLinePlaceholder":621},true,"\n",[93,624,625],{"class":95,"line":149},[93,626,627],{"class":132},"```bash [pnpm]\n",[93,629,630],{"class":95,"line":177},[93,631,543],{"class":132},[93,633,634],{"class":95,"line":182},[93,635,185],{"class":132},[93,637,638],{"class":95,"line":302},[93,639,622],{"emptyLinePlaceholder":621},[93,641,642],{"class":95,"line":308},[93,643,644],{"class":132},"```bash [yarn]\n",[93,646,647],{"class":95,"line":314},[93,648,560],{"class":132},[93,650,651],{"class":95,"line":320},[93,652,185],{"class":132},[93,654,655],{"class":95,"line":512},[93,656,622],{"emptyLinePlaceholder":621},[93,658,660],{"class":95,"line":659},11,[93,661,662],{"class":132},"```bash [npm]\n",[93,664,666],{"class":95,"line":665},12,[93,667,574],{"class":132},[93,669,671],{"class":95,"line":670},13,[93,672,185],{"class":132},[93,674,676],{"class":95,"line":675},14,[93,677,622],{"emptyLinePlaceholder":621},[93,679,681],{"class":95,"line":680},15,[93,682,683],{"class":132},"```bash [bun]\n",[93,685,687],{"class":95,"line":686},16,[93,688,589],{"class":132},[93,690,692],{"class":95,"line":691},17,[93,693,185],{"class":132},[93,695,697],{"class":95,"line":696},18,[93,698,622],{"emptyLinePlaceholder":621},[93,700,702],{"class":95,"line":701},19,[93,703,704],{"class":132},"::\n",[706,707,709],"note",{"to":708},"#pre",[66,710,711,712,715,716,718],{},"Like the ",[77,713,714],{},"ProsePre"," component, the ",[77,717,522],{}," handles filenames, icons and copy button.",[61,720,722],{"id":721},"codetree","CodeTree",[66,724,725,726,529,729,731],{},"Display code blocks in a file tree view using ",[77,727,728],{},"code-tree",[77,730,728],{}," is excellent for showcasing project structures and file relationships.",[70,733,735],{"className":734},[73,109],[728,736,738,786,872,952,1009,1185],{"default-value":737},"components.json",[85,739,741],{"className":112,"code":740,"filename":194,"language":114,"meta":83,"style":83},"export default defineNuxtConfig({\n  modules: ['@nuxt\u002Fcontent', 'shadcn-nuxt'],\n\n  css: ['~\u002Fassets\u002Fcss\u002Fmain.css']\n})\n",[77,742,743,753,768,772,782],{"__ignoreMap":83},[93,744,745,747,749,751],{"class":95,"line":96},[93,746,122],{"class":121},[93,748,125],{"class":121},[93,750,129],{"class":128},[93,752,133],{"class":132},[93,754,755,757,760,763,765],{"class":95,"line":136},[93,756,139],{"class":132},[93,758,759],{"class":142},"'@nuxt\u002Fcontent'",[93,761,762],{"class":132},", ",[93,764,143],{"class":142},[93,766,767],{"class":132},"],\n",[93,769,770],{"class":95,"line":149},[93,771,622],{"emptyLinePlaceholder":621},[93,773,774,777,780],{"class":95,"line":177},[93,775,776],{"class":132},"  css: [",[93,778,779],{"class":142},"'~\u002Fassets\u002Fcss\u002Fmain.css'",[93,781,146],{"class":132},[93,783,784],{"class":95,"line":182},[93,785,152],{"class":132},[85,787,791],{"className":788,"code":789,"filename":737,"language":790,"meta":83,"style":83},"language-json shiki shiki-themes github-light github-dark","{\n  \"aliases\": {\n    \"components\": \"@\u002Fcomponents\",\n    \"ui\": \"@\u002Fcomponents\u002Fui\",\n    \"utils\": \"@\u002Flib\u002Futils\"\n  },\n  \"tailwind\": {\n    \"css\": \"app\u002Fassets\u002Fcss\u002Fmain.css\"\n  }\n}\n","json",[77,792,793,798,806,819,831,841,846,853,863,867],{"__ignoreMap":83},[93,794,795],{"class":95,"line":96},[93,796,797],{"class":132},"{\n",[93,799,800,803],{"class":95,"line":136},[93,801,802],{"class":99},"  \"aliases\"",[93,804,805],{"class":132},": {\n",[93,807,808,811,814,817],{"class":95,"line":149},[93,809,810],{"class":99},"    \"components\"",[93,812,813],{"class":132},": ",[93,815,816],{"class":142},"\"@\u002Fcomponents\"",[93,818,375],{"class":132},[93,820,821,824,826,829],{"class":95,"line":177},[93,822,823],{"class":99},"    \"ui\"",[93,825,813],{"class":132},[93,827,828],{"class":142},"\"@\u002Fcomponents\u002Fui\"",[93,830,375],{"class":132},[93,832,833,836,838],{"class":95,"line":182},[93,834,835],{"class":99},"    \"utils\"",[93,837,813],{"class":132},[93,839,840],{"class":142},"\"@\u002Flib\u002Futils\"\n",[93,842,843],{"class":95,"line":302},[93,844,845],{"class":132},"  },\n",[93,847,848,851],{"class":95,"line":308},[93,849,850],{"class":99},"  \"tailwind\"",[93,852,805],{"class":132},[93,854,855,858,860],{"class":95,"line":314},[93,856,857],{"class":99},"    \"css\"",[93,859,813],{"class":132},[93,861,862],{"class":142},"\"app\u002Fassets\u002Fcss\u002Fmain.css\"\n",[93,864,865],{"class":95,"line":320},[93,866,317],{"class":132},[93,868,869],{"class":95,"line":512},[93,870,871],{"class":132},"}\n",[85,873,878],{"className":874,"code":875,"filename":876,"language":877,"meta":83,"style":83},"language-css shiki shiki-themes github-light github-dark","@import \"tailwindcss\";\n@import \"tw-animate-css\";\n\n@theme inline {\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n}\n","app\u002Fassets\u002Fcss\u002Fmain.css","css",[77,879,880,891,900,904,912,932,948],{"__ignoreMap":83},[93,881,882,885,888],{"class":95,"line":96},[93,883,884],{"class":121},"@import",[93,886,887],{"class":142}," \"tailwindcss\"",[93,889,890],{"class":132},";\n",[93,892,893,895,898],{"class":95,"line":136},[93,894,884],{"class":121},[93,896,897],{"class":142}," \"tw-animate-css\"",[93,899,890],{"class":132},[93,901,902],{"class":95,"line":149},[93,903,622],{"emptyLinePlaceholder":621},[93,905,906,909],{"class":95,"line":177},[93,907,908],{"class":121},"@theme",[93,910,911],{"class":132}," inline {\n",[93,913,914,918,920,923,926,929],{"class":95,"line":182},[93,915,917],{"class":916},"s4XuR","  --color-background",[93,919,813],{"class":132},[93,921,922],{"class":99},"var",[93,924,925],{"class":132},"(",[93,927,928],{"class":916},"--background",[93,930,931],{"class":132},");\n",[93,933,934,937,939,941,943,946],{"class":95,"line":302},[93,935,936],{"class":916},"  --color-foreground",[93,938,813],{"class":132},[93,940,922],{"class":99},[93,942,925],{"class":132},[93,944,945],{"class":916},"--foreground",[93,947,931],{"class":132},[93,949,950],{"class":95,"line":308},[93,951,871],{"class":132},[85,953,958],{"className":954,"code":955,"filename":956,"language":957,"meta":83,"style":83},"language-vue shiki shiki-themes github-light github-dark","\u003Ctemplate>\n  \u003CNuxtLayout>\n    \u003CNuxtPage \u002F>\n  \u003C\u002FNuxtLayout>\n\u003C\u002Ftemplate>\n","app\u002Fapp.vue","vue",[77,959,960,970,980,991,1000],{"__ignoreMap":83},[93,961,962,965,967],{"class":95,"line":96},[93,963,964],{"class":132},"\u003C",[93,966,81],{"class":615},[93,968,969],{"class":132},">\n",[93,971,972,975,978],{"class":95,"line":136},[93,973,974],{"class":132},"  \u003C",[93,976,977],{"class":615},"NuxtLayout",[93,979,969],{"class":132},[93,981,982,985,988],{"class":95,"line":149},[93,983,984],{"class":132},"    \u003C",[93,986,987],{"class":615},"NuxtPage",[93,989,990],{"class":132}," \u002F>\n",[93,992,993,996,998],{"class":95,"line":177},[93,994,995],{"class":132},"  \u003C\u002F",[93,997,977],{"class":615},[93,999,969],{"class":132},[93,1001,1002,1005,1007],{"class":95,"line":182},[93,1003,1004],{"class":132},"\u003C\u002F",[93,1006,81],{"class":615},[93,1008,969],{"class":132},[85,1010,1013],{"className":788,"code":1011,"filename":1012,"language":790,"meta":83,"style":83},"{\n  \"name\": \"stackhacker-ui-saas\",\n  \"type\": \"module\",\n  \"private\": true,\n  \"scripts\": {\n    \"build\": \"nuxt build\",\n    \"dev\": \"nuxt dev\",\n    \"lint\": \"eslint .\",\n    \"typecheck\": \"nuxt typecheck\"\n  },\n  \"dependencies\": {\n    \"@nuxt\u002Fcontent\": \"^3.14.0\",\n    \"nuxt\": \"^4.4.2\",\n    \"shadcn-nuxt\": \"2.3.3\",\n    \"tailwindcss\": \"^4.1.12\",\n    \"vue\": \"^3.5.33\"\n  }\n}\n","package.json",[77,1014,1015,1019,1031,1043,1055,1062,1074,1086,1098,1108,1112,1119,1131,1143,1155,1167,1177,1181],{"__ignoreMap":83},[93,1016,1017],{"class":95,"line":96},[93,1018,797],{"class":132},[93,1020,1021,1024,1026,1029],{"class":95,"line":136},[93,1022,1023],{"class":99},"  \"name\"",[93,1025,813],{"class":132},[93,1027,1028],{"class":142},"\"stackhacker-ui-saas\"",[93,1030,375],{"class":132},[93,1032,1033,1036,1038,1041],{"class":95,"line":149},[93,1034,1035],{"class":99},"  \"type\"",[93,1037,813],{"class":132},[93,1039,1040],{"class":142},"\"module\"",[93,1042,375],{"class":132},[93,1044,1045,1048,1050,1053],{"class":95,"line":177},[93,1046,1047],{"class":99},"  \"private\"",[93,1049,813],{"class":132},[93,1051,1052],{"class":99},"true",[93,1054,375],{"class":132},[93,1056,1057,1060],{"class":95,"line":182},[93,1058,1059],{"class":99},"  \"scripts\"",[93,1061,805],{"class":132},[93,1063,1064,1067,1069,1072],{"class":95,"line":302},[93,1065,1066],{"class":99},"    \"build\"",[93,1068,813],{"class":132},[93,1070,1071],{"class":142},"\"nuxt build\"",[93,1073,375],{"class":132},[93,1075,1076,1079,1081,1084],{"class":95,"line":308},[93,1077,1078],{"class":99},"    \"dev\"",[93,1080,813],{"class":132},[93,1082,1083],{"class":142},"\"nuxt dev\"",[93,1085,375],{"class":132},[93,1087,1088,1091,1093,1096],{"class":95,"line":314},[93,1089,1090],{"class":99},"    \"lint\"",[93,1092,813],{"class":132},[93,1094,1095],{"class":142},"\"eslint .\"",[93,1097,375],{"class":132},[93,1099,1100,1103,1105],{"class":95,"line":320},[93,1101,1102],{"class":99},"    \"typecheck\"",[93,1104,813],{"class":132},[93,1106,1107],{"class":142},"\"nuxt typecheck\"\n",[93,1109,1110],{"class":95,"line":512},[93,1111,845],{"class":132},[93,1113,1114,1117],{"class":95,"line":659},[93,1115,1116],{"class":99},"  \"dependencies\"",[93,1118,805],{"class":132},[93,1120,1121,1124,1126,1129],{"class":95,"line":665},[93,1122,1123],{"class":99},"    \"@nuxt\u002Fcontent\"",[93,1125,813],{"class":132},[93,1127,1128],{"class":142},"\"^3.14.0\"",[93,1130,375],{"class":132},[93,1132,1133,1136,1138,1141],{"class":95,"line":670},[93,1134,1135],{"class":99},"    \"nuxt\"",[93,1137,813],{"class":132},[93,1139,1140],{"class":142},"\"^4.4.2\"",[93,1142,375],{"class":132},[93,1144,1145,1148,1150,1153],{"class":95,"line":675},[93,1146,1147],{"class":99},"    \"shadcn-nuxt\"",[93,1149,813],{"class":132},[93,1151,1152],{"class":142},"\"2.3.3\"",[93,1154,375],{"class":132},[93,1156,1157,1160,1162,1165],{"class":95,"line":680},[93,1158,1159],{"class":99},"    \"tailwindcss\"",[93,1161,813],{"class":132},[93,1163,1164],{"class":142},"\"^4.1.12\"",[93,1166,375],{"class":132},[93,1168,1169,1172,1174],{"class":95,"line":686},[93,1170,1171],{"class":99},"    \"vue\"",[93,1173,813],{"class":132},[93,1175,1176],{"class":142},"\"^3.5.33\"\n",[93,1178,1179],{"class":95,"line":691},[93,1180,317],{"class":132},[93,1182,1183],{"class":95,"line":696},[93,1184,871],{"class":132},[85,1186,1191],{"className":1187,"code":1188,"filename":1189,"language":1190,"meta":83,"style":83},"language-md shiki shiki-themes github-light github-dark","# Stackhacker UI SaaS\n\nA Nuxt SaaS template built with shadcn-vue, Nuxt Content, and Tailwind CSS v4.\n\n## Setup\n\nRun `pnpm install` to install dependencies.\n\n## Development Server\n\nRun `pnpm dev` to start the local server.\n","README.md","md",[77,1192,1193,1199,1203,1208,1212,1217,1221,1232,1236,1241,1245],{"__ignoreMap":83},[93,1194,1195],{"class":95,"line":96},[93,1196,1198],{"class":1197},"sq-ep","# Stackhacker UI SaaS\n",[93,1200,1201],{"class":95,"line":136},[93,1202,622],{"emptyLinePlaceholder":621},[93,1204,1205],{"class":95,"line":149},[93,1206,1207],{"class":132},"A Nuxt SaaS template built with shadcn-vue, Nuxt Content, and Tailwind CSS v4.\n",[93,1209,1210],{"class":95,"line":177},[93,1211,622],{"emptyLinePlaceholder":621},[93,1213,1214],{"class":95,"line":182},[93,1215,1216],{"class":1197},"## Setup\n",[93,1218,1219],{"class":95,"line":302},[93,1220,622],{"emptyLinePlaceholder":621},[93,1222,1223,1226,1229],{"class":95,"line":308},[93,1224,1225],{"class":132},"Run ",[93,1227,1228],{"class":99},"`pnpm install`",[93,1230,1231],{"class":132}," to install dependencies.\n",[93,1233,1234],{"class":95,"line":314},[93,1235,622],{"emptyLinePlaceholder":621},[93,1237,1238],{"class":95,"line":320},[93,1239,1240],{"class":1197},"## Development Server\n",[93,1242,1243],{"class":95,"line":512},[93,1244,622],{"emptyLinePlaceholder":621},[93,1246,1247,1249,1252],{"class":95,"line":659},[93,1248,1225],{"class":132},[93,1250,1251],{"class":99},"`pnpm dev`",[93,1253,1254],{"class":132}," to start the local server.\n",[61,1256,1258],{"id":1257},"codepreview",[77,1259,1260],{},"CodePreview",[66,1262,1263,1264,1266,1267,1269,1270,1273,1274,1276],{},"Use ",[77,1265,70],{}," to show code output alongside the code. ",[77,1268,70],{}," is ideal for interactive examples and demonstrating code results.\nWrite the code to be previewed in a the ",[77,1271,1272],{},"default"," slot and the actual code in the ",[77,1275,77],{}," slot.",[70,1278,1281,1298],{"className":1279,"label":1280},[73,109],"Preview",[70,1282,1284,1288],{"className":1283},[73],[66,1285,1286],{},[77,1287,79],{},[81,1289,1290],{"v-slot:code":83},[85,1291,1292],{"className":87,"code":88,"language":89,"meta":83,"style":83},[77,1293,1294],{"__ignoreMap":83},[93,1295,1296],{"class":95,"line":96},[93,1297,88],{"class":99},[81,1299,1300],{"v-slot:code":83},[85,1301,1303],{"className":87,"code":1302,"language":89,"meta":83,"style":83},"::code-preview\n`inline code`\n\n#code\n```mdc\n`inline code`\n```\n::\n",[77,1304,1305,1313,1317,1321,1326,1331,1335,1339],{"__ignoreMap":83},[93,1306,1307,1310],{"class":95,"line":96},[93,1308,1309],{"class":132},"::",[93,1311,1312],{"class":615},"code-preview\n",[93,1314,1315],{"class":95,"line":136},[93,1316,88],{"class":99},[93,1318,1319],{"class":95,"line":149},[93,1320,622],{"emptyLinePlaceholder":621},[93,1322,1323],{"class":95,"line":177},[93,1324,1325],{"class":128},"#code\n",[93,1327,1328],{"class":95,"line":182},[93,1329,1330],{"class":132},"```mdc\n",[93,1332,1333],{"class":95,"line":302},[93,1334,88],{"class":132},[93,1336,1337],{"class":95,"line":308},[93,1338,185],{"class":132},[93,1340,1341],{"class":95,"line":314},[93,1342,704],{"class":132},[61,1344,1346],{"id":1345},"codecollapse",[77,1347,1348],{},"CodeCollapse",[66,1350,1263,1351,1354,1355,1357],{},[77,1352,1353],{},"code-collapse"," for long code blocks to keep pages clean. ",[77,1356,1353],{}," allows users to expand code blocks only when needed, improving readability.",[70,1359,1361,1575],{"className":1360},[73,109],[1353,1362,1365],{"className":1363},[1364],"[&>div]:my-0",[85,1366,1369],{"className":874,"code":1367,"filename":1368,"language":877,"meta":83,"style":83},"@import \"tailwindcss\";\n@import \"tailwindcss\";\n\n@theme {\n  --font-sans: 'Public Sans', sans-serif;\n\n  --breakpoint-3xl: 1920px;\n\n  --color-green-50: #EFFDF5;\n  --color-green-100: #D9FBE8;\n  --color-green-200: #B3F5D1;\n  --color-green-300: #75EDAE;\n  --color-green-400: #00DC82;\n  --color-green-500: #00C16A;\n  --color-green-600: #00A155;\n  --color-green-700: #007F45;\n  --color-green-800: #016538;\n  --color-green-900: #0A5331;\n  --color-green-950: #052E16;\n}\n","main.css",[77,1370,1371,1379,1387,1391,1398,1415,1419,1434,1438,1450,1462,1474,1486,1498,1510,1522,1534,1546,1558,1570],{"__ignoreMap":83},[93,1372,1373,1375,1377],{"class":95,"line":96},[93,1374,884],{"class":121},[93,1376,887],{"class":142},[93,1378,890],{"class":132},[93,1380,1381,1383,1385],{"class":95,"line":136},[93,1382,884],{"class":121},[93,1384,887],{"class":142},[93,1386,890],{"class":132},[93,1388,1389],{"class":95,"line":149},[93,1390,622],{"emptyLinePlaceholder":621},[93,1392,1393,1395],{"class":95,"line":177},[93,1394,908],{"class":121},[93,1396,1397],{"class":132}," {\n",[93,1399,1400,1403,1405,1408,1410,1413],{"class":95,"line":182},[93,1401,1402],{"class":916},"  --font-sans",[93,1404,813],{"class":132},[93,1406,1407],{"class":142},"'Public Sans'",[93,1409,762],{"class":132},[93,1411,1412],{"class":99},"sans-serif",[93,1414,890],{"class":132},[93,1416,1417],{"class":95,"line":302},[93,1418,622],{"emptyLinePlaceholder":621},[93,1420,1421,1424,1426,1429,1432],{"class":95,"line":308},[93,1422,1423],{"class":916},"  --breakpoint-3xl",[93,1425,813],{"class":132},[93,1427,1428],{"class":99},"1920",[93,1430,1431],{"class":121},"px",[93,1433,890],{"class":132},[93,1435,1436],{"class":95,"line":314},[93,1437,622],{"emptyLinePlaceholder":621},[93,1439,1440,1443,1445,1448],{"class":95,"line":320},[93,1441,1442],{"class":916},"  --color-green-50",[93,1444,813],{"class":132},[93,1446,1447],{"class":99},"#EFFDF5",[93,1449,890],{"class":132},[93,1451,1452,1455,1457,1460],{"class":95,"line":512},[93,1453,1454],{"class":916},"  --color-green-100",[93,1456,813],{"class":132},[93,1458,1459],{"class":99},"#D9FBE8",[93,1461,890],{"class":132},[93,1463,1464,1467,1469,1472],{"class":95,"line":659},[93,1465,1466],{"class":916},"  --color-green-200",[93,1468,813],{"class":132},[93,1470,1471],{"class":99},"#B3F5D1",[93,1473,890],{"class":132},[93,1475,1476,1479,1481,1484],{"class":95,"line":665},[93,1477,1478],{"class":916},"  --color-green-300",[93,1480,813],{"class":132},[93,1482,1483],{"class":99},"#75EDAE",[93,1485,890],{"class":132},[93,1487,1488,1491,1493,1496],{"class":95,"line":670},[93,1489,1490],{"class":916},"  --color-green-400",[93,1492,813],{"class":132},[93,1494,1495],{"class":99},"#00DC82",[93,1497,890],{"class":132},[93,1499,1500,1503,1505,1508],{"class":95,"line":675},[93,1501,1502],{"class":916},"  --color-green-500",[93,1504,813],{"class":132},[93,1506,1507],{"class":99},"#00C16A",[93,1509,890],{"class":132},[93,1511,1512,1515,1517,1520],{"class":95,"line":680},[93,1513,1514],{"class":916},"  --color-green-600",[93,1516,813],{"class":132},[93,1518,1519],{"class":99},"#00A155",[93,1521,890],{"class":132},[93,1523,1524,1527,1529,1532],{"class":95,"line":686},[93,1525,1526],{"class":916},"  --color-green-700",[93,1528,813],{"class":132},[93,1530,1531],{"class":99},"#007F45",[93,1533,890],{"class":132},[93,1535,1536,1539,1541,1544],{"class":95,"line":691},[93,1537,1538],{"class":916},"  --color-green-800",[93,1540,813],{"class":132},[93,1542,1543],{"class":99},"#016538",[93,1545,890],{"class":132},[93,1547,1548,1551,1553,1556],{"class":95,"line":696},[93,1549,1550],{"class":916},"  --color-green-900",[93,1552,813],{"class":132},[93,1554,1555],{"class":99},"#0A5331",[93,1557,890],{"class":132},[93,1559,1560,1563,1565,1568],{"class":95,"line":701},[93,1561,1562],{"class":916},"  --color-green-950",[93,1564,813],{"class":132},[93,1566,1567],{"class":99},"#052E16",[93,1569,890],{"class":132},[93,1571,1573],{"class":95,"line":1572},20,[93,1574,871],{"class":132},[81,1576,1577],{"v-slot:code":83},[85,1578,1580],{"className":87,"code":1579,"language":89,"meta":83,"style":83},"::code-collapse\n\n```css [main.css]\n@import \"tailwindcss\";\n@import \"tailwindcss\";\n\n@theme {\n--font-sans: 'Public Sans', sans-serif;\n\n--breakpoint-3xl: 1920px;\n\n--color-green-50: #EFFDF5;\n--color-green-100: #D9FBE8;\n--color-green-200: #B3F5D1;\n--color-green-300: #75EDAE;\n--color-green-400: #00DC82;\n--color-green-500: #00C16A;\n--color-green-600: #00A155;\n--color-green-700: #007F45;\n--color-green-800: #016538;\n--color-green-900: #0A5331;\n--color-green-950: #052E16;\n}\n```\n\n::\n",[77,1581,1582,1589,1593,1598,1606,1614,1618,1624,1639,1643,1656,1660,1671,1682,1693,1704,1715,1726,1737,1748,1759,1771,1783,1788,1793,1798],{"__ignoreMap":83},[93,1583,1584,1586],{"class":95,"line":96},[93,1585,1309],{"class":132},[93,1587,1588],{"class":615},"code-collapse\n",[93,1590,1591],{"class":95,"line":136},[93,1592,622],{"emptyLinePlaceholder":621},[93,1594,1595],{"class":95,"line":149},[93,1596,1597],{"class":132},"```css [main.css]\n",[93,1599,1600,1602,1604],{"class":95,"line":177},[93,1601,884],{"class":121},[93,1603,887],{"class":142},[93,1605,890],{"class":132},[93,1607,1608,1610,1612],{"class":95,"line":182},[93,1609,884],{"class":121},[93,1611,887],{"class":142},[93,1613,890],{"class":132},[93,1615,1616],{"class":95,"line":302},[93,1617,622],{"emptyLinePlaceholder":621},[93,1619,1620,1622],{"class":95,"line":308},[93,1621,908],{"class":121},[93,1623,1397],{"class":132},[93,1625,1626,1629,1631,1633,1635,1637],{"class":95,"line":314},[93,1627,1628],{"class":916},"--font-sans",[93,1630,813],{"class":132},[93,1632,1407],{"class":142},[93,1634,762],{"class":132},[93,1636,1412],{"class":99},[93,1638,890],{"class":132},[93,1640,1641],{"class":95,"line":320},[93,1642,622],{"emptyLinePlaceholder":621},[93,1644,1645,1648,1650,1652,1654],{"class":95,"line":512},[93,1646,1647],{"class":916},"--breakpoint-3xl",[93,1649,813],{"class":132},[93,1651,1428],{"class":99},[93,1653,1431],{"class":121},[93,1655,890],{"class":132},[93,1657,1658],{"class":95,"line":659},[93,1659,622],{"emptyLinePlaceholder":621},[93,1661,1662,1665,1667,1669],{"class":95,"line":665},[93,1663,1664],{"class":916},"--color-green-50",[93,1666,813],{"class":132},[93,1668,1447],{"class":99},[93,1670,890],{"class":132},[93,1672,1673,1676,1678,1680],{"class":95,"line":670},[93,1674,1675],{"class":916},"--color-green-100",[93,1677,813],{"class":132},[93,1679,1459],{"class":99},[93,1681,890],{"class":132},[93,1683,1684,1687,1689,1691],{"class":95,"line":675},[93,1685,1686],{"class":916},"--color-green-200",[93,1688,813],{"class":132},[93,1690,1471],{"class":99},[93,1692,890],{"class":132},[93,1694,1695,1698,1700,1702],{"class":95,"line":680},[93,1696,1697],{"class":916},"--color-green-300",[93,1699,813],{"class":132},[93,1701,1483],{"class":99},[93,1703,890],{"class":132},[93,1705,1706,1709,1711,1713],{"class":95,"line":686},[93,1707,1708],{"class":916},"--color-green-400",[93,1710,813],{"class":132},[93,1712,1495],{"class":99},[93,1714,890],{"class":132},[93,1716,1717,1720,1722,1724],{"class":95,"line":691},[93,1718,1719],{"class":916},"--color-green-500",[93,1721,813],{"class":132},[93,1723,1507],{"class":99},[93,1725,890],{"class":132},[93,1727,1728,1731,1733,1735],{"class":95,"line":696},[93,1729,1730],{"class":916},"--color-green-600",[93,1732,813],{"class":132},[93,1734,1519],{"class":99},[93,1736,890],{"class":132},[93,1738,1739,1742,1744,1746],{"class":95,"line":701},[93,1740,1741],{"class":916},"--color-green-700",[93,1743,813],{"class":132},[93,1745,1531],{"class":99},[93,1747,890],{"class":132},[93,1749,1750,1753,1755,1757],{"class":95,"line":1572},[93,1751,1752],{"class":916},"--color-green-800",[93,1754,813],{"class":132},[93,1756,1543],{"class":99},[93,1758,890],{"class":132},[93,1760,1762,1765,1767,1769],{"class":95,"line":1761},21,[93,1763,1764],{"class":916},"--color-green-900",[93,1766,813],{"class":132},[93,1768,1555],{"class":99},[93,1770,890],{"class":132},[93,1772,1774,1777,1779,1781],{"class":95,"line":1773},22,[93,1775,1776],{"class":916},"--color-green-950",[93,1778,813],{"class":132},[93,1780,1567],{"class":99},[93,1782,890],{"class":132},[93,1784,1786],{"class":95,"line":1785},23,[93,1787,871],{"class":132},[93,1789,1791],{"class":95,"line":1790},24,[93,1792,185],{"class":132},[93,1794,1796],{"class":95,"line":1795},25,[93,1797,622],{"emptyLinePlaceholder":621},[93,1799,1801],{"class":95,"line":1800},26,[93,1802,704],{"class":132},[1804,1805,1806],"style",{},"html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}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 pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}",{"title":83,"searchDepth":136,"depth":136,"links":1808},[1809,1813],{"id":58,"depth":136,"text":59,"children":1810},[1811,1812],{"id":63,"depth":149,"text":64},{"id":102,"depth":149,"text":36},{"id":517,"depth":136,"text":518,"children":1814},[1815,1816,1817,1818],{"id":521,"depth":149,"text":522},{"id":721,"depth":149,"text":722},{"id":1257,"depth":149,"text":1260},{"id":1345,"depth":149,"text":1348},"Display inline code and code blocks",{},{"icon":39},{"title":36,"description":1819},"ozrq1sbN_9bx2s7V_7HM5x7ihXq0CGA_wzS8JBEBLWU",[1825,1827],{"title":31,"path":32,"stem":33,"description":1826,"icon":34,"children":-1},"Text, title, and styling in standard markdown.",{"title":41,"path":42,"stem":43,"description":1828,"icon":44,"children":-1},"Components to help you structure your content.",1793986340475]