[{"data":1,"prerenderedAt":1415},["ShallowReactive",2],{"navigation_docs_manual_en":3,"-docs-manual-en-essentials-code-blocks":134,"-docs-manual-en-essentials-code-blocks-surround":1410},[4,41,77,109],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":40},"Getting Started","i-lucide-rocket","\u002Fdocs\u002Fmanual\u002Fen\u002Fgetting-started","docs\u002Fmanual\u002Fen\u002F1.getting-started",[10,15,20,25,30,35],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fdocs\u002Fmanual\u002Fen\u002Fgetting-started\u002Fintroduction","docs\u002Fmanual\u002Fen\u002F1.getting-started\u002F2.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fdocs\u002Fmanual\u002Fen\u002Fgetting-started\u002Finstallation","docs\u002Fmanual\u002Fen\u002F1.getting-started\u002F3.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Project Structure","\u002Fdocs\u002Fmanual\u002Fen\u002Fgetting-started\u002Fproject-structure","docs\u002Fmanual\u002Fen\u002F1.getting-started\u002F4.project-structure","i-lucide-folder-tree",{"title":26,"path":27,"stem":28,"icon":29},"Studio module","\u002Fdocs\u002Fmanual\u002Fen\u002Fgetting-started\u002Fstudio","docs\u002Fmanual\u002Fen\u002F1.getting-started\u002F5.studio","i-lucide-mouse-pointer-2",{"title":31,"path":32,"stem":33,"icon":34},"Migration","\u002Fdocs\u002Fmanual\u002Fen\u002Fgetting-started\u002Fmigration","docs\u002Fmanual\u002Fen\u002F1.getting-started\u002F6.migration","i-lucide-replace",{"title":36,"path":37,"stem":38,"icon":39},"Troubleshooting","\u002Fdocs\u002Fmanual\u002Fen\u002Fgetting-started\u002Ftroubleshooting","docs\u002Fmanual\u002Fen\u002F1.getting-started\u002F7.troubleshooting","i-lucide-wrench",false,{"title":42,"icon":43,"path":44,"stem":45,"children":46,"page":40},"Core Concepts","i-lucide-brain","\u002Fdocs\u002Fmanual\u002Fen\u002Fconcepts","docs\u002Fmanual\u002Fen\u002F2.concepts",[47,52,57,62,67,72],{"title":48,"path":49,"stem":50,"icon":51},"Edition","\u002Fdocs\u002Fmanual\u002Fen\u002Fconcepts\u002Fedition","docs\u002Fmanual\u002Fen\u002F2.concepts\u002F2.edition","i-lucide-pencil",{"title":53,"path":54,"stem":55,"icon":56},"Configuration","\u002Fdocs\u002Fmanual\u002Fen\u002Fconcepts\u002Fconfiguration","docs\u002Fmanual\u002Fen\u002F2.concepts\u002F3.configuration","i-lucide-settings",{"title":58,"path":59,"stem":60,"icon":61},"Theme","\u002Fdocs\u002Fmanual\u002Fen\u002Fconcepts\u002Ftheme","docs\u002Fmanual\u002Fen\u002F2.concepts\u002F4.theme","i-lucide-paint-roller",{"title":63,"path":64,"stem":65,"icon":66},"Customization","\u002Fdocs\u002Fmanual\u002Fen\u002Fconcepts\u002Fcustomization","docs\u002Fmanual\u002Fen\u002F2.concepts\u002F5.customization","i-lucide-pen-tool",{"title":68,"path":69,"stem":70,"icon":71},"Internationalization","\u002Fdocs\u002Fmanual\u002Fen\u002Fconcepts\u002Finternationalization","docs\u002Fmanual\u002Fen\u002F2.concepts\u002F6.internationalization","i-lucide-globe",{"title":73,"path":74,"stem":75,"icon":76},"Nuxt","\u002Fdocs\u002Fmanual\u002Fen\u002Fconcepts\u002Fnuxt","docs\u002Fmanual\u002Fen\u002F2.concepts\u002F8.nuxt","i-simple-icons-nuxt",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":40},"Essentials","i-lucide-book-open","\u002Fdocs\u002Fmanual\u002Fen\u002Fessentials","docs\u002Fmanual\u002Fen\u002F3.essentials",[83,88,93,98,103],{"title":84,"path":85,"stem":86,"icon":87},"Markdown Syntax","\u002Fdocs\u002Fmanual\u002Fen\u002Fessentials\u002Fmarkdown-syntax","docs\u002Fmanual\u002Fen\u002F3.essentials\u002F1.markdown-syntax","i-lucide-heading-1",{"title":89,"path":90,"stem":91,"icon":92},"Code Blocks","\u002Fdocs\u002Fmanual\u002Fen\u002Fessentials\u002Fcode-blocks","docs\u002Fmanual\u002Fen\u002F3.essentials\u002F2.code-blocks","i-lucide-code-xml",{"title":94,"path":95,"stem":96,"icon":97},"Components","\u002Fdocs\u002Fmanual\u002Fen\u002Fessentials\u002Fcomponents","docs\u002Fmanual\u002Fen\u002F3.essentials\u002F3.components","i-lucide-component",{"title":99,"path":100,"stem":101,"icon":102},"Images and Embeds","\u002Fdocs\u002Fmanual\u002Fen\u002Fessentials\u002Fimages-embeds","docs\u002Fmanual\u002Fen\u002F3.essentials\u002F4.images-embeds","i-lucide-image",{"title":104,"path":105,"stem":106,"icon":107,"position":108},"Mermaid Diagrams","\u002Fdocs\u002Fmanual\u002Fen\u002Fessentials\u002Fmermaid","docs\u002Fmanual\u002Fen\u002F3.essentials\u002F5.mermaid","i-lucide-chart-network",5,{"title":110,"icon":111,"path":112,"stem":113,"children":114,"page":40},"AI","i-lucide-sparkles","\u002Fdocs\u002Fmanual\u002Fen\u002Fai","docs\u002Fmanual\u002Fen\u002F4.ai",[115,119,124,129],{"title":116,"path":117,"stem":118,"icon":111},"Assistant","\u002Fdocs\u002Fmanual\u002Fen\u002Fai\u002Fassistant","docs\u002Fmanual\u002Fen\u002F4.ai\u002F1.assistant",{"title":120,"path":121,"stem":122,"icon":123},"MCP Server","\u002Fdocs\u002Fmanual\u002Fen\u002Fai\u002Fmcp","docs\u002Fmanual\u002Fen\u002F4.ai\u002F2.mcp","i-lucide-cpu",{"title":125,"path":126,"stem":127,"icon":128},"Agent Skills","\u002Fdocs\u002Fmanual\u002Fen\u002Fai\u002Fskills","docs\u002Fmanual\u002Fen\u002F4.ai\u002F3.skills","i-lucide-wand-sparkles",{"title":130,"path":131,"stem":132,"icon":133},"LLMs Integration","\u002Fdocs\u002Fmanual\u002Fen\u002Fai\u002Fllms","docs\u002Fmanual\u002Fen\u002F4.ai\u002F4.llms","i-lucide-message-circle-code",{"id":135,"title":89,"body":136,"config":1402,"description":1403,"extension":1404,"links":1405,"meta":1406,"navigation":1407,"path":90,"seo":1408,"stem":91,"__hash__":1409},"docs_manual_en\u002Fdocs\u002Fmanual\u002Fen\u002F3.essentials\u002F2.code-blocks.md",{"type":137,"value":138,"toc":1391},"minimark",[139,144,149,153,189,192,195,315,318,412,415,512,516,520,530,727,731,740,980,986,996,1387],[140,141,143],"h2",{"id":142},"basic","Basic",[145,146,148],"h3",{"id":147},"inline-code","Inline Code",[150,151,152],"p",{},"Use inline code to display code snippets within text paragraphs. It's ideal for referencing code elements directly in sentences.",[154,155,158,162],"code-preview",{"className":156},[157],"[&>div]:*:my-0",[159,160,161],"code",{},"inline code",[163,164,166],"template",{"v-slot:code":165},"",[167,168,172],"pre",{"className":169,"code":170,"language":171,"meta":165,"style":165},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","`inline code`\n","mdc",[159,173,174],{"__ignoreMap":165},[175,176,179,183,186],"span",{"class":177,"line":178},"line",1,[175,180,182],{"class":181},"sMK4o","`",[175,184,161],{"class":185},"sfazB",[175,187,188],{"class":181},"`\n",[145,190,89],{"id":191},"code-blocks",[150,193,194],{},"Use code blocks to display multi-line code snippets with syntax highlighting. Code blocks are essential for presenting code examples clearly.",[154,196,199,259],{"className":197},[157,198],"[&>div]:*:w-full",[167,200,204],{"className":201,"code":202,"language":203,"meta":165,"style":165},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxt\u002Fui']\n})\n","ts",[159,205,206,226,250],{"__ignoreMap":165},[175,207,208,212,215,219,223],{"class":177,"line":178},[175,209,211],{"class":210},"s7zQu","export",[175,213,214],{"class":210}," default",[175,216,218],{"class":217},"s2Zo4"," defineNuxtConfig",[175,220,222],{"class":221},"sTEyZ","(",[175,224,225],{"class":181},"{\n",[175,227,229,233,236,239,242,245,247],{"class":177,"line":228},2,[175,230,232],{"class":231},"swJcz","  modules",[175,234,235],{"class":181},":",[175,237,238],{"class":221}," [",[175,240,241],{"class":181},"'",[175,243,244],{"class":185},"@nuxt\u002Fui",[175,246,241],{"class":181},[175,248,249],{"class":221},"]\n",[175,251,253,256],{"class":177,"line":252},3,[175,254,255],{"class":181},"}",[175,257,258],{"class":221},")\n",[163,260,261],{"v-slot:code":165},[167,262,264],{"className":169,"code":263,"language":171,"meta":165,"style":165},"```ts\nexport default defineNuxtConfig({\n  modules: ['@nuxt\u002Fui']\n})\n```\n",[159,265,266,275,287,303,310],{"__ignoreMap":165},[175,267,268,271],{"class":177,"line":178},[175,269,270],{"class":185},"```",[175,272,274],{"class":273},"sJsPd","ts\n",[175,276,277,279,281,283,285],{"class":177,"line":228},[175,278,211],{"class":210},[175,280,214],{"class":210},[175,282,218],{"class":217},[175,284,222],{"class":221},[175,286,225],{"class":181},[175,288,289,291,293,295,297,299,301],{"class":177,"line":252},[175,290,232],{"class":231},[175,292,235],{"class":181},[175,294,238],{"class":221},[175,296,241],{"class":181},[175,298,244],{"class":185},[175,300,241],{"class":181},[175,302,249],{"class":221},[175,304,306,308],{"class":177,"line":305},4,[175,307,255],{"class":181},[175,309,258],{"class":221},[175,311,312],{"class":177,"line":108},[175,313,314],{"class":185},"```\n",[150,316,317],{},"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.",[154,319,321,360],{"className":320},[157,198],[167,322,324],{"className":201,"code":202,"filename":323,"language":203,"meta":165,"style":165},"nuxt.config.ts",[159,325,326,338,354],{"__ignoreMap":165},[175,327,328,330,332,334,336],{"class":177,"line":178},[175,329,211],{"class":210},[175,331,214],{"class":210},[175,333,218],{"class":217},[175,335,222],{"class":221},[175,337,225],{"class":181},[175,339,340,342,344,346,348,350,352],{"class":177,"line":228},[175,341,232],{"class":231},[175,343,235],{"class":181},[175,345,238],{"class":221},[175,347,241],{"class":181},[175,349,244],{"class":185},[175,351,241],{"class":181},[175,353,249],{"class":221},[175,355,356,358],{"class":177,"line":252},[175,357,255],{"class":181},[175,359,258],{"class":221},[163,361,362],{"v-slot:code":165},[167,363,365],{"className":169,"code":364,"language":171,"meta":165,"style":165},"```ts [nuxt.config.ts]\nexport default defineNuxtConfig({\n  modules: ['@nuxt\u002Fui']\n})\n```\n",[159,366,367,374,386,402,408],{"__ignoreMap":165},[175,368,369,371],{"class":177,"line":178},[175,370,270],{"class":185},[175,372,373],{"class":273},"ts [nuxt.config.ts]\n",[175,375,376,378,380,382,384],{"class":177,"line":228},[175,377,211],{"class":210},[175,379,214],{"class":210},[175,381,218],{"class":217},[175,383,222],{"class":221},[175,385,225],{"class":181},[175,387,388,390,392,394,396,398,400],{"class":177,"line":252},[175,389,232],{"class":231},[175,391,235],{"class":181},[175,393,238],{"class":221},[175,395,241],{"class":181},[175,397,244],{"class":185},[175,399,241],{"class":181},[175,401,249],{"class":221},[175,403,404,406],{"class":177,"line":305},[175,405,255],{"class":181},[175,407,258],{"class":221},[175,409,410],{"class":177,"line":108},[175,411,314],{"class":185},[150,413,414],{},"Every code-block has a built-in copy button that will copy the code to your clipboard.",[416,417,419,425],"tip",{"to":418},"https:\u002F\u002Fui.nuxt.com\u002Fgetting-started\u002Ficons\u002Fnuxt#theme",[150,420,421,422,235],{},"Icons are already defined by default, but you can customize them in your ",[159,423,424],{},"app.config.ts",[167,426,428],{"className":201,"code":427,"filename":424,"language":203,"meta":165,"style":165},"export default defineAppConfig({\n  ui: {\n    prose: {\n      codeIcon: {\n        terminal: 'i-ph-terminal-window-duotone'\n      }\n    }\n  }\n})\n",[159,429,430,443,453,462,471,487,493,499,505],{"__ignoreMap":165},[175,431,432,434,436,439,441],{"class":177,"line":178},[175,433,211],{"class":210},[175,435,214],{"class":210},[175,437,438],{"class":217}," defineAppConfig",[175,440,222],{"class":221},[175,442,225],{"class":181},[175,444,445,448,450],{"class":177,"line":228},[175,446,447],{"class":231},"  ui",[175,449,235],{"class":181},[175,451,452],{"class":181}," {\n",[175,454,455,458,460],{"class":177,"line":252},[175,456,457],{"class":231},"    prose",[175,459,235],{"class":181},[175,461,452],{"class":181},[175,463,464,467,469],{"class":177,"line":305},[175,465,466],{"class":231},"      codeIcon",[175,468,235],{"class":181},[175,470,452],{"class":181},[175,472,473,476,478,481,484],{"class":177,"line":108},[175,474,475],{"class":231},"        terminal",[175,477,235],{"class":181},[175,479,480],{"class":181}," '",[175,482,483],{"class":185},"i-ph-terminal-window-duotone",[175,485,486],{"class":181},"'\n",[175,488,490],{"class":177,"line":489},6,[175,491,492],{"class":181},"      }\n",[175,494,496],{"class":177,"line":495},7,[175,497,498],{"class":181},"    }\n",[175,500,502],{"class":177,"line":501},8,[175,503,504],{"class":181},"  }\n",[175,506,508,510],{"class":177,"line":507},9,[175,509,255],{"class":181},[175,511,258],{"class":221},[140,513,515],{"id":514},"advanced","Advanced",[145,517,519],{"id":518},"codegroup","CodeGroup",[150,521,522,523,526,527,529],{},"Group code blocks in tabs using ",[159,524,525],{},"code-group",". ",[159,528,525],{}," is perfect for showing code examples in multiple languages or package managers.",[154,531,533,599],{"className":532},[157,198],[525,534,537,556,570,585],{"className":535},[536],"w-full",[167,538,543],{"className":539,"code":540,"filename":541,"language":542,"meta":165,"style":165},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @nuxt\u002Fui\n","pnpm","bash",[159,544,545],{"__ignoreMap":165},[175,546,547,550,553],{"class":177,"line":178},[175,548,541],{"class":549},"sBMFI",[175,551,552],{"class":185}," add",[175,554,555],{"class":185}," @nuxt\u002Fui\n",[167,557,560],{"className":539,"code":558,"filename":559,"language":542,"meta":165,"style":165},"yarn add @nuxt\u002Fui\n","yarn",[159,561,562],{"__ignoreMap":165},[175,563,564,566,568],{"class":177,"line":178},[175,565,559],{"class":549},[175,567,552],{"class":185},[175,569,555],{"class":185},[167,571,574],{"className":539,"code":572,"filename":573,"language":542,"meta":165,"style":165},"npm install @nuxt\u002Fui\n","npm",[159,575,576],{"__ignoreMap":165},[175,577,578,580,583],{"class":177,"line":178},[175,579,573],{"class":549},[175,581,582],{"class":185}," install",[175,584,555],{"class":185},[167,586,589],{"className":539,"code":587,"filename":588,"language":542,"meta":165,"style":165},"bun add @nuxt\u002Fui\n","bun",[159,590,591],{"__ignoreMap":165},[175,592,593,595,597],{"class":177,"line":178},[175,594,588],{"class":549},[175,596,552],{"class":185},[175,598,555],{"class":185},[163,600,601],{"v-slot:code":165},[167,602,604],{"className":169,"code":603,"language":171,"meta":165,"style":165},"::code-group\n\n```bash [pnpm]\npnpm add @nuxt\u002Fui\n```\n\n```bash [yarn]\nyarn add @nuxt\u002Fui\n```\n\n```bash [npm]\nnpm install @nuxt\u002Fui\n```\n\n```bash [bun]\nbun add @nuxt\u002Fui\n```\n\n::\n",[159,605,606,614,620,627,635,639,643,650,658,662,667,675,684,689,694,702,711,716,721],{"__ignoreMap":165},[175,607,608,611],{"class":177,"line":178},[175,609,610],{"class":181},"::",[175,612,613],{"class":231},"code-group\n",[175,615,616],{"class":177,"line":228},[175,617,619],{"emptyLinePlaceholder":618},true,"\n",[175,621,622,624],{"class":177,"line":252},[175,623,270],{"class":185},[175,625,626],{"class":273},"bash [pnpm]\n",[175,628,629,631,633],{"class":177,"line":305},[175,630,541],{"class":549},[175,632,552],{"class":185},[175,634,555],{"class":185},[175,636,637],{"class":177,"line":108},[175,638,314],{"class":185},[175,640,641],{"class":177,"line":489},[175,642,619],{"emptyLinePlaceholder":618},[175,644,645,647],{"class":177,"line":495},[175,646,270],{"class":185},[175,648,649],{"class":273},"bash [yarn]\n",[175,651,652,654,656],{"class":177,"line":501},[175,653,559],{"class":549},[175,655,552],{"class":185},[175,657,555],{"class":185},[175,659,660],{"class":177,"line":507},[175,661,314],{"class":185},[175,663,665],{"class":177,"line":664},10,[175,666,619],{"emptyLinePlaceholder":618},[175,668,670,672],{"class":177,"line":669},11,[175,671,270],{"class":185},[175,673,674],{"class":273},"bash [npm]\n",[175,676,678,680,682],{"class":177,"line":677},12,[175,679,573],{"class":549},[175,681,582],{"class":185},[175,683,555],{"class":185},[175,685,687],{"class":177,"line":686},13,[175,688,314],{"class":185},[175,690,692],{"class":177,"line":691},14,[175,693,619],{"emptyLinePlaceholder":618},[175,695,697,699],{"class":177,"line":696},15,[175,698,270],{"class":185},[175,700,701],{"class":273},"bash [bun]\n",[175,703,705,707,709],{"class":177,"line":704},16,[175,706,588],{"class":549},[175,708,552],{"class":185},[175,710,555],{"class":185},[175,712,714],{"class":177,"line":713},17,[175,715,314],{"class":185},[175,717,719],{"class":177,"line":718},18,[175,720,619],{"emptyLinePlaceholder":618},[175,722,724],{"class":177,"line":723},19,[175,725,726],{"class":181},"::\n",[145,728,730],{"id":729},"codetree","CodeTree",[150,732,733,734,526,737,739],{},"Display code blocks in a file tree view using ",[159,735,736],{},"code-tree",[159,738,736],{}," is excellent for showcasing project structures and file relationships.",[167,741,743],{"className":169,"code":742,"language":171,"meta":165,"style":165},":::code-tree{default-value=\"app\u002Fapp.config.ts\"}\n```ts [nuxt.config.ts]\nexport default defineNuxtConfig({\n  modules: ['@nuxt\u002Fui'],\n  css: ['~\u002Fassets\u002Fcss\u002Fmain.css']\n})\n```\n\n```css [app\u002Fassets\u002Fcss\u002Fmain.css]\n@import \"tailwindcss\";\n@import \"@nuxt\u002Fui\";\n```\n\n```ts [app\u002Fapp.config.ts]\nexport default defineAppConfig({\n  ui: {\n    colors: {\n      primary: 'sky',\n      neutral: 'slate'\n    }\n  }\n})\n```\n:::\n",[159,744,745,773,779,791,811,829,835,839,843,850,866,878,882,886,893,905,913,922,938,952,957,962,969,974],{"__ignoreMap":165},[175,746,747,750,752,755,759,762,765,768,770],{"class":177,"line":178},[175,748,749],{"class":181},":::",[175,751,736],{"class":231},[175,753,754],{"class":181},"{",[175,756,758],{"class":757},"spNyl","default-value",[175,760,761],{"class":181},"=",[175,763,764],{"class":181},"\"",[175,766,767],{"class":185},"app\u002Fapp.config.ts",[175,769,764],{"class":181},[175,771,772],{"class":181},"}\n",[175,774,775,777],{"class":177,"line":228},[175,776,270],{"class":185},[175,778,373],{"class":273},[175,780,781,783,785,787,789],{"class":177,"line":252},[175,782,211],{"class":210},[175,784,214],{"class":210},[175,786,218],{"class":217},[175,788,222],{"class":221},[175,790,225],{"class":181},[175,792,793,795,797,799,801,803,805,808],{"class":177,"line":305},[175,794,232],{"class":231},[175,796,235],{"class":181},[175,798,238],{"class":221},[175,800,241],{"class":181},[175,802,244],{"class":185},[175,804,241],{"class":181},[175,806,807],{"class":221},"]",[175,809,810],{"class":181},",\n",[175,812,813,816,818,820,822,825,827],{"class":177,"line":108},[175,814,815],{"class":231},"  css",[175,817,235],{"class":181},[175,819,238],{"class":221},[175,821,241],{"class":181},[175,823,824],{"class":185},"~\u002Fassets\u002Fcss\u002Fmain.css",[175,826,241],{"class":181},[175,828,249],{"class":221},[175,830,831,833],{"class":177,"line":489},[175,832,255],{"class":181},[175,834,258],{"class":221},[175,836,837],{"class":177,"line":495},[175,838,314],{"class":185},[175,840,841],{"class":177,"line":501},[175,842,619],{"emptyLinePlaceholder":618},[175,844,845,847],{"class":177,"line":507},[175,846,270],{"class":185},[175,848,849],{"class":273},"css [app\u002Fassets\u002Fcss\u002Fmain.css]\n",[175,851,852,855,858,861,863],{"class":177,"line":664},[175,853,854],{"class":210},"@import",[175,856,857],{"class":181}," \"",[175,859,860],{"class":185},"tailwindcss",[175,862,764],{"class":181},[175,864,865],{"class":181},";\n",[175,867,868,870,872,874,876],{"class":177,"line":669},[175,869,854],{"class":210},[175,871,857],{"class":181},[175,873,244],{"class":185},[175,875,764],{"class":181},[175,877,865],{"class":181},[175,879,880],{"class":177,"line":677},[175,881,314],{"class":185},[175,883,884],{"class":177,"line":686},[175,885,619],{"emptyLinePlaceholder":618},[175,887,888,890],{"class":177,"line":691},[175,889,270],{"class":185},[175,891,892],{"class":273},"ts [app\u002Fapp.config.ts]\n",[175,894,895,897,899,901,903],{"class":177,"line":696},[175,896,211],{"class":210},[175,898,214],{"class":210},[175,900,438],{"class":217},[175,902,222],{"class":221},[175,904,225],{"class":181},[175,906,907,909,911],{"class":177,"line":704},[175,908,447],{"class":231},[175,910,235],{"class":181},[175,912,452],{"class":181},[175,914,915,918,920],{"class":177,"line":713},[175,916,917],{"class":231},"    colors",[175,919,235],{"class":181},[175,921,452],{"class":181},[175,923,924,927,929,931,934,936],{"class":177,"line":718},[175,925,926],{"class":231},"      primary",[175,928,235],{"class":181},[175,930,480],{"class":181},[175,932,933],{"class":185},"sky",[175,935,241],{"class":181},[175,937,810],{"class":181},[175,939,940,943,945,947,950],{"class":177,"line":723},[175,941,942],{"class":231},"      neutral",[175,944,235],{"class":181},[175,946,480],{"class":181},[175,948,949],{"class":185},"slate",[175,951,486],{"class":181},[175,953,955],{"class":177,"line":954},20,[175,956,498],{"class":181},[175,958,960],{"class":177,"line":959},21,[175,961,504],{"class":181},[175,963,965,967],{"class":177,"line":964},22,[175,966,255],{"class":181},[175,968,258],{"class":221},[175,970,972],{"class":177,"line":971},23,[175,973,314],{"class":185},[175,975,977],{"class":177,"line":976},24,[175,978,979],{"class":181},":::\n",[145,981,983],{"id":982},"codecollapse",[159,984,985],{},"CodeCollapse",[150,987,988,989,992,993,995],{},"Use ",[159,990,991],{},"code-collapse"," for long code blocks to keep pages clean. ",[159,994,991],{}," allows users to expand code blocks only when needed, improving readability.",[154,997,999,1187],{"className":998},[157,198],[991,1000,1003],{"className":1001},[1002],"[&>div]:my-0",[167,1004,1009],{"className":1005,"code":1006,"filename":1007,"language":1008,"meta":165,"style":165},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"tailwindcss\";\n@import \"@nuxt\u002Fui\";\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",[159,1010,1011,1023,1035,1039,1046,1059,1063,1068,1072,1083,1093,1103,1113,1123,1133,1143,1153,1163,1173,1183],{"__ignoreMap":165},[175,1012,1013,1015,1017,1019,1021],{"class":177,"line":178},[175,1014,854],{"class":210},[175,1016,857],{"class":181},[175,1018,860],{"class":185},[175,1020,764],{"class":181},[175,1022,865],{"class":181},[175,1024,1025,1027,1029,1031,1033],{"class":177,"line":228},[175,1026,854],{"class":210},[175,1028,857],{"class":181},[175,1030,244],{"class":185},[175,1032,764],{"class":181},[175,1034,865],{"class":181},[175,1036,1037],{"class":177,"line":252},[175,1038,619],{"emptyLinePlaceholder":618},[175,1040,1041,1044],{"class":177,"line":305},[175,1042,1043],{"class":210},"@theme",[175,1045,452],{"class":181},[175,1047,1048,1051,1054,1057],{"class":177,"line":108},[175,1049,1050],{"class":221},"  --font-sans: 'Public Sans'",[175,1052,1053],{"class":181},",",[175,1055,1056],{"class":549}," sans-serif",[175,1058,865],{"class":221},[175,1060,1061],{"class":177,"line":489},[175,1062,619],{"emptyLinePlaceholder":618},[175,1064,1065],{"class":177,"line":495},[175,1066,1067],{"class":221},"  --breakpoint-3xl: 1920px;\n",[175,1069,1070],{"class":177,"line":501},[175,1071,619],{"emptyLinePlaceholder":618},[175,1073,1074,1077,1080],{"class":177,"line":507},[175,1075,1076],{"class":221},"  --color-green-50: ",[175,1078,1079],{"class":181},"#",[175,1081,1082],{"class":221},"EFFDF5;\n",[175,1084,1085,1088,1090],{"class":177,"line":664},[175,1086,1087],{"class":221},"  --color-green-100: ",[175,1089,1079],{"class":181},[175,1091,1092],{"class":221},"D9FBE8;\n",[175,1094,1095,1098,1100],{"class":177,"line":669},[175,1096,1097],{"class":221},"  --color-green-200: ",[175,1099,1079],{"class":181},[175,1101,1102],{"class":221},"B3F5D1;\n",[175,1104,1105,1108,1110],{"class":177,"line":677},[175,1106,1107],{"class":221},"  --color-green-300: ",[175,1109,1079],{"class":181},[175,1111,1112],{"class":221},"75EDAE;\n",[175,1114,1115,1118,1120],{"class":177,"line":686},[175,1116,1117],{"class":221},"  --color-green-400: ",[175,1119,1079],{"class":181},[175,1121,1122],{"class":221},"00DC82;\n",[175,1124,1125,1128,1130],{"class":177,"line":691},[175,1126,1127],{"class":221},"  --color-green-500: ",[175,1129,1079],{"class":181},[175,1131,1132],{"class":221},"00C16A;\n",[175,1134,1135,1138,1140],{"class":177,"line":696},[175,1136,1137],{"class":221},"  --color-green-600: ",[175,1139,1079],{"class":181},[175,1141,1142],{"class":221},"00A155;\n",[175,1144,1145,1148,1150],{"class":177,"line":704},[175,1146,1147],{"class":221},"  --color-green-700: ",[175,1149,1079],{"class":181},[175,1151,1152],{"class":221},"007F45;\n",[175,1154,1155,1158,1160],{"class":177,"line":713},[175,1156,1157],{"class":221},"  --color-green-800: ",[175,1159,1079],{"class":181},[175,1161,1162],{"class":221},"016538;\n",[175,1164,1165,1168,1170],{"class":177,"line":718},[175,1166,1167],{"class":221},"  --color-green-900: ",[175,1169,1079],{"class":181},[175,1171,1172],{"class":221},"0A5331;\n",[175,1174,1175,1178,1180],{"class":177,"line":723},[175,1176,1177],{"class":221},"  --color-green-950: ",[175,1179,1079],{"class":181},[175,1181,1182],{"class":221},"052E16;\n",[175,1184,1185],{"class":177,"line":954},[175,1186,772],{"class":221},[163,1188,1189],{"v-slot:code":165},[167,1190,1192],{"className":169,"code":1191,"language":171,"meta":165,"style":165},"::code-collapse\n\n```css [main.css]\n@import \"tailwindcss\";\n@import \"@nuxt\u002Fui\";\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",[159,1193,1194,1201,1205,1212,1224,1236,1240,1246,1257,1261,1266,1270,1279,1288,1297,1306,1315,1324,1333,1342,1351,1360,1369,1373,1377,1382],{"__ignoreMap":165},[175,1195,1196,1198],{"class":177,"line":178},[175,1197,610],{"class":181},[175,1199,1200],{"class":231},"code-collapse\n",[175,1202,1203],{"class":177,"line":228},[175,1204,619],{"emptyLinePlaceholder":618},[175,1206,1207,1209],{"class":177,"line":252},[175,1208,270],{"class":185},[175,1210,1211],{"class":273},"css [main.css]\n",[175,1213,1214,1216,1218,1220,1222],{"class":177,"line":305},[175,1215,854],{"class":210},[175,1217,857],{"class":181},[175,1219,860],{"class":185},[175,1221,764],{"class":181},[175,1223,865],{"class":181},[175,1225,1226,1228,1230,1232,1234],{"class":177,"line":108},[175,1227,854],{"class":210},[175,1229,857],{"class":181},[175,1231,244],{"class":185},[175,1233,764],{"class":181},[175,1235,865],{"class":181},[175,1237,1238],{"class":177,"line":489},[175,1239,619],{"emptyLinePlaceholder":618},[175,1241,1242,1244],{"class":177,"line":495},[175,1243,1043],{"class":210},[175,1245,452],{"class":181},[175,1247,1248,1251,1253,1255],{"class":177,"line":501},[175,1249,1250],{"class":221},"--font-sans: 'Public Sans'",[175,1252,1053],{"class":181},[175,1254,1056],{"class":231},[175,1256,865],{"class":221},[175,1258,1259],{"class":177,"line":507},[175,1260,619],{"emptyLinePlaceholder":618},[175,1262,1263],{"class":177,"line":664},[175,1264,1265],{"class":221},"--breakpoint-3xl: 1920px;\n",[175,1267,1268],{"class":177,"line":669},[175,1269,619],{"emptyLinePlaceholder":618},[175,1271,1272,1275,1277],{"class":177,"line":677},[175,1273,1274],{"class":221},"--color-green-50: ",[175,1276,1079],{"class":181},[175,1278,1082],{"class":221},[175,1280,1281,1284,1286],{"class":177,"line":686},[175,1282,1283],{"class":221},"--color-green-100: ",[175,1285,1079],{"class":181},[175,1287,1092],{"class":221},[175,1289,1290,1293,1295],{"class":177,"line":691},[175,1291,1292],{"class":221},"--color-green-200: ",[175,1294,1079],{"class":181},[175,1296,1102],{"class":221},[175,1298,1299,1302,1304],{"class":177,"line":696},[175,1300,1301],{"class":221},"--color-green-300: ",[175,1303,1079],{"class":181},[175,1305,1112],{"class":221},[175,1307,1308,1311,1313],{"class":177,"line":704},[175,1309,1310],{"class":221},"--color-green-400: ",[175,1312,1079],{"class":181},[175,1314,1122],{"class":221},[175,1316,1317,1320,1322],{"class":177,"line":713},[175,1318,1319],{"class":221},"--color-green-500: ",[175,1321,1079],{"class":181},[175,1323,1132],{"class":221},[175,1325,1326,1329,1331],{"class":177,"line":718},[175,1327,1328],{"class":221},"--color-green-600: ",[175,1330,1079],{"class":181},[175,1332,1142],{"class":221},[175,1334,1335,1338,1340],{"class":177,"line":723},[175,1336,1337],{"class":221},"--color-green-700: ",[175,1339,1079],{"class":181},[175,1341,1152],{"class":221},[175,1343,1344,1347,1349],{"class":177,"line":954},[175,1345,1346],{"class":221},"--color-green-800: ",[175,1348,1079],{"class":181},[175,1350,1162],{"class":221},[175,1352,1353,1356,1358],{"class":177,"line":959},[175,1354,1355],{"class":221},"--color-green-900: ",[175,1357,1079],{"class":181},[175,1359,1172],{"class":221},[175,1361,1362,1365,1367],{"class":177,"line":964},[175,1363,1364],{"class":221},"--color-green-950: ",[175,1366,1079],{"class":181},[175,1368,1182],{"class":221},[175,1370,1371],{"class":177,"line":971},[175,1372,772],{"class":221},[175,1374,1375],{"class":177,"line":976},[175,1376,314],{"class":185},[175,1378,1380],{"class":177,"line":1379},25,[175,1381,619],{"emptyLinePlaceholder":618},[175,1383,1385],{"class":177,"line":1384},26,[175,1386,726],{"class":181},[1388,1389,1390],"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 .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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":165,"searchDepth":228,"depth":228,"links":1392},[1393,1397],{"id":142,"depth":228,"text":143,"children":1394},[1395,1396],{"id":147,"depth":252,"text":148},{"id":191,"depth":252,"text":89},{"id":514,"depth":228,"text":515,"children":1398},[1399,1400,1401],{"id":518,"depth":252,"text":519},{"id":729,"depth":252,"text":730},{"id":982,"depth":252,"text":985},null,"Display inline code and code blocks in your documentation.","md",[],{},{"icon":92},{"title":89,"description":1403},"YvSIgTxFDaNZpoq3ormgakXzroyK8IansIusg5ZSDIY",[1411,1413],{"title":84,"path":85,"stem":86,"description":1412,"icon":87,"children":-1},"Text, title, and styling in standard markdown.",{"title":94,"path":95,"stem":96,"description":1414,"icon":97,"children":-1},"Use Markdown components to help you structure your content, with the help of Nuxt UI.",1778495974085]