[{"data":1,"prerenderedAt":1845},["ShallowReactive",2],{"navigation":3,"\u002Fdocs\u002Fessentials\u002Fcode-blocks":50,"\u002Fdocs\u002Fessentials\u002Fcode-blocks-surround":1840},[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":1835,"extension":1206,"meta":1836,"navigation":1837,"path":37,"seo":1838,"stem":38,"__hash__":1839},"docs\u002F1.docs\u002F2.essentials\u002F2.code-blocks.md",{"type":53,"value":54,"toc":1823},"minimark",[55,60,65,69,100,103,106,186,189,247,323,326,396,401,408,515,519,523,533,721,735,739,748,1271,1277,1293,1359,1365,1374,1819],[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,636,640,644,649,657,661,665,671,680,685,690,696,705,710,715],{"__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,632,634],{"class":95,"line":177},[93,631,544],{"class":128},[93,633,554],{"class":142},[93,635,557],{"class":142},[93,637,638],{"class":95,"line":182},[93,639,185],{"class":132},[93,641,642],{"class":95,"line":302},[93,643,622],{"emptyLinePlaceholder":621},[93,645,646],{"class":95,"line":308},[93,647,648],{"class":132},"```bash [yarn]\n",[93,650,651,653,655],{"class":95,"line":314},[93,652,561],{"class":128},[93,654,554],{"class":142},[93,656,557],{"class":142},[93,658,659],{"class":95,"line":320},[93,660,185],{"class":132},[93,662,663],{"class":95,"line":512},[93,664,622],{"emptyLinePlaceholder":621},[93,666,668],{"class":95,"line":667},11,[93,669,670],{"class":132},"```bash [npm]\n",[93,672,674,676,678],{"class":95,"line":673},12,[93,675,575],{"class":128},[93,677,584],{"class":142},[93,679,557],{"class":142},[93,681,683],{"class":95,"line":682},13,[93,684,185],{"class":132},[93,686,688],{"class":95,"line":687},14,[93,689,622],{"emptyLinePlaceholder":621},[93,691,693],{"class":95,"line":692},15,[93,694,695],{"class":132},"```bash [bun]\n",[93,697,699,701,703],{"class":95,"line":698},16,[93,700,590],{"class":128},[93,702,554],{"class":142},[93,704,557],{"class":142},[93,706,708],{"class":95,"line":707},17,[93,709,185],{"class":132},[93,711,713],{"class":95,"line":712},18,[93,714,622],{"emptyLinePlaceholder":621},[93,716,718],{"class":95,"line":717},19,[93,719,720],{"class":132},"::\n",[722,723,725],"note",{"to":724},"#pre",[66,726,727,728,731,732,734],{},"Like the ",[77,729,730],{},"ProsePre"," component, the ",[77,733,522],{}," handles filenames, icons and copy button.",[61,736,738],{"id":737},"codetree","CodeTree",[66,740,741,742,529,745,747],{},"Display code blocks in a file tree view using ",[77,743,744],{},"code-tree",[77,746,744],{}," is excellent for showcasing project structures and file relationships.",[70,749,751],{"className":750},[73,109],[744,752,754,802,888,968,1025,1201],{"default-value":753},"components.json",[85,755,757],{"className":112,"code":756,"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,758,759,769,784,788,798],{"__ignoreMap":83},[93,760,761,763,765,767],{"class":95,"line":96},[93,762,122],{"class":121},[93,764,125],{"class":121},[93,766,129],{"class":128},[93,768,133],{"class":132},[93,770,771,773,776,779,781],{"class":95,"line":136},[93,772,139],{"class":132},[93,774,775],{"class":142},"'@nuxt\u002Fcontent'",[93,777,778],{"class":132},", ",[93,780,143],{"class":142},[93,782,783],{"class":132},"],\n",[93,785,786],{"class":95,"line":149},[93,787,622],{"emptyLinePlaceholder":621},[93,789,790,793,796],{"class":95,"line":177},[93,791,792],{"class":132},"  css: [",[93,794,795],{"class":142},"'~\u002Fassets\u002Fcss\u002Fmain.css'",[93,797,146],{"class":132},[93,799,800],{"class":95,"line":182},[93,801,152],{"class":132},[85,803,807],{"className":804,"code":805,"filename":753,"language":806,"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,808,809,814,822,835,847,857,862,869,879,883],{"__ignoreMap":83},[93,810,811],{"class":95,"line":96},[93,812,813],{"class":132},"{\n",[93,815,816,819],{"class":95,"line":136},[93,817,818],{"class":99},"  \"aliases\"",[93,820,821],{"class":132},": {\n",[93,823,824,827,830,833],{"class":95,"line":149},[93,825,826],{"class":99},"    \"components\"",[93,828,829],{"class":132},": ",[93,831,832],{"class":142},"\"@\u002Fcomponents\"",[93,834,375],{"class":132},[93,836,837,840,842,845],{"class":95,"line":177},[93,838,839],{"class":99},"    \"ui\"",[93,841,829],{"class":132},[93,843,844],{"class":142},"\"@\u002Fcomponents\u002Fui\"",[93,846,375],{"class":132},[93,848,849,852,854],{"class":95,"line":182},[93,850,851],{"class":99},"    \"utils\"",[93,853,829],{"class":132},[93,855,856],{"class":142},"\"@\u002Flib\u002Futils\"\n",[93,858,859],{"class":95,"line":302},[93,860,861],{"class":132},"  },\n",[93,863,864,867],{"class":95,"line":308},[93,865,866],{"class":99},"  \"tailwind\"",[93,868,821],{"class":132},[93,870,871,874,876],{"class":95,"line":314},[93,872,873],{"class":99},"    \"css\"",[93,875,829],{"class":132},[93,877,878],{"class":142},"\"app\u002Fassets\u002Fcss\u002Fmain.css\"\n",[93,880,881],{"class":95,"line":320},[93,882,317],{"class":132},[93,884,885],{"class":95,"line":512},[93,886,887],{"class":132},"}\n",[85,889,894],{"className":890,"code":891,"filename":892,"language":893,"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,895,896,907,916,920,928,948,964],{"__ignoreMap":83},[93,897,898,901,904],{"class":95,"line":96},[93,899,900],{"class":121},"@import",[93,902,903],{"class":142}," \"tailwindcss\"",[93,905,906],{"class":132},";\n",[93,908,909,911,914],{"class":95,"line":136},[93,910,900],{"class":121},[93,912,913],{"class":142}," \"tw-animate-css\"",[93,915,906],{"class":132},[93,917,918],{"class":95,"line":149},[93,919,622],{"emptyLinePlaceholder":621},[93,921,922,925],{"class":95,"line":177},[93,923,924],{"class":121},"@theme",[93,926,927],{"class":132}," inline {\n",[93,929,930,934,936,939,942,945],{"class":95,"line":182},[93,931,933],{"class":932},"s4XuR","  --color-background",[93,935,829],{"class":132},[93,937,938],{"class":99},"var",[93,940,941],{"class":132},"(",[93,943,944],{"class":932},"--background",[93,946,947],{"class":132},");\n",[93,949,950,953,955,957,959,962],{"class":95,"line":302},[93,951,952],{"class":932},"  --color-foreground",[93,954,829],{"class":132},[93,956,938],{"class":99},[93,958,941],{"class":132},[93,960,961],{"class":932},"--foreground",[93,963,947],{"class":132},[93,965,966],{"class":95,"line":308},[93,967,887],{"class":132},[85,969,974],{"className":970,"code":971,"filename":972,"language":973,"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,975,976,986,996,1007,1016],{"__ignoreMap":83},[93,977,978,981,983],{"class":95,"line":96},[93,979,980],{"class":132},"\u003C",[93,982,81],{"class":615},[93,984,985],{"class":132},">\n",[93,987,988,991,994],{"class":95,"line":136},[93,989,990],{"class":132},"  \u003C",[93,992,993],{"class":615},"NuxtLayout",[93,995,985],{"class":132},[93,997,998,1001,1004],{"class":95,"line":149},[93,999,1000],{"class":132},"    \u003C",[93,1002,1003],{"class":615},"NuxtPage",[93,1005,1006],{"class":132}," \u002F>\n",[93,1008,1009,1012,1014],{"class":95,"line":177},[93,1010,1011],{"class":132},"  \u003C\u002F",[93,1013,993],{"class":615},[93,1015,985],{"class":132},[93,1017,1018,1021,1023],{"class":95,"line":182},[93,1019,1020],{"class":132},"\u003C\u002F",[93,1022,81],{"class":615},[93,1024,985],{"class":132},[85,1026,1029],{"className":804,"code":1027,"filename":1028,"language":806,"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,1030,1031,1035,1047,1059,1071,1078,1090,1102,1114,1124,1128,1135,1147,1159,1171,1183,1193,1197],{"__ignoreMap":83},[93,1032,1033],{"class":95,"line":96},[93,1034,813],{"class":132},[93,1036,1037,1040,1042,1045],{"class":95,"line":136},[93,1038,1039],{"class":99},"  \"name\"",[93,1041,829],{"class":132},[93,1043,1044],{"class":142},"\"stackhacker-ui-saas\"",[93,1046,375],{"class":132},[93,1048,1049,1052,1054,1057],{"class":95,"line":149},[93,1050,1051],{"class":99},"  \"type\"",[93,1053,829],{"class":132},[93,1055,1056],{"class":142},"\"module\"",[93,1058,375],{"class":132},[93,1060,1061,1064,1066,1069],{"class":95,"line":177},[93,1062,1063],{"class":99},"  \"private\"",[93,1065,829],{"class":132},[93,1067,1068],{"class":99},"true",[93,1070,375],{"class":132},[93,1072,1073,1076],{"class":95,"line":182},[93,1074,1075],{"class":99},"  \"scripts\"",[93,1077,821],{"class":132},[93,1079,1080,1083,1085,1088],{"class":95,"line":302},[93,1081,1082],{"class":99},"    \"build\"",[93,1084,829],{"class":132},[93,1086,1087],{"class":142},"\"nuxt build\"",[93,1089,375],{"class":132},[93,1091,1092,1095,1097,1100],{"class":95,"line":308},[93,1093,1094],{"class":99},"    \"dev\"",[93,1096,829],{"class":132},[93,1098,1099],{"class":142},"\"nuxt dev\"",[93,1101,375],{"class":132},[93,1103,1104,1107,1109,1112],{"class":95,"line":314},[93,1105,1106],{"class":99},"    \"lint\"",[93,1108,829],{"class":132},[93,1110,1111],{"class":142},"\"eslint .\"",[93,1113,375],{"class":132},[93,1115,1116,1119,1121],{"class":95,"line":320},[93,1117,1118],{"class":99},"    \"typecheck\"",[93,1120,829],{"class":132},[93,1122,1123],{"class":142},"\"nuxt typecheck\"\n",[93,1125,1126],{"class":95,"line":512},[93,1127,861],{"class":132},[93,1129,1130,1133],{"class":95,"line":667},[93,1131,1132],{"class":99},"  \"dependencies\"",[93,1134,821],{"class":132},[93,1136,1137,1140,1142,1145],{"class":95,"line":673},[93,1138,1139],{"class":99},"    \"@nuxt\u002Fcontent\"",[93,1141,829],{"class":132},[93,1143,1144],{"class":142},"\"^3.14.0\"",[93,1146,375],{"class":132},[93,1148,1149,1152,1154,1157],{"class":95,"line":682},[93,1150,1151],{"class":99},"    \"nuxt\"",[93,1153,829],{"class":132},[93,1155,1156],{"class":142},"\"^4.4.2\"",[93,1158,375],{"class":132},[93,1160,1161,1164,1166,1169],{"class":95,"line":687},[93,1162,1163],{"class":99},"    \"shadcn-nuxt\"",[93,1165,829],{"class":132},[93,1167,1168],{"class":142},"\"2.3.3\"",[93,1170,375],{"class":132},[93,1172,1173,1176,1178,1181],{"class":95,"line":692},[93,1174,1175],{"class":99},"    \"tailwindcss\"",[93,1177,829],{"class":132},[93,1179,1180],{"class":142},"\"^4.1.12\"",[93,1182,375],{"class":132},[93,1184,1185,1188,1190],{"class":95,"line":698},[93,1186,1187],{"class":99},"    \"vue\"",[93,1189,829],{"class":132},[93,1191,1192],{"class":142},"\"^3.5.33\"\n",[93,1194,1195],{"class":95,"line":707},[93,1196,317],{"class":132},[93,1198,1199],{"class":95,"line":712},[93,1200,887],{"class":132},[85,1202,1207],{"className":1203,"code":1204,"filename":1205,"language":1206,"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,1208,1209,1215,1219,1224,1228,1233,1237,1248,1252,1257,1261],{"__ignoreMap":83},[93,1210,1211],{"class":95,"line":96},[93,1212,1214],{"class":1213},"sq-ep","# Stackhacker UI SaaS\n",[93,1216,1217],{"class":95,"line":136},[93,1218,622],{"emptyLinePlaceholder":621},[93,1220,1221],{"class":95,"line":149},[93,1222,1223],{"class":132},"A Nuxt SaaS template built with shadcn-vue, Nuxt Content, and Tailwind CSS v4.\n",[93,1225,1226],{"class":95,"line":177},[93,1227,622],{"emptyLinePlaceholder":621},[93,1229,1230],{"class":95,"line":182},[93,1231,1232],{"class":1213},"## Setup\n",[93,1234,1235],{"class":95,"line":302},[93,1236,622],{"emptyLinePlaceholder":621},[93,1238,1239,1242,1245],{"class":95,"line":308},[93,1240,1241],{"class":132},"Run ",[93,1243,1244],{"class":99},"`pnpm install`",[93,1246,1247],{"class":132}," to install dependencies.\n",[93,1249,1250],{"class":95,"line":314},[93,1251,622],{"emptyLinePlaceholder":621},[93,1253,1254],{"class":95,"line":320},[93,1255,1256],{"class":1213},"## Development Server\n",[93,1258,1259],{"class":95,"line":512},[93,1260,622],{"emptyLinePlaceholder":621},[93,1262,1263,1265,1268],{"class":95,"line":667},[93,1264,1241],{"class":132},[93,1266,1267],{"class":99},"`pnpm dev`",[93,1269,1270],{"class":132}," to start the local server.\n",[61,1272,1274],{"id":1273},"codepreview",[77,1275,1276],{},"CodePreview",[66,1278,1279,1280,1282,1283,1285,1286,1289,1290,1292],{},"Use ",[77,1281,70],{}," to show code output alongside the code. ",[77,1284,70],{}," is ideal for interactive examples and demonstrating code results.\nWrite the code to be previewed in a the ",[77,1287,1288],{},"default"," slot and the actual code in the ",[77,1291,77],{}," slot.",[70,1294,1297,1314],{"className":1295,"label":1296},[73,109],"Preview",[70,1298,1300,1304],{"className":1299},[73],[66,1301,1302],{},[77,1303,79],{},[81,1305,1306],{"v-slot:code":83},[85,1307,1308],{"className":87,"code":88,"language":89,"meta":83,"style":83},[77,1309,1310],{"__ignoreMap":83},[93,1311,1312],{"class":95,"line":96},[93,1313,88],{"class":99},[81,1315,1316],{"v-slot:code":83},[85,1317,1319],{"className":87,"code":1318,"language":89,"meta":83,"style":83},"::code-preview\n`inline code`\n\n#code\n```mdc\n`inline code`\n```\n::\n",[77,1320,1321,1329,1333,1337,1342,1347,1351,1355],{"__ignoreMap":83},[93,1322,1323,1326],{"class":95,"line":96},[93,1324,1325],{"class":132},"::",[93,1327,1328],{"class":615},"code-preview\n",[93,1330,1331],{"class":95,"line":136},[93,1332,88],{"class":99},[93,1334,1335],{"class":95,"line":149},[93,1336,622],{"emptyLinePlaceholder":621},[93,1338,1339],{"class":95,"line":177},[93,1340,1341],{"class":128},"#code\n",[93,1343,1344],{"class":95,"line":182},[93,1345,1346],{"class":132},"```mdc\n",[93,1348,1349],{"class":95,"line":302},[93,1350,88],{"class":132},[93,1352,1353],{"class":95,"line":308},[93,1354,185],{"class":132},[93,1356,1357],{"class":95,"line":314},[93,1358,720],{"class":132},[61,1360,1362],{"id":1361},"codecollapse",[77,1363,1364],{},"CodeCollapse",[66,1366,1279,1367,1370,1371,1373],{},[77,1368,1369],{},"code-collapse"," for long code blocks to keep pages clean. ",[77,1372,1369],{}," allows users to expand code blocks only when needed, improving readability.",[70,1375,1377,1591],{"className":1376},[73,109],[1369,1378,1381],{"className":1379},[1380],"[&>div]:my-0",[85,1382,1385],{"className":890,"code":1383,"filename":1384,"language":893,"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,1386,1387,1395,1403,1407,1414,1431,1435,1450,1454,1466,1478,1490,1502,1514,1526,1538,1550,1562,1574,1586],{"__ignoreMap":83},[93,1388,1389,1391,1393],{"class":95,"line":96},[93,1390,900],{"class":121},[93,1392,903],{"class":142},[93,1394,906],{"class":132},[93,1396,1397,1399,1401],{"class":95,"line":136},[93,1398,900],{"class":121},[93,1400,903],{"class":142},[93,1402,906],{"class":132},[93,1404,1405],{"class":95,"line":149},[93,1406,622],{"emptyLinePlaceholder":621},[93,1408,1409,1411],{"class":95,"line":177},[93,1410,924],{"class":121},[93,1412,1413],{"class":132}," {\n",[93,1415,1416,1419,1421,1424,1426,1429],{"class":95,"line":182},[93,1417,1418],{"class":932},"  --font-sans",[93,1420,829],{"class":132},[93,1422,1423],{"class":142},"'Public Sans'",[93,1425,778],{"class":132},[93,1427,1428],{"class":99},"sans-serif",[93,1430,906],{"class":132},[93,1432,1433],{"class":95,"line":302},[93,1434,622],{"emptyLinePlaceholder":621},[93,1436,1437,1440,1442,1445,1448],{"class":95,"line":308},[93,1438,1439],{"class":932},"  --breakpoint-3xl",[93,1441,829],{"class":132},[93,1443,1444],{"class":99},"1920",[93,1446,1447],{"class":121},"px",[93,1449,906],{"class":132},[93,1451,1452],{"class":95,"line":314},[93,1453,622],{"emptyLinePlaceholder":621},[93,1455,1456,1459,1461,1464],{"class":95,"line":320},[93,1457,1458],{"class":932},"  --color-green-50",[93,1460,829],{"class":132},[93,1462,1463],{"class":99},"#EFFDF5",[93,1465,906],{"class":132},[93,1467,1468,1471,1473,1476],{"class":95,"line":512},[93,1469,1470],{"class":932},"  --color-green-100",[93,1472,829],{"class":132},[93,1474,1475],{"class":99},"#D9FBE8",[93,1477,906],{"class":132},[93,1479,1480,1483,1485,1488],{"class":95,"line":667},[93,1481,1482],{"class":932},"  --color-green-200",[93,1484,829],{"class":132},[93,1486,1487],{"class":99},"#B3F5D1",[93,1489,906],{"class":132},[93,1491,1492,1495,1497,1500],{"class":95,"line":673},[93,1493,1494],{"class":932},"  --color-green-300",[93,1496,829],{"class":132},[93,1498,1499],{"class":99},"#75EDAE",[93,1501,906],{"class":132},[93,1503,1504,1507,1509,1512],{"class":95,"line":682},[93,1505,1506],{"class":932},"  --color-green-400",[93,1508,829],{"class":132},[93,1510,1511],{"class":99},"#00DC82",[93,1513,906],{"class":132},[93,1515,1516,1519,1521,1524],{"class":95,"line":687},[93,1517,1518],{"class":932},"  --color-green-500",[93,1520,829],{"class":132},[93,1522,1523],{"class":99},"#00C16A",[93,1525,906],{"class":132},[93,1527,1528,1531,1533,1536],{"class":95,"line":692},[93,1529,1530],{"class":932},"  --color-green-600",[93,1532,829],{"class":132},[93,1534,1535],{"class":99},"#00A155",[93,1537,906],{"class":132},[93,1539,1540,1543,1545,1548],{"class":95,"line":698},[93,1541,1542],{"class":932},"  --color-green-700",[93,1544,829],{"class":132},[93,1546,1547],{"class":99},"#007F45",[93,1549,906],{"class":132},[93,1551,1552,1555,1557,1560],{"class":95,"line":707},[93,1553,1554],{"class":932},"  --color-green-800",[93,1556,829],{"class":132},[93,1558,1559],{"class":99},"#016538",[93,1561,906],{"class":132},[93,1563,1564,1567,1569,1572],{"class":95,"line":712},[93,1565,1566],{"class":932},"  --color-green-900",[93,1568,829],{"class":132},[93,1570,1571],{"class":99},"#0A5331",[93,1573,906],{"class":132},[93,1575,1576,1579,1581,1584],{"class":95,"line":717},[93,1577,1578],{"class":932},"  --color-green-950",[93,1580,829],{"class":132},[93,1582,1583],{"class":99},"#052E16",[93,1585,906],{"class":132},[93,1587,1589],{"class":95,"line":1588},20,[93,1590,887],{"class":132},[81,1592,1593],{"v-slot:code":83},[85,1594,1596],{"className":87,"code":1595,"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,1597,1598,1605,1609,1614,1622,1630,1634,1640,1655,1659,1672,1676,1687,1698,1709,1720,1731,1742,1753,1764,1775,1787,1799,1804,1809,1814],{"__ignoreMap":83},[93,1599,1600,1602],{"class":95,"line":96},[93,1601,1325],{"class":132},[93,1603,1604],{"class":615},"code-collapse\n",[93,1606,1607],{"class":95,"line":136},[93,1608,622],{"emptyLinePlaceholder":621},[93,1610,1611],{"class":95,"line":149},[93,1612,1613],{"class":132},"```css [main.css]\n",[93,1615,1616,1618,1620],{"class":95,"line":177},[93,1617,900],{"class":121},[93,1619,903],{"class":142},[93,1621,906],{"class":132},[93,1623,1624,1626,1628],{"class":95,"line":182},[93,1625,900],{"class":121},[93,1627,903],{"class":142},[93,1629,906],{"class":132},[93,1631,1632],{"class":95,"line":302},[93,1633,622],{"emptyLinePlaceholder":621},[93,1635,1636,1638],{"class":95,"line":308},[93,1637,924],{"class":121},[93,1639,1413],{"class":132},[93,1641,1642,1645,1647,1649,1651,1653],{"class":95,"line":314},[93,1643,1644],{"class":932},"--font-sans",[93,1646,829],{"class":132},[93,1648,1423],{"class":142},[93,1650,778],{"class":132},[93,1652,1428],{"class":99},[93,1654,906],{"class":132},[93,1656,1657],{"class":95,"line":320},[93,1658,622],{"emptyLinePlaceholder":621},[93,1660,1661,1664,1666,1668,1670],{"class":95,"line":512},[93,1662,1663],{"class":932},"--breakpoint-3xl",[93,1665,829],{"class":132},[93,1667,1444],{"class":99},[93,1669,1447],{"class":121},[93,1671,906],{"class":132},[93,1673,1674],{"class":95,"line":667},[93,1675,622],{"emptyLinePlaceholder":621},[93,1677,1678,1681,1683,1685],{"class":95,"line":673},[93,1679,1680],{"class":932},"--color-green-50",[93,1682,829],{"class":132},[93,1684,1463],{"class":99},[93,1686,906],{"class":132},[93,1688,1689,1692,1694,1696],{"class":95,"line":682},[93,1690,1691],{"class":932},"--color-green-100",[93,1693,829],{"class":132},[93,1695,1475],{"class":99},[93,1697,906],{"class":132},[93,1699,1700,1703,1705,1707],{"class":95,"line":687},[93,1701,1702],{"class":932},"--color-green-200",[93,1704,829],{"class":132},[93,1706,1487],{"class":99},[93,1708,906],{"class":132},[93,1710,1711,1714,1716,1718],{"class":95,"line":692},[93,1712,1713],{"class":932},"--color-green-300",[93,1715,829],{"class":132},[93,1717,1499],{"class":99},[93,1719,906],{"class":132},[93,1721,1722,1725,1727,1729],{"class":95,"line":698},[93,1723,1724],{"class":932},"--color-green-400",[93,1726,829],{"class":132},[93,1728,1511],{"class":99},[93,1730,906],{"class":132},[93,1732,1733,1736,1738,1740],{"class":95,"line":707},[93,1734,1735],{"class":932},"--color-green-500",[93,1737,829],{"class":132},[93,1739,1523],{"class":99},[93,1741,906],{"class":132},[93,1743,1744,1747,1749,1751],{"class":95,"line":712},[93,1745,1746],{"class":932},"--color-green-600",[93,1748,829],{"class":132},[93,1750,1535],{"class":99},[93,1752,906],{"class":132},[93,1754,1755,1758,1760,1762],{"class":95,"line":717},[93,1756,1757],{"class":932},"--color-green-700",[93,1759,829],{"class":132},[93,1761,1547],{"class":99},[93,1763,906],{"class":132},[93,1765,1766,1769,1771,1773],{"class":95,"line":1588},[93,1767,1768],{"class":932},"--color-green-800",[93,1770,829],{"class":132},[93,1772,1559],{"class":99},[93,1774,906],{"class":132},[93,1776,1778,1781,1783,1785],{"class":95,"line":1777},21,[93,1779,1780],{"class":932},"--color-green-900",[93,1782,829],{"class":132},[93,1784,1571],{"class":99},[93,1786,906],{"class":132},[93,1788,1790,1793,1795,1797],{"class":95,"line":1789},22,[93,1791,1792],{"class":932},"--color-green-950",[93,1794,829],{"class":132},[93,1796,1583],{"class":99},[93,1798,906],{"class":132},[93,1800,1802],{"class":95,"line":1801},23,[93,1803,887],{"class":132},[93,1805,1807],{"class":95,"line":1806},24,[93,1808,185],{"class":132},[93,1810,1812],{"class":95,"line":1811},25,[93,1813,622],{"emptyLinePlaceholder":621},[93,1815,1817],{"class":95,"line":1816},26,[93,1818,720],{"class":132},[1820,1821,1822],"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 .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}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 .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}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":1824},[1825,1829],{"id":58,"depth":136,"text":59,"children":1826},[1827,1828],{"id":63,"depth":149,"text":64},{"id":102,"depth":149,"text":36},{"id":517,"depth":136,"text":518,"children":1830},[1831,1832,1833,1834],{"id":521,"depth":149,"text":522},{"id":737,"depth":149,"text":738},{"id":1273,"depth":149,"text":1276},{"id":1361,"depth":149,"text":1364},"Display inline code and code blocks",{},{"icon":39},{"title":36,"description":1835},"iEq812UN2_8O1vk7IGsXORuU8GwVn7VrbfO1TkkuvlM",[1841,1843],{"title":31,"path":32,"stem":33,"description":1842,"icon":34,"children":-1},"Text, title, and styling in standard markdown.",{"title":41,"path":42,"stem":43,"description":1844,"icon":44,"children":-1},"Components to help you structure your content.",1792783617371]