[{"data":1,"prerenderedAt":1146},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-essentials-code-blocks":60,"-getting-started-essentials-code-blocks-surround":1141},[4],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Docus",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25,30,35],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F2.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F3.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Project Structure","\u002Fgetting-started\u002Fproject-structure","1.getting-started\u002F4.project-structure","i-lucide-folder-tree",{"title":26,"path":27,"stem":28,"icon":29},"Web Editor","\u002Fgetting-started\u002Fstudio","1.getting-started\u002F5.studio","i-lucide-mouse-pointer-2",{"title":31,"path":32,"stem":33,"icon":34},"Migration","\u002Fgetting-started\u002Fmigration","1.getting-started\u002F6.migration","i-lucide-replace",{"title":36,"path":37,"stem":38,"children":39,"page":6},"MDC","\u002Fgetting-started\u002Fessentials","1.getting-started\u002F7.essentials",[40,45,50,55],{"title":41,"path":42,"stem":43,"icon":44},"Components","\u002Fgetting-started\u002Fessentials\u002Fcomponents","1.getting-started\u002F7.essentials\u002F1.components","i-lucide-component",{"title":46,"path":47,"stem":48,"icon":49},"Markdown Syntax","\u002Fgetting-started\u002Fessentials\u002Fmarkdown-syntax","1.getting-started\u002F7.essentials\u002F1.markdown-syntax","i-lucide-heading-1",{"title":51,"path":52,"stem":53,"icon":54},"Code Blocks","\u002Fgetting-started\u002Fessentials\u002Fcode-blocks","1.getting-started\u002F7.essentials\u002F2.code-blocks","i-lucide-code-xml",{"title":56,"path":57,"stem":58,"icon":59},"Images and Embeds","\u002Fgetting-started\u002Fessentials\u002Fimages-embeds","1.getting-started\u002F7.essentials\u002F2.images-embeds","i-lucide-image",{"id":61,"title":51,"body":62,"description":1134,"extension":1135,"layout":1136,"links":1136,"meta":1137,"navigation":1138,"path":52,"seo":1139,"stem":53,"__hash__":1140},"docs\u002F1.getting-started\u002F7.essentials\u002F2.code-blocks.md",{"type":63,"value":64,"toc":1123},"minimark",[65,70,75,79,113,116,119,219,222,293,296,393,397,401,411,596,604,607,613,629,703,709,718,1119],[66,67,69],"h2",{"id":68},"basic","Basic",[71,72,74],"h3",{"id":73},"inline-code","Inline Code",[76,77,78],"p",{},"Use inline code to display code snippets within text paragraphs. It's ideal for referencing code elements directly in sentences.",[80,81,82,86],"code-preview",{},[83,84,85],"code",{},"inline code",[87,88,90],"template",{"v-slot:code":89},"",[91,92,96],"pre",{"className":93,"code":94,"language":95,"meta":89,"style":89},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","`inline code`\n","mdc",[83,97,98],{"__ignoreMap":89},[99,100,103,107,110],"span",{"class":101,"line":102},"line",1,[99,104,106],{"class":105},"sMK4o","`",[99,108,85],{"class":109},"sfazB",[99,111,112],{"class":105},"`\n",[71,114,51],{"id":115},"code-blocks",[76,117,118],{},"Use code blocks to display multi-line code snippets with syntax highlighting. Code blocks are essential for presenting code examples clearly.",[80,120,121,181],{},[91,122,126],{"className":123,"code":124,"language":125,"meta":89,"style":89},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxt\u002Fui-pro']\n})\n","ts",[83,127,128,148,172],{"__ignoreMap":89},[99,129,130,134,137,141,145],{"class":101,"line":102},[99,131,133],{"class":132},"s7zQu","export",[99,135,136],{"class":132}," default",[99,138,140],{"class":139},"s2Zo4"," defineNuxtConfig",[99,142,144],{"class":143},"sTEyZ","(",[99,146,147],{"class":105},"{\n",[99,149,151,155,158,161,164,167,169],{"class":101,"line":150},2,[99,152,154],{"class":153},"swJcz","  modules",[99,156,157],{"class":105},":",[99,159,160],{"class":143}," [",[99,162,163],{"class":105},"'",[99,165,166],{"class":109},"@nuxt\u002Fui-pro",[99,168,163],{"class":105},[99,170,171],{"class":143},"]\n",[99,173,175,178],{"class":101,"line":174},3,[99,176,177],{"class":105},"}",[99,179,180],{"class":143},")\n",[87,182,183],{"v-slot:code":89},[91,184,186],{"className":93,"code":185,"language":95,"meta":89,"style":89},"```ts\nexport default defineNuxtConfig({\n  modules: ['@nuxt\u002Fui-pro']\n})\n```\n",[83,187,188,197,202,207,213],{"__ignoreMap":89},[99,189,190,193],{"class":101,"line":102},[99,191,192],{"class":109},"```",[99,194,196],{"class":195},"sJsPd","ts\n",[99,198,199],{"class":101,"line":150},[99,200,201],{"class":195},"export default defineNuxtConfig({\n",[99,203,204],{"class":101,"line":174},[99,205,206],{"class":195},"  modules: ['@nuxt\u002Fui-pro']\n",[99,208,210],{"class":101,"line":209},4,[99,211,212],{"class":195},"})\n",[99,214,216],{"class":101,"line":215},5,[99,217,218],{"class":109},"```\n",[76,220,221],{},"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.",[80,223,224,263],{},[91,225,227],{"className":123,"code":124,"filename":226,"language":125,"meta":89,"style":89},"nuxt.config.ts",[83,228,229,241,257],{"__ignoreMap":89},[99,230,231,233,235,237,239],{"class":101,"line":102},[99,232,133],{"class":132},[99,234,136],{"class":132},[99,236,140],{"class":139},[99,238,144],{"class":143},[99,240,147],{"class":105},[99,242,243,245,247,249,251,253,255],{"class":101,"line":150},[99,244,154],{"class":153},[99,246,157],{"class":105},[99,248,160],{"class":143},[99,250,163],{"class":105},[99,252,166],{"class":109},[99,254,163],{"class":105},[99,256,171],{"class":143},[99,258,259,261],{"class":101,"line":174},[99,260,177],{"class":105},[99,262,180],{"class":143},[87,264,265],{"v-slot:code":89},[91,266,268],{"className":93,"code":267,"language":95,"meta":89,"style":89},"```ts [nuxt.config.ts]\nexport default defineNuxtConfig({\n  modules: ['@nuxt\u002Fui-pro']\n})\n```\n",[83,269,270,277,281,285,289],{"__ignoreMap":89},[99,271,272,274],{"class":101,"line":102},[99,273,192],{"class":109},[99,275,276],{"class":195},"ts [nuxt.config.ts]\n",[99,278,279],{"class":101,"line":150},[99,280,201],{"class":195},[99,282,283],{"class":101,"line":174},[99,284,206],{"class":195},[99,286,287],{"class":101,"line":209},[99,288,212],{"class":195},[99,290,291],{"class":101,"line":215},[99,292,218],{"class":109},[76,294,295],{},"Every code-block has a built-in copy button that will copy the code to your clipboard.",[297,298,300,306],"tip",{"to":299},"https:\u002F\u002Fui.nuxt.com\u002Fgetting-started\u002Ficons\u002Fnuxt#theme",[76,301,302,303,157],{},"Icons are already defined by default, but you can customize them in your ",[83,304,305],{},"app.config.ts",[91,307,309],{"className":123,"code":308,"filename":305,"language":125,"meta":89,"style":89},"export default defineAppConfig({\n  uiPro: {\n    prose: {\n      codeIcon: {\n        terminal: 'i-lucide-terminal'\n      }\n    }\n  }\n})\n",[83,310,311,324,334,343,352,368,374,380,386],{"__ignoreMap":89},[99,312,313,315,317,320,322],{"class":101,"line":102},[99,314,133],{"class":132},[99,316,136],{"class":132},[99,318,319],{"class":139}," defineAppConfig",[99,321,144],{"class":143},[99,323,147],{"class":105},[99,325,326,329,331],{"class":101,"line":150},[99,327,328],{"class":153},"  uiPro",[99,330,157],{"class":105},[99,332,333],{"class":105}," {\n",[99,335,336,339,341],{"class":101,"line":174},[99,337,338],{"class":153},"    prose",[99,340,157],{"class":105},[99,342,333],{"class":105},[99,344,345,348,350],{"class":101,"line":209},[99,346,347],{"class":153},"      codeIcon",[99,349,157],{"class":105},[99,351,333],{"class":105},[99,353,354,357,359,362,365],{"class":101,"line":215},[99,355,356],{"class":153},"        terminal",[99,358,157],{"class":105},[99,360,361],{"class":105}," '",[99,363,364],{"class":109},"i-lucide-terminal",[99,366,367],{"class":105},"'\n",[99,369,371],{"class":101,"line":370},6,[99,372,373],{"class":105},"      }\n",[99,375,377],{"class":101,"line":376},7,[99,378,379],{"class":105},"    }\n",[99,381,383],{"class":101,"line":382},8,[99,384,385],{"class":105},"  }\n",[99,387,389,391],{"class":101,"line":388},9,[99,390,177],{"class":105},[99,392,180],{"class":143},[66,394,396],{"id":395},"advanced","Advanced",[71,398,400],{"id":399},"codegroup","CodeGroup",[76,402,403,404,407,408,410],{},"Group code blocks in tabs using ",[83,405,406],{},"code-group",". ",[83,409,406],{}," is perfect for showing code examples in multiple languages or package managers.",[80,412,413,479],{},[406,414,417,436,450,465],{"className":415},[416],"w-full",[91,418,423],{"className":419,"code":420,"filename":421,"language":422,"meta":89,"style":89},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @nuxt\u002Fui-pro@next\n","pnpm","bash",[83,424,425],{"__ignoreMap":89},[99,426,427,430,433],{"class":101,"line":102},[99,428,421],{"class":429},"sBMFI",[99,431,432],{"class":109}," add",[99,434,435],{"class":109}," @nuxt\u002Fui-pro@next\n",[91,437,440],{"className":419,"code":438,"filename":439,"language":422,"meta":89,"style":89},"yarn add @nuxt\u002Fui-pro@next\n","yarn",[83,441,442],{"__ignoreMap":89},[99,443,444,446,448],{"class":101,"line":102},[99,445,439],{"class":429},[99,447,432],{"class":109},[99,449,435],{"class":109},[91,451,454],{"className":419,"code":452,"filename":453,"language":422,"meta":89,"style":89},"npm install @nuxt\u002Fui-pro@next\n","npm",[83,455,456],{"__ignoreMap":89},[99,457,458,460,463],{"class":101,"line":102},[99,459,453],{"class":429},[99,461,462],{"class":109}," install",[99,464,435],{"class":109},[91,466,469],{"className":419,"code":467,"filename":468,"language":422,"meta":89,"style":89},"bun add @nuxt\u002Fui-pro@next\n","bun",[83,470,471],{"__ignoreMap":89},[99,472,473,475,477],{"class":101,"line":102},[99,474,468],{"class":429},[99,476,432],{"class":109},[99,478,435],{"class":109},[87,480,481],{"v-slot:code":89},[91,482,484],{"className":93,"code":483,"language":95,"meta":89,"style":89},":::code-group\n\n```bash [pnpm]\npnpm add @nuxt\u002Fui-pro@next\n```\n\n```bash [yarn]\nyarn add @nuxt\u002Fui-pro@next\n```\n\n```bash [npm]\nnpm install @nuxt\u002Fui-pro@next\n```\n\n```bash [bun]\nbun add @nuxt\u002Fui-pro@next\n```\n",[83,485,486,494,500,507,515,519,523,530,538,542,547,555,564,569,574,582,591],{"__ignoreMap":89},[99,487,488,491],{"class":101,"line":102},[99,489,490],{"class":105},":::",[99,492,493],{"class":153},"code-group\n",[99,495,496],{"class":101,"line":150},[99,497,499],{"emptyLinePlaceholder":498},true,"\n",[99,501,502,504],{"class":101,"line":174},[99,503,192],{"class":109},[99,505,506],{"class":195},"bash [pnpm]\n",[99,508,509,511,513],{"class":101,"line":209},[99,510,421],{"class":429},[99,512,432],{"class":109},[99,514,435],{"class":109},[99,516,517],{"class":101,"line":215},[99,518,218],{"class":109},[99,520,521],{"class":101,"line":370},[99,522,499],{"emptyLinePlaceholder":498},[99,524,525,527],{"class":101,"line":376},[99,526,192],{"class":109},[99,528,529],{"class":195},"bash [yarn]\n",[99,531,532,534,536],{"class":101,"line":382},[99,533,439],{"class":429},[99,535,432],{"class":109},[99,537,435],{"class":109},[99,539,540],{"class":101,"line":388},[99,541,218],{"class":109},[99,543,545],{"class":101,"line":544},10,[99,546,499],{"emptyLinePlaceholder":498},[99,548,550,552],{"class":101,"line":549},11,[99,551,192],{"class":109},[99,553,554],{"class":195},"bash [npm]\n",[99,556,558,560,562],{"class":101,"line":557},12,[99,559,453],{"class":429},[99,561,462],{"class":109},[99,563,435],{"class":109},[99,565,567],{"class":101,"line":566},13,[99,568,218],{"class":109},[99,570,572],{"class":101,"line":571},14,[99,573,499],{"emptyLinePlaceholder":498},[99,575,577,579],{"class":101,"line":576},15,[99,578,192],{"class":109},[99,580,581],{"class":195},"bash [bun]\n",[99,583,585,587,589],{"class":101,"line":584},16,[99,586,468],{"class":429},[99,588,432],{"class":109},[99,590,435],{"class":109},[99,592,594],{"class":101,"line":593},17,[99,595,218],{"class":109},[91,597,602],{"className":598,"code":600,"language":601,"meta":89},[599],"language-text","::\n\n### CodeTree\n\nDisplay code blocks in a file tree view using `code-tree`. `code-tree` is excellent for showcasing project structures and file relationships.\n\n::code-preview\n  :::code-tree{default-value=\"app\u002Fapp.config.ts\"}\n  ```ts [nuxt.config.ts]\n  export default defineNuxtConfig({\n    modules: ['@nuxt\u002Fui-pro'],\n  \n    future: {\n      compatibilityVersion: 4\n    },\n  \n    css: ['~\u002Fassets\u002Fcss\u002Fmain.css']\n  })\n  \n  ```\n  \n  ```css [app\u002Fassets\u002Fcss\u002Fmain.css]\n  @import \"tailwindcss\";\n  @import \"@nuxt\u002Fui-pro\";\n  ```\n  \n  ```ts [app\u002Fapp.config.ts]\n  export default defineAppConfig({\n    ui: {\n      colors: {\n        primary: 'sky',\n        colors: 'slate'\n      }\n    }\n  })\n  ```\n\n  ```vue [app\u002Fapp.vue]\n  \u003Ctemplate>\n    \u003CUApp>\n      \u003CNuxtPage \u002F>\n    \u003C\u002FUApp>\n  \u003C\u002Ftemplate>\n  ```\n  \n  ```json [package.json]\n  {\n    \"name\": \"nuxt-app\",\n    \"private\": true,\n    \"type\": \"module\",\n    \"scripts\": {\n      \"build\": \"nuxt build\",\n      \"dev\": \"nuxt dev\",\n      \"generate\": \"nuxt generate\",\n      \"preview\": \"nuxt preview\",\n      \"postinstall\": \"nuxt prepare\",\n      \"lint\": \"eslint .\",\n      \"lint:fix\": \"eslint --fix .\"\n    },\n    \"dependencies\": {\n      \"@iconify-json\u002Flucide\": \"^1.2.18\",\n      \"@nuxt\u002Fui-pro\": \"^4.2.1\",\n      \"nuxt\": \"^4.2.1\"\n    }\n  }\n  ```\n\n  ```json [tsconfig.json]\n  {\n    \"extends\": \".\u002F.nuxt\u002Ftsconfig.json\"\n  }\n  ```\n  ~~~md [README.md]\n  # Nuxt 4 Minimal Starter\n\n  Look at the [Nuxt 4 documentation](https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fgetting-started\u002Fintroduction) to learn more.\n\n  ## Setup\n\n  Make sure to install the dependencies:\n\n  ```bash\n  # npm\n  npm install\n\n  # pnpm\n  pnpm install\n\n  # yarn\n  yarn install\n\n  # bun\n  bun install\n  ```\n\n  ## Development Server\n\n  Start the development server on `http:\u002F\u002Flocalhost:3000`:\n\n  ```bash\n  # npm\n  npm run dev\n\n  # pnpm\n  pnpm run dev\n\n  # yarn\n  yarn dev\n\n  # bun\n  bun run dev\n  ```\n\n  ## Production\n\n  Build the application for production:\n\n  ```bash\n  # npm\n  npm run build\n\n  # pnpm\n  pnpm run build\n\n  # yarn\n  yarn build\n\n  # bun\n  bun run build\n  ```\n\n  Locally preview production build:\n\n  ```bash\n  # npm\n  npm run preview\n\n  # pnpm\n  pnpm run preview\n\n  # yarn\n  yarn preview\n\n  # bun\n  bun run preview\n  ```\n\n  Check out the [deployment documentation](https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fgetting-started\u002Fdeployment) for more information.\n","text",[83,603,600],{"__ignoreMap":89},[76,605,606],{},":::\n::",[71,608,610],{"id":609},"codepreview",[83,611,612],{},"CodePreview",[76,614,615,616,618,619,621,622,625,626,628],{},"Use ",[83,617,80],{}," to show code output alongside the code. ",[83,620,80],{}," is ideal for interactive examples and demonstrating code results.\nWrite the code to be previewed in a the ",[83,623,624],{},"default"," slot and the actual code in the ",[83,627,83],{}," slot.",[80,630,632,650],{"label":631},"Preview",[80,633,634,636],{},[83,635,85],{},[87,637,638],{"v-slot:code":89},[91,639,640],{"className":93,"code":94,"language":95,"meta":89,"style":89},[83,641,642],{"__ignoreMap":89},[99,643,644,646,648],{"class":101,"line":102},[99,645,106],{"class":105},[99,647,85],{"class":109},[99,649,112],{"class":105},[87,651,652],{"v-slot:code":89},[91,653,655],{"className":93,"code":654,"language":95,"meta":89,"style":89},"::code-preview\n`inline code`\n\n#code\n```mdc\n`inline code`\n```\n::\n",[83,656,657,665,673,677,683,690,694,698],{"__ignoreMap":89},[99,658,659,662],{"class":101,"line":102},[99,660,661],{"class":105},"::",[99,663,664],{"class":153},"code-preview\n",[99,666,667,669,671],{"class":101,"line":150},[99,668,106],{"class":105},[99,670,85],{"class":109},[99,672,112],{"class":105},[99,674,675],{"class":101,"line":174},[99,676,499],{"emptyLinePlaceholder":498},[99,678,679],{"class":101,"line":209},[99,680,682],{"class":681},"spNyl","#code\n",[99,684,685,687],{"class":101,"line":215},[99,686,192],{"class":109},[99,688,689],{"class":195},"mdc\n",[99,691,692],{"class":101,"line":370},[99,693,94],{"class":195},[99,695,696],{"class":101,"line":376},[99,697,218],{"class":109},[99,699,700],{"class":101,"line":382},[99,701,702],{"class":105},"::\n",[71,704,706],{"id":705},"codecollapse",[83,707,708],{},"CodeCollapse",[76,710,615,711,714,715,717],{},[83,712,713],{},"code-collapse"," for long code blocks to keep pages clean. ",[83,716,713],{}," allows users to expand code blocks only when needed, improving readability.",[80,719,720,915],{},[713,721,722],{},[91,723,728],{"className":724,"code":725,"filename":726,"language":727,"meta":89,"style":89},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n@import \"@nuxt\u002Fui-pro\";\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","css",[83,729,730,747,759,763,770,783,787,792,796,807,817,827,837,847,857,867,877,887,898,909],{"__ignoreMap":89},[99,731,732,735,738,741,744],{"class":101,"line":102},[99,733,734],{"class":132},"@import",[99,736,737],{"class":105}," \"",[99,739,740],{"class":109},"tailwindcss",[99,742,743],{"class":105},"\"",[99,745,746],{"class":105},";\n",[99,748,749,751,753,755,757],{"class":101,"line":150},[99,750,734],{"class":132},[99,752,737],{"class":105},[99,754,166],{"class":109},[99,756,743],{"class":105},[99,758,746],{"class":105},[99,760,761],{"class":101,"line":174},[99,762,499],{"emptyLinePlaceholder":498},[99,764,765,768],{"class":101,"line":209},[99,766,767],{"class":132},"@theme",[99,769,333],{"class":105},[99,771,772,775,778,781],{"class":101,"line":215},[99,773,774],{"class":143},"  --font-sans: 'Public Sans'",[99,776,777],{"class":105},",",[99,779,780],{"class":429}," sans-serif",[99,782,746],{"class":143},[99,784,785],{"class":101,"line":370},[99,786,499],{"emptyLinePlaceholder":498},[99,788,789],{"class":101,"line":376},[99,790,791],{"class":143},"  --breakpoint-3xl: 1920px;\n",[99,793,794],{"class":101,"line":382},[99,795,499],{"emptyLinePlaceholder":498},[99,797,798,801,804],{"class":101,"line":388},[99,799,800],{"class":143},"  --color-green-50: ",[99,802,803],{"class":105},"#",[99,805,806],{"class":143},"EFFDF5;\n",[99,808,809,812,814],{"class":101,"line":544},[99,810,811],{"class":143},"  --color-green-100: ",[99,813,803],{"class":105},[99,815,816],{"class":143},"D9FBE8;\n",[99,818,819,822,824],{"class":101,"line":549},[99,820,821],{"class":143},"  --color-green-200: ",[99,823,803],{"class":105},[99,825,826],{"class":143},"B3F5D1;\n",[99,828,829,832,834],{"class":101,"line":557},[99,830,831],{"class":143},"  --color-green-300: ",[99,833,803],{"class":105},[99,835,836],{"class":143},"75EDAE;\n",[99,838,839,842,844],{"class":101,"line":566},[99,840,841],{"class":143},"  --color-green-400: ",[99,843,803],{"class":105},[99,845,846],{"class":143},"00DC82;\n",[99,848,849,852,854],{"class":101,"line":571},[99,850,851],{"class":143},"  --color-green-500: ",[99,853,803],{"class":105},[99,855,856],{"class":143},"00C16A;\n",[99,858,859,862,864],{"class":101,"line":576},[99,860,861],{"class":143},"  --color-green-600: ",[99,863,803],{"class":105},[99,865,866],{"class":143},"00A155;\n",[99,868,869,872,874],{"class":101,"line":584},[99,870,871],{"class":143},"  --color-green-700: ",[99,873,803],{"class":105},[99,875,876],{"class":143},"007F45;\n",[99,878,879,882,884],{"class":101,"line":593},[99,880,881],{"class":143},"  --color-green-800: ",[99,883,803],{"class":105},[99,885,886],{"class":143},"016538;\n",[99,888,890,893,895],{"class":101,"line":889},18,[99,891,892],{"class":143},"  --color-green-900: ",[99,894,803],{"class":105},[99,896,897],{"class":143},"0A5331;\n",[99,899,901,904,906],{"class":101,"line":900},19,[99,902,903],{"class":143},"  --color-green-950: ",[99,905,803],{"class":105},[99,907,908],{"class":143},"052E16;\n",[99,910,912],{"class":101,"line":911},20,[99,913,914],{"class":143},"}\n",[87,916,917],{"v-slot:code":89},[91,918,920],{"className":93,"code":919,"language":95,"meta":89,"style":89},"::code-collapse\n\n```css [main.css]\n@import \"tailwindcss\";\n@import \"@nuxt\u002Fui-pro\";\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",[83,921,922,929,933,940,952,964,968,974,985,989,994,998,1007,1016,1025,1034,1043,1052,1061,1070,1079,1089,1099,1104,1109,1114],{"__ignoreMap":89},[99,923,924,926],{"class":101,"line":102},[99,925,661],{"class":105},[99,927,928],{"class":153},"code-collapse\n",[99,930,931],{"class":101,"line":150},[99,932,499],{"emptyLinePlaceholder":498},[99,934,935,937],{"class":101,"line":174},[99,936,192],{"class":109},[99,938,939],{"class":195},"css [main.css]\n",[99,941,942,944,946,948,950],{"class":101,"line":209},[99,943,734],{"class":132},[99,945,737],{"class":105},[99,947,740],{"class":109},[99,949,743],{"class":105},[99,951,746],{"class":105},[99,953,954,956,958,960,962],{"class":101,"line":215},[99,955,734],{"class":132},[99,957,737],{"class":105},[99,959,166],{"class":109},[99,961,743],{"class":105},[99,963,746],{"class":105},[99,965,966],{"class":101,"line":370},[99,967,499],{"emptyLinePlaceholder":498},[99,969,970,972],{"class":101,"line":376},[99,971,767],{"class":132},[99,973,333],{"class":105},[99,975,976,979,981,983],{"class":101,"line":382},[99,977,978],{"class":143},"--font-sans: 'Public Sans'",[99,980,777],{"class":105},[99,982,780],{"class":153},[99,984,746],{"class":143},[99,986,987],{"class":101,"line":388},[99,988,499],{"emptyLinePlaceholder":498},[99,990,991],{"class":101,"line":544},[99,992,993],{"class":143},"--breakpoint-3xl: 1920px;\n",[99,995,996],{"class":101,"line":549},[99,997,499],{"emptyLinePlaceholder":498},[99,999,1000,1003,1005],{"class":101,"line":557},[99,1001,1002],{"class":143},"--color-green-50: ",[99,1004,803],{"class":105},[99,1006,806],{"class":143},[99,1008,1009,1012,1014],{"class":101,"line":566},[99,1010,1011],{"class":143},"--color-green-100: ",[99,1013,803],{"class":105},[99,1015,816],{"class":143},[99,1017,1018,1021,1023],{"class":101,"line":571},[99,1019,1020],{"class":143},"--color-green-200: ",[99,1022,803],{"class":105},[99,1024,826],{"class":143},[99,1026,1027,1030,1032],{"class":101,"line":576},[99,1028,1029],{"class":143},"--color-green-300: ",[99,1031,803],{"class":105},[99,1033,836],{"class":143},[99,1035,1036,1039,1041],{"class":101,"line":584},[99,1037,1038],{"class":143},"--color-green-400: ",[99,1040,803],{"class":105},[99,1042,846],{"class":143},[99,1044,1045,1048,1050],{"class":101,"line":593},[99,1046,1047],{"class":143},"--color-green-500: ",[99,1049,803],{"class":105},[99,1051,856],{"class":143},[99,1053,1054,1057,1059],{"class":101,"line":889},[99,1055,1056],{"class":143},"--color-green-600: ",[99,1058,803],{"class":105},[99,1060,866],{"class":143},[99,1062,1063,1066,1068],{"class":101,"line":900},[99,1064,1065],{"class":143},"--color-green-700: ",[99,1067,803],{"class":105},[99,1069,876],{"class":143},[99,1071,1072,1075,1077],{"class":101,"line":911},[99,1073,1074],{"class":143},"--color-green-800: ",[99,1076,803],{"class":105},[99,1078,886],{"class":143},[99,1080,1082,1085,1087],{"class":101,"line":1081},21,[99,1083,1084],{"class":143},"--color-green-900: ",[99,1086,803],{"class":105},[99,1088,897],{"class":143},[99,1090,1092,1095,1097],{"class":101,"line":1091},22,[99,1093,1094],{"class":143},"--color-green-950: ",[99,1096,803],{"class":105},[99,1098,908],{"class":143},[99,1100,1102],{"class":101,"line":1101},23,[99,1103,914],{"class":143},[99,1105,1107],{"class":101,"line":1106},24,[99,1108,218],{"class":109},[99,1110,1112],{"class":101,"line":1111},25,[99,1113,499],{"emptyLinePlaceholder":498},[99,1115,1117],{"class":101,"line":1116},26,[99,1118,702],{"class":105},[1120,1121,1122],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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 .sJsPd, html code.shiki .sJsPd{--shiki-light:#90A4AE90;--shiki-default:#EEFFFF90;--shiki-dark:#BABED890}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":89,"searchDepth":150,"depth":150,"links":1124},[1125,1129],{"id":68,"depth":150,"text":69,"children":1126},[1127,1128],{"id":73,"depth":174,"text":74},{"id":115,"depth":174,"text":51},{"id":395,"depth":150,"text":396,"children":1130},[1131,1132,1133],{"id":399,"depth":174,"text":400},{"id":609,"depth":174,"text":612},{"id":705,"depth":174,"text":708},"Display inline code and code blocks in your documentation.","md",null,{},{"icon":54},{"title":51,"description":1134},"c5LW6mGEhAjUh5IVCFeXGaoeALW7RbxONhCBefI-NJQ",[1142,1144],{"title":46,"path":47,"stem":48,"description":1143,"icon":49,"children":-1},"Text, title, and styling in standard markdown.",{"title":56,"path":57,"stem":58,"description":1145,"icon":59,"children":-1},"Add image, video, and other HTML elements",1778168522161]