[{"data":1,"prerenderedAt":1872},["ShallowReactive",2],{"navigation":3,"\u002Fdocs\u002Fessentials\u002Fcode-blocks":50,"\u002Fdocs\u002Fessentials\u002Fcode-blocks-surround":1867},[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":1862,"extension":1233,"meta":1863,"navigation":1864,"path":37,"seo":1865,"stem":38,"__hash__":1866},"docs\u002F1.docs\u002F2.essentials\u002F2.code-blocks.md",{"type":53,"value":54,"toc":1850},"minimark",[55,60,65,69,100,103,106,194,197,265,341,344,414,419,426,542,546,550,560,748,762,766,775,1298,1304,1320,1386,1392,1401,1846],[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,995,1052,1228],{"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,975,991],{"__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,961,963,966,969,972],{"class":95,"line":190},[93,958,960],{"class":959},"s4XuR","  --color-background",[93,962,856],{"class":132},[93,964,965],{"class":99},"var",[93,967,968],{"class":132},"(",[93,970,971],{"class":959},"--background",[93,973,974],{"class":132},");\n",[93,976,977,980,982,984,986,989],{"class":95,"line":320},[93,978,979],{"class":959},"  --color-foreground",[93,981,856],{"class":132},[93,983,965],{"class":99},[93,985,968],{"class":132},[93,987,988],{"class":959},"--foreground",[93,990,974],{"class":132},[93,992,993],{"class":95,"line":326},[93,994,914],{"class":132},[85,996,1001],{"className":997,"code":998,"filename":999,"language":1000,"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,1002,1003,1013,1023,1034,1043],{"__ignoreMap":83},[93,1004,1005,1008,1010],{"class":95,"line":96},[93,1006,1007],{"class":132},"\u003C",[93,1009,81],{"class":642},[93,1011,1012],{"class":132},">\n",[93,1014,1015,1018,1021],{"class":95,"line":136},[93,1016,1017],{"class":132},"  \u003C",[93,1019,1020],{"class":642},"NuxtLayout",[93,1022,1012],{"class":132},[93,1024,1025,1028,1031],{"class":95,"line":149},[93,1026,1027],{"class":132},"    \u003C",[93,1029,1030],{"class":642},"NuxtPage",[93,1032,1033],{"class":132}," \u002F>\n",[93,1035,1036,1039,1041],{"class":95,"line":185},[93,1037,1038],{"class":132},"  \u003C\u002F",[93,1040,1020],{"class":642},[93,1042,1012],{"class":132},[93,1044,1045,1048,1050],{"class":95,"line":190},[93,1046,1047],{"class":132},"\u003C\u002F",[93,1049,81],{"class":642},[93,1051,1012],{"class":132},[85,1053,1056],{"className":831,"code":1054,"filename":1055,"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,1057,1058,1062,1074,1086,1098,1105,1117,1129,1141,1151,1155,1162,1174,1186,1198,1210,1220,1224],{"__ignoreMap":83},[93,1059,1060],{"class":95,"line":96},[93,1061,840],{"class":132},[93,1063,1064,1067,1069,1072],{"class":95,"line":136},[93,1065,1066],{"class":99},"  \"name\"",[93,1068,856],{"class":132},[93,1070,1071],{"class":142},"\"stackhacker-ui-saas\"",[93,1073,393],{"class":132},[93,1075,1076,1079,1081,1084],{"class":95,"line":149},[93,1077,1078],{"class":99},"  \"type\"",[93,1080,856],{"class":132},[93,1082,1083],{"class":142},"\"module\"",[93,1085,393],{"class":132},[93,1087,1088,1091,1093,1096],{"class":95,"line":185},[93,1089,1090],{"class":99},"  \"private\"",[93,1092,856],{"class":132},[93,1094,1095],{"class":99},"true",[93,1097,393],{"class":132},[93,1099,1100,1103],{"class":95,"line":190},[93,1101,1102],{"class":99},"  \"scripts\"",[93,1104,848],{"class":132},[93,1106,1107,1110,1112,1115],{"class":95,"line":320},[93,1108,1109],{"class":99},"    \"build\"",[93,1111,856],{"class":132},[93,1113,1114],{"class":142},"\"nuxt build\"",[93,1116,393],{"class":132},[93,1118,1119,1122,1124,1127],{"class":95,"line":326},[93,1120,1121],{"class":99},"    \"dev\"",[93,1123,856],{"class":132},[93,1125,1126],{"class":142},"\"nuxt dev\"",[93,1128,393],{"class":132},[93,1130,1131,1134,1136,1139],{"class":95,"line":332},[93,1132,1133],{"class":99},"    \"lint\"",[93,1135,856],{"class":132},[93,1137,1138],{"class":142},"\"eslint .\"",[93,1140,393],{"class":132},[93,1142,1143,1146,1148],{"class":95,"line":338},[93,1144,1145],{"class":99},"    \"typecheck\"",[93,1147,856],{"class":132},[93,1149,1150],{"class":142},"\"nuxt typecheck\"\n",[93,1152,1153],{"class":95,"line":539},[93,1154,888],{"class":132},[93,1156,1157,1160],{"class":95,"line":694},[93,1158,1159],{"class":99},"  \"dependencies\"",[93,1161,848],{"class":132},[93,1163,1164,1167,1169,1172],{"class":95,"line":700},[93,1165,1166],{"class":99},"    \"@nuxt\u002Fcontent\"",[93,1168,856],{"class":132},[93,1170,1171],{"class":142},"\"^3.14.0\"",[93,1173,393],{"class":132},[93,1175,1176,1179,1181,1184],{"class":95,"line":709},[93,1177,1178],{"class":99},"    \"nuxt\"",[93,1180,856],{"class":132},[93,1182,1183],{"class":142},"\"^4.4.2\"",[93,1185,393],{"class":132},[93,1187,1188,1191,1193,1196],{"class":95,"line":714},[93,1189,1190],{"class":99},"    \"shadcn-nuxt\"",[93,1192,856],{"class":132},[93,1194,1195],{"class":142},"\"2.3.3\"",[93,1197,393],{"class":132},[93,1199,1200,1203,1205,1208],{"class":95,"line":719},[93,1201,1202],{"class":99},"    \"tailwindcss\"",[93,1204,856],{"class":132},[93,1206,1207],{"class":142},"\"^4.1.12\"",[93,1209,393],{"class":132},[93,1211,1212,1215,1217],{"class":95,"line":725},[93,1213,1214],{"class":99},"    \"vue\"",[93,1216,856],{"class":132},[93,1218,1219],{"class":142},"\"^3.5.33\"\n",[93,1221,1222],{"class":95,"line":734},[93,1223,335],{"class":132},[93,1225,1226],{"class":95,"line":739},[93,1227,914],{"class":132},[85,1229,1234],{"className":1230,"code":1231,"filename":1232,"language":1233,"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,1235,1236,1242,1246,1251,1255,1260,1264,1275,1279,1284,1288],{"__ignoreMap":83},[93,1237,1238],{"class":95,"line":96},[93,1239,1241],{"class":1240},"sq-ep","# Stackhacker UI SaaS\n",[93,1243,1244],{"class":95,"line":136},[93,1245,649],{"emptyLinePlaceholder":648},[93,1247,1248],{"class":95,"line":149},[93,1249,1250],{"class":132},"A Nuxt SaaS template built with shadcn-vue, Nuxt Content, and Tailwind CSS v4.\n",[93,1252,1253],{"class":95,"line":185},[93,1254,649],{"emptyLinePlaceholder":648},[93,1256,1257],{"class":95,"line":190},[93,1258,1259],{"class":1240},"## Setup\n",[93,1261,1262],{"class":95,"line":320},[93,1263,649],{"emptyLinePlaceholder":648},[93,1265,1266,1269,1272],{"class":95,"line":326},[93,1267,1268],{"class":132},"Run ",[93,1270,1271],{"class":99},"`pnpm install`",[93,1273,1274],{"class":132}," to install dependencies.\n",[93,1276,1277],{"class":95,"line":332},[93,1278,649],{"emptyLinePlaceholder":648},[93,1280,1281],{"class":95,"line":338},[93,1282,1283],{"class":1240},"## Development Server\n",[93,1285,1286],{"class":95,"line":539},[93,1287,649],{"emptyLinePlaceholder":648},[93,1289,1290,1292,1295],{"class":95,"line":694},[93,1291,1268],{"class":132},[93,1293,1294],{"class":99},"`pnpm dev`",[93,1296,1297],{"class":132}," to start the local server.\n",[61,1299,1301],{"id":1300},"codepreview",[77,1302,1303],{},"CodePreview",[66,1305,1306,1307,1309,1310,1312,1313,1316,1317,1319],{},"Use ",[77,1308,70],{}," to show code output alongside the code. ",[77,1311,70],{}," is ideal for interactive examples and demonstrating code results.\nWrite the code to be previewed in a the ",[77,1314,1315],{},"default"," slot and the actual code in the ",[77,1318,77],{}," slot.",[70,1321,1324,1341],{"className":1322,"label":1323},[73,109],"Preview",[70,1325,1327,1331],{"className":1326},[73],[66,1328,1329],{},[77,1330,79],{},[81,1332,1333],{"v-slot:code":83},[85,1334,1335],{"className":87,"code":88,"language":89,"meta":83,"style":83},[77,1336,1337],{"__ignoreMap":83},[93,1338,1339],{"class":95,"line":96},[93,1340,88],{"class":99},[81,1342,1343],{"v-slot:code":83},[85,1344,1346],{"className":87,"code":1345,"language":89,"meta":83,"style":83},"::code-preview\n`inline code`\n\n#code\n```mdc\n`inline code`\n```\n::\n",[77,1347,1348,1356,1360,1364,1369,1374,1378,1382],{"__ignoreMap":83},[93,1349,1350,1353],{"class":95,"line":96},[93,1351,1352],{"class":132},"::",[93,1354,1355],{"class":642},"code-preview\n",[93,1357,1358],{"class":95,"line":136},[93,1359,88],{"class":99},[93,1361,1362],{"class":95,"line":149},[93,1363,649],{"emptyLinePlaceholder":648},[93,1365,1366],{"class":95,"line":185},[93,1367,1368],{"class":128},"#code\n",[93,1370,1371],{"class":95,"line":190},[93,1372,1373],{"class":132},"```mdc\n",[93,1375,1376],{"class":95,"line":320},[93,1377,88],{"class":132},[93,1379,1380],{"class":95,"line":326},[93,1381,193],{"class":132},[93,1383,1384],{"class":95,"line":332},[93,1385,747],{"class":132},[61,1387,1389],{"id":1388},"codecollapse",[77,1390,1391],{},"CodeCollapse",[66,1393,1306,1394,1397,1398,1400],{},[77,1395,1396],{},"code-collapse"," for long code blocks to keep pages clean. ",[77,1399,1396],{}," allows users to expand code blocks only when needed, improving readability.",[70,1402,1404,1618],{"className":1403},[73,109],[1396,1405,1408],{"className":1406},[1407],"[&>div]:my-0",[85,1409,1412],{"className":917,"code":1410,"filename":1411,"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,1413,1414,1422,1430,1434,1441,1458,1462,1477,1481,1493,1505,1517,1529,1541,1553,1565,1577,1589,1601,1613],{"__ignoreMap":83},[93,1415,1416,1418,1420],{"class":95,"line":96},[93,1417,927],{"class":121},[93,1419,930],{"class":142},[93,1421,933],{"class":132},[93,1423,1424,1426,1428],{"class":95,"line":136},[93,1425,927],{"class":121},[93,1427,930],{"class":142},[93,1429,933],{"class":132},[93,1431,1432],{"class":95,"line":149},[93,1433,649],{"emptyLinePlaceholder":648},[93,1435,1436,1438],{"class":95,"line":185},[93,1437,951],{"class":121},[93,1439,1440],{"class":132}," {\n",[93,1442,1443,1446,1448,1451,1453,1456],{"class":95,"line":190},[93,1444,1445],{"class":959},"  --font-sans",[93,1447,856],{"class":132},[93,1449,1450],{"class":142},"'Public Sans'",[93,1452,805],{"class":132},[93,1454,1455],{"class":99},"sans-serif",[93,1457,933],{"class":132},[93,1459,1460],{"class":95,"line":320},[93,1461,649],{"emptyLinePlaceholder":648},[93,1463,1464,1467,1469,1472,1475],{"class":95,"line":326},[93,1465,1466],{"class":959},"  --breakpoint-3xl",[93,1468,856],{"class":132},[93,1470,1471],{"class":99},"1920",[93,1473,1474],{"class":121},"px",[93,1476,933],{"class":132},[93,1478,1479],{"class":95,"line":332},[93,1480,649],{"emptyLinePlaceholder":648},[93,1482,1483,1486,1488,1491],{"class":95,"line":338},[93,1484,1485],{"class":959},"  --color-green-50",[93,1487,856],{"class":132},[93,1489,1490],{"class":99},"#EFFDF5",[93,1492,933],{"class":132},[93,1494,1495,1498,1500,1503],{"class":95,"line":539},[93,1496,1497],{"class":959},"  --color-green-100",[93,1499,856],{"class":132},[93,1501,1502],{"class":99},"#D9FBE8",[93,1504,933],{"class":132},[93,1506,1507,1510,1512,1515],{"class":95,"line":694},[93,1508,1509],{"class":959},"  --color-green-200",[93,1511,856],{"class":132},[93,1513,1514],{"class":99},"#B3F5D1",[93,1516,933],{"class":132},[93,1518,1519,1522,1524,1527],{"class":95,"line":700},[93,1520,1521],{"class":959},"  --color-green-300",[93,1523,856],{"class":132},[93,1525,1526],{"class":99},"#75EDAE",[93,1528,933],{"class":132},[93,1530,1531,1534,1536,1539],{"class":95,"line":709},[93,1532,1533],{"class":959},"  --color-green-400",[93,1535,856],{"class":132},[93,1537,1538],{"class":99},"#00DC82",[93,1540,933],{"class":132},[93,1542,1543,1546,1548,1551],{"class":95,"line":714},[93,1544,1545],{"class":959},"  --color-green-500",[93,1547,856],{"class":132},[93,1549,1550],{"class":99},"#00C16A",[93,1552,933],{"class":132},[93,1554,1555,1558,1560,1563],{"class":95,"line":719},[93,1556,1557],{"class":959},"  --color-green-600",[93,1559,856],{"class":132},[93,1561,1562],{"class":99},"#00A155",[93,1564,933],{"class":132},[93,1566,1567,1570,1572,1575],{"class":95,"line":725},[93,1568,1569],{"class":959},"  --color-green-700",[93,1571,856],{"class":132},[93,1573,1574],{"class":99},"#007F45",[93,1576,933],{"class":132},[93,1578,1579,1582,1584,1587],{"class":95,"line":734},[93,1580,1581],{"class":959},"  --color-green-800",[93,1583,856],{"class":132},[93,1585,1586],{"class":99},"#016538",[93,1588,933],{"class":132},[93,1590,1591,1594,1596,1599],{"class":95,"line":739},[93,1592,1593],{"class":959},"  --color-green-900",[93,1595,856],{"class":132},[93,1597,1598],{"class":99},"#0A5331",[93,1600,933],{"class":132},[93,1602,1603,1606,1608,1611],{"class":95,"line":744},[93,1604,1605],{"class":959},"  --color-green-950",[93,1607,856],{"class":132},[93,1609,1610],{"class":99},"#052E16",[93,1612,933],{"class":132},[93,1614,1616],{"class":95,"line":1615},20,[93,1617,914],{"class":132},[81,1619,1620],{"v-slot:code":83},[85,1621,1623],{"className":87,"code":1622,"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,1624,1625,1632,1636,1641,1649,1657,1661,1667,1682,1686,1699,1703,1714,1725,1736,1747,1758,1769,1780,1791,1802,1814,1826,1831,1836,1841],{"__ignoreMap":83},[93,1626,1627,1629],{"class":95,"line":96},[93,1628,1352],{"class":132},[93,1630,1631],{"class":642},"code-collapse\n",[93,1633,1634],{"class":95,"line":136},[93,1635,649],{"emptyLinePlaceholder":648},[93,1637,1638],{"class":95,"line":149},[93,1639,1640],{"class":132},"```css [main.css]\n",[93,1642,1643,1645,1647],{"class":95,"line":185},[93,1644,927],{"class":121},[93,1646,930],{"class":142},[93,1648,933],{"class":132},[93,1650,1651,1653,1655],{"class":95,"line":190},[93,1652,927],{"class":121},[93,1654,930],{"class":142},[93,1656,933],{"class":132},[93,1658,1659],{"class":95,"line":320},[93,1660,649],{"emptyLinePlaceholder":648},[93,1662,1663,1665],{"class":95,"line":326},[93,1664,951],{"class":121},[93,1666,1440],{"class":132},[93,1668,1669,1672,1674,1676,1678,1680],{"class":95,"line":332},[93,1670,1671],{"class":959},"--font-sans",[93,1673,856],{"class":132},[93,1675,1450],{"class":142},[93,1677,805],{"class":132},[93,1679,1455],{"class":99},[93,1681,933],{"class":132},[93,1683,1684],{"class":95,"line":338},[93,1685,649],{"emptyLinePlaceholder":648},[93,1687,1688,1691,1693,1695,1697],{"class":95,"line":539},[93,1689,1690],{"class":959},"--breakpoint-3xl",[93,1692,856],{"class":132},[93,1694,1471],{"class":99},[93,1696,1474],{"class":121},[93,1698,933],{"class":132},[93,1700,1701],{"class":95,"line":694},[93,1702,649],{"emptyLinePlaceholder":648},[93,1704,1705,1708,1710,1712],{"class":95,"line":700},[93,1706,1707],{"class":959},"--color-green-50",[93,1709,856],{"class":132},[93,1711,1490],{"class":99},[93,1713,933],{"class":132},[93,1715,1716,1719,1721,1723],{"class":95,"line":709},[93,1717,1718],{"class":959},"--color-green-100",[93,1720,856],{"class":132},[93,1722,1502],{"class":99},[93,1724,933],{"class":132},[93,1726,1727,1730,1732,1734],{"class":95,"line":714},[93,1728,1729],{"class":959},"--color-green-200",[93,1731,856],{"class":132},[93,1733,1514],{"class":99},[93,1735,933],{"class":132},[93,1737,1738,1741,1743,1745],{"class":95,"line":719},[93,1739,1740],{"class":959},"--color-green-300",[93,1742,856],{"class":132},[93,1744,1526],{"class":99},[93,1746,933],{"class":132},[93,1748,1749,1752,1754,1756],{"class":95,"line":725},[93,1750,1751],{"class":959},"--color-green-400",[93,1753,856],{"class":132},[93,1755,1538],{"class":99},[93,1757,933],{"class":132},[93,1759,1760,1763,1765,1767],{"class":95,"line":734},[93,1761,1762],{"class":959},"--color-green-500",[93,1764,856],{"class":132},[93,1766,1550],{"class":99},[93,1768,933],{"class":132},[93,1770,1771,1774,1776,1778],{"class":95,"line":739},[93,1772,1773],{"class":959},"--color-green-600",[93,1775,856],{"class":132},[93,1777,1562],{"class":99},[93,1779,933],{"class":132},[93,1781,1782,1785,1787,1789],{"class":95,"line":744},[93,1783,1784],{"class":959},"--color-green-700",[93,1786,856],{"class":132},[93,1788,1574],{"class":99},[93,1790,933],{"class":132},[93,1792,1793,1796,1798,1800],{"class":95,"line":1615},[93,1794,1795],{"class":959},"--color-green-800",[93,1797,856],{"class":132},[93,1799,1586],{"class":99},[93,1801,933],{"class":132},[93,1803,1805,1808,1810,1812],{"class":95,"line":1804},21,[93,1806,1807],{"class":959},"--color-green-900",[93,1809,856],{"class":132},[93,1811,1598],{"class":99},[93,1813,933],{"class":132},[93,1815,1817,1820,1822,1824],{"class":95,"line":1816},22,[93,1818,1819],{"class":959},"--color-green-950",[93,1821,856],{"class":132},[93,1823,1610],{"class":99},[93,1825,933],{"class":132},[93,1827,1829],{"class":95,"line":1828},23,[93,1830,914],{"class":132},[93,1832,1834],{"class":95,"line":1833},24,[93,1835,193],{"class":132},[93,1837,1839],{"class":95,"line":1838},25,[93,1840,649],{"emptyLinePlaceholder":648},[93,1842,1844],{"class":95,"line":1843},26,[93,1845,747],{"class":132},[1847,1848,1849],"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 .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}",{"title":83,"searchDepth":136,"depth":136,"links":1851},[1852,1856],{"id":58,"depth":136,"text":59,"children":1853},[1854,1855],{"id":63,"depth":149,"text":64},{"id":102,"depth":149,"text":36},{"id":544,"depth":136,"text":545,"children":1857},[1858,1859,1860,1861],{"id":548,"depth":149,"text":549},{"id":764,"depth":149,"text":765},{"id":1300,"depth":149,"text":1303},{"id":1388,"depth":149,"text":1391},"Display inline code and code blocks",{},{"icon":39},{"title":36,"description":1862},"YemgLg-TjgvC_TG9bknRE5_1Mhuc5c3fKdENlddGlqY",[1868,1870],{"title":31,"path":32,"stem":33,"description":1869,"icon":34,"children":-1},"Text, title, and styling in standard markdown.",{"title":41,"path":42,"stem":43,"description":1871,"icon":44,"children":-1},"Components to help you structure your content.",1793582201759]