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