[{"data":1,"prerenderedAt":1151},["ShallowReactive",2],{"navigation_docs_manual_en":3,"-docs-manual-en-concepts-theme":134,"-docs-manual-en-concepts-theme-surround":1146},[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":58,"body":136,"config":1139,"description":1140,"extension":1141,"links":1139,"meta":1142,"navigation":1143,"path":59,"seo":1144,"stem":60,"__hash__":1145},"docs_manual_en\u002Fdocs\u002Fmanual\u002Fen\u002F2.concepts\u002F4.theme.md",{"type":137,"value":138,"toc":1132},"minimark",[139,143,148,157,163,170,173,475,479,486,489,580,591,675,678,692,701,704,782,792,801,805,815,818,903,913,1057,1060,1128],[140,141,142],"p",{},"TockDocs is built on top of Nuxt UI and takes full advantage of Tailwind CSS v4, CSS variables. The Tailwind Variants API offers a flexible and scalable theming system.",[144,145,147],"tip",{"to":146},"https:\u002F\u002Fui.nuxt.com\u002Fgetting-started\u002Ftheme","For a full overview of Nuxt UI theming, check out the Nuxt UI documentation.",[149,150,152,153],"h2",{"id":151},"override-with-theme","Override with ",[154,155,156],"code",{},"@theme",[140,158,159,160,162],{},"You can customize your theme with CSS variables inside a ",[154,161,156],{}," directive to define your project's custom design tokens, like fonts, colors, and breakpoints",[140,164,165,166,169],{},"You can override this theme by creating a ",[154,167,168],{},"main.css"," file in your application.",[140,171,172],{},"This way you can override your theme:",[174,175,176,397],"code-group",{},[177,178,184],"pre",{"className":179,"code":180,"filename":181,"language":182,"meta":183,"style":183},"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","assets\u002Fcss\u002Fmain.css","css","",[154,185,186,209,223,230,238,253,258,264,269,281,292,303,314,325,336,347,358,369,380,391],{"__ignoreMap":183},[187,188,191,195,199,203,206],"span",{"class":189,"line":190},"line",1,[187,192,194],{"class":193},"s7zQu","@import",[187,196,198],{"class":197},"sMK4o"," '",[187,200,202],{"class":201},"sfazB","tailwindcss",[187,204,205],{"class":197},"'",[187,207,208],{"class":197},";\n",[187,210,212,214,216,219,221],{"class":189,"line":211},2,[187,213,194],{"class":193},[187,215,198],{"class":197},[187,217,218],{"class":201},"@nuxt\u002Fui",[187,220,205],{"class":197},[187,222,208],{"class":197},[187,224,226],{"class":189,"line":225},3,[187,227,229],{"emptyLinePlaceholder":228},true,"\n",[187,231,233,235],{"class":189,"line":232},4,[187,234,156],{"class":193},[187,236,237],{"class":197}," {\n",[187,239,240,244,247,251],{"class":189,"line":108},[187,241,243],{"class":242},"sTEyZ","  --font-sans: 'Public Sans'",[187,245,246],{"class":197},",",[187,248,250],{"class":249},"sBMFI"," sans-serif",[187,252,208],{"class":242},[187,254,256],{"class":189,"line":255},6,[187,257,229],{"emptyLinePlaceholder":228},[187,259,261],{"class":189,"line":260},7,[187,262,263],{"class":242},"  --breakpoint-3xl: 1920px;\n",[187,265,267],{"class":189,"line":266},8,[187,268,229],{"emptyLinePlaceholder":228},[187,270,272,275,278],{"class":189,"line":271},9,[187,273,274],{"class":242},"  --color-green-50: ",[187,276,277],{"class":197},"#",[187,279,280],{"class":242},"effdf5;\n",[187,282,284,287,289],{"class":189,"line":283},10,[187,285,286],{"class":242},"  --color-green-100: ",[187,288,277],{"class":197},[187,290,291],{"class":242},"d9fbe8;\n",[187,293,295,298,300],{"class":189,"line":294},11,[187,296,297],{"class":242},"  --color-green-200: ",[187,299,277],{"class":197},[187,301,302],{"class":242},"b3f5d1;\n",[187,304,306,309,311],{"class":189,"line":305},12,[187,307,308],{"class":242},"  --color-green-300: ",[187,310,277],{"class":197},[187,312,313],{"class":242},"75edae;\n",[187,315,317,320,322],{"class":189,"line":316},13,[187,318,319],{"class":242},"  --color-green-400: ",[187,321,277],{"class":197},[187,323,324],{"class":242},"00dc82;\n",[187,326,328,331,333],{"class":189,"line":327},14,[187,329,330],{"class":242},"  --color-green-500: ",[187,332,277],{"class":197},[187,334,335],{"class":242},"00c16a;\n",[187,337,339,342,344],{"class":189,"line":338},15,[187,340,341],{"class":242},"  --color-green-600: ",[187,343,277],{"class":197},[187,345,346],{"class":242},"00a155;\n",[187,348,350,353,355],{"class":189,"line":349},16,[187,351,352],{"class":242},"  --color-green-700: ",[187,354,277],{"class":197},[187,356,357],{"class":242},"007f45;\n",[187,359,361,364,366],{"class":189,"line":360},17,[187,362,363],{"class":242},"  --color-green-800: ",[187,365,277],{"class":197},[187,367,368],{"class":242},"016538;\n",[187,370,372,375,377],{"class":189,"line":371},18,[187,373,374],{"class":242},"  --color-green-900: ",[187,376,277],{"class":197},[187,378,379],{"class":242},"0a5331;\n",[187,381,383,386,388],{"class":189,"line":382},19,[187,384,385],{"class":242},"  --color-green-950: ",[187,387,277],{"class":197},[187,389,390],{"class":242},"052e16;\n",[187,392,394],{"class":189,"line":393},20,[187,395,396],{"class":242},"}\n",[177,398,403],{"className":399,"code":400,"filename":401,"language":402,"meta":183,"style":183},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxt\u002Fui'],\n  css: ['~\u002Fassets\u002Fcss\u002Fmain.css'],\n})\n","nuxt.config.ts","ts",[154,404,405,423,447,467],{"__ignoreMap":183},[187,406,407,410,413,417,420],{"class":189,"line":190},[187,408,409],{"class":193},"export",[187,411,412],{"class":193}," default",[187,414,416],{"class":415},"s2Zo4"," defineNuxtConfig",[187,418,419],{"class":242},"(",[187,421,422],{"class":197},"{\n",[187,424,425,429,432,435,437,439,441,444],{"class":189,"line":211},[187,426,428],{"class":427},"swJcz","  modules",[187,430,431],{"class":197},":",[187,433,434],{"class":242}," [",[187,436,205],{"class":197},[187,438,218],{"class":201},[187,440,205],{"class":197},[187,442,443],{"class":242},"]",[187,445,446],{"class":197},",\n",[187,448,449,452,454,456,458,461,463,465],{"class":189,"line":225},[187,450,451],{"class":427},"  css",[187,453,431],{"class":197},[187,455,434],{"class":242},[187,457,205],{"class":197},[187,459,460],{"class":201},"~\u002Fassets\u002Fcss\u002Fmain.css",[187,462,205],{"class":197},[187,464,443],{"class":242},[187,466,446],{"class":197},[187,468,469,472],{"class":189,"line":232},[187,470,471],{"class":197},"}",[187,473,474],{"class":242},")\n",[149,476,478],{"id":477},"colors","Colors",[140,480,481,482,485],{},"TockDocs uses pre-configured color aliases that are used to style components and power the ",[154,483,484],{},"color"," props across the UI.",[140,487,488],{},"Each badge below represents a default alias:",[490,491,492,510,522,533,544,556,568],"ul",{},[493,494,495,500,501,504,505],"li",{},[496,497],"u-badge",{"label":498,"variant":499},"primary","outline"," → Main brand color, used as the default color for components ",[502,503],"br",{}," ",[187,506,509],{"className":507},[508],"text-xs,text-muted","(default: green)",[493,511,512,515,516,504,518],{},[496,513],{"label":514,"variant":499,"color":514},"secondary"," → Secondary color to complement the primary color ",[502,517],{},[187,519,521],{"className":520},[508],"(default: blue)",[493,523,524,527,528,504,530],{},[496,525],{"label":526,"variant":499,"color":526},"success"," → Used for success states ",[502,529],{},[187,531,509],{"className":532},[508],[493,534,535,538,539,504,541],{},[496,536],{"label":537,"variant":499,"color":537},"info"," → Used for informational states ",[502,540],{},[187,542,521],{"className":543},[508],[493,545,546,549,550,504,552],{},[496,547],{"label":548,"variant":499,"color":548},"warning"," → Used for warning states ",[502,551],{},[187,553,555],{"className":554},[508],"(default: yellow)",[493,557,558,561,562,504,564],{},[496,559],{"label":560,"variant":499,"color":560},"error"," → Used for form error validation states ",[502,563],{},[187,565,567],{"className":566},[508],"(default: red)",[493,569,570,573,574,504,576],{},[496,571],{"label":572,"variant":499,"color":572},"neutral"," → Neutral color for backgrounds, text, etc. ",[502,575],{},[187,577,579],{"className":578},[508],"(default: slate)",[140,581,582,583,586,587,590],{},"You can customize these colors globally by updating the ",[154,584,585],{},"app.config.ts"," file under the ",[154,588,589],{},"ui.colors"," key:",[177,592,594],{"className":399,"code":593,"filename":585,"language":402,"meta":183,"style":183},"export default defineAppConfig({\n  ui: {\n    colors: {\n      primary: 'blue',\n      neutral: 'zinc',\n    },\n  },\n})\n",[154,595,596,609,618,627,643,659,664,669],{"__ignoreMap":183},[187,597,598,600,602,605,607],{"class":189,"line":190},[187,599,409],{"class":193},[187,601,412],{"class":193},[187,603,604],{"class":415}," defineAppConfig",[187,606,419],{"class":242},[187,608,422],{"class":197},[187,610,611,614,616],{"class":189,"line":211},[187,612,613],{"class":427},"  ui",[187,615,431],{"class":197},[187,617,237],{"class":197},[187,619,620,623,625],{"class":189,"line":225},[187,621,622],{"class":427},"    colors",[187,624,431],{"class":197},[187,626,237],{"class":197},[187,628,629,632,634,636,639,641],{"class":189,"line":232},[187,630,631],{"class":427},"      primary",[187,633,431],{"class":197},[187,635,198],{"class":197},[187,637,638],{"class":201},"blue",[187,640,205],{"class":197},[187,642,446],{"class":197},[187,644,645,648,650,652,655,657],{"class":189,"line":108},[187,646,647],{"class":427},"      neutral",[187,649,431],{"class":197},[187,651,198],{"class":197},[187,653,654],{"class":201},"zinc",[187,656,205],{"class":197},[187,658,446],{"class":197},[187,660,661],{"class":189,"line":255},[187,662,663],{"class":197},"    },\n",[187,665,666],{"class":189,"line":260},[187,667,668],{"class":197},"  },\n",[187,670,671,673],{"class":189,"line":266},[187,672,471],{"class":197},[187,674,474],{"class":242},[149,676,94],{"id":677},"components",[140,679,680,681,688,689,691],{},"Beyond colors, all ",[682,683,687],"a",{"href":684,"rel":685},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents",[686],"nofollow","Nuxt UI components"," can be themed globally via ",[154,690,585],{},".",[140,693,694,695,700],{},"You can override any component’s appearance by using the same structure as the component’s internal theme object (displayed at ",[682,696,699],{"href":697,"rel":698},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fcard#theme",[686],"the end of each component page",").",[140,702,703],{},"For example, to change the font weight of all buttons:",[177,705,707],{"className":399,"code":706,"filename":585,"language":402,"meta":183,"style":183},"export default defineAppConfig({\n  ui: {\n    button: {\n      slots: {\n        base: 'font-bold',\n      },\n    },\n  },\n})\n",[154,708,709,721,729,738,747,763,768,772,776],{"__ignoreMap":183},[187,710,711,713,715,717,719],{"class":189,"line":190},[187,712,409],{"class":193},[187,714,412],{"class":193},[187,716,604],{"class":415},[187,718,419],{"class":242},[187,720,422],{"class":197},[187,722,723,725,727],{"class":189,"line":211},[187,724,613],{"class":427},[187,726,431],{"class":197},[187,728,237],{"class":197},[187,730,731,734,736],{"class":189,"line":225},[187,732,733],{"class":427},"    button",[187,735,431],{"class":197},[187,737,237],{"class":197},[187,739,740,743,745],{"class":189,"line":232},[187,741,742],{"class":427},"      slots",[187,744,431],{"class":197},[187,746,237],{"class":197},[187,748,749,752,754,756,759,761],{"class":189,"line":108},[187,750,751],{"class":427},"        base",[187,753,431],{"class":197},[187,755,198],{"class":197},[187,757,758],{"class":201},"font-bold",[187,760,205],{"class":197},[187,762,446],{"class":197},[187,764,765],{"class":189,"line":255},[187,766,767],{"class":197},"      },\n",[187,769,770],{"class":189,"line":260},[187,771,663],{"class":197},[187,773,774],{"class":189,"line":266},[187,775,668],{"class":197},[187,777,778,780],{"class":189,"line":271},[187,779,471],{"class":197},[187,781,474],{"class":242},[140,783,784,785,787,788,791],{},"In this example, the ",[154,786,758],{}," class will override the default ",[154,789,790],{},"font-medium"," class on all buttons.",[793,794,796,797,800],"note",{"to":795},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fbutton#theme","To explore the available theme options for each component, refer to the ",[798,799,58],"strong",{}," section in their respective Nuxt UI documentation page.",[149,802,804],{"id":803},"tockdocs-subcomponents","TockDocs Subcomponents",[140,806,807,808,810,811,814],{},"TockDocs uses several Nuxt UI components internally for navigation, table of contents, and sub-navigation. You can customize their default variants through ",[154,809,585],{}," using the ",[154,812,813],{},"defaultVariants"," key, without having to override the entire component.",[140,816,817],{},"The following components are configurable:",[819,820,821,837],"table",{},[822,823,824],"thead",{},[825,826,827,831,834],"tr",{},[828,829,830],"th",{},"Component",[828,832,833],{},"Key",[828,835,836],{},"Defaults",[838,839,840,860,882],"tbody",{},[825,841,842,850,855],{},[843,844,845],"td",{},[682,846,849],{"href":847,"rel":848},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fcontent-toc",[686],"ContentToc",[843,851,852],{},[154,853,854],{},"ui.contentToc",[843,856,857],{},[154,858,859],{},"highlight: true",[825,861,862,869,874],{},[843,863,864],{},[682,865,868],{"href":866,"rel":867},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fcontent-navigation",[686],"ContentNavigation",[843,870,871],{},[154,872,873],{},"ui.contentNavigation",[843,875,876,879,880],{},[154,877,878],{},"variant: 'link'",", ",[154,881,859],{},[825,883,884,891,896],{},[843,885,886],{},[682,887,890],{"href":888,"rel":889},"https:\u002F\u002Fui.nuxt.com\u002Fcomponents\u002Fnavigation-menu",[686],"NavigationMenu",[843,892,893],{},[154,894,895],{},"ui.navigationMenu",[843,897,898,879,901],{},[154,899,900],{},"variant: 'pill'",[154,902,859],{},[140,904,905,906,909,910,431],{},"For example, to change the table of contents highlight style to ",[154,907,908],{},"circuit"," and switch the sidebar navigation variant to ",[154,911,912],{},"pill",[177,914,916],{"className":399,"code":915,"filename":585,"language":402,"meta":183,"style":183},"export default defineAppConfig({\n  ui: {\n    contentToc: {\n      defaultVariants: {\n        highlightVariant: 'circuit',\n        highlightColor: 'secondary',\n      },\n    },\n    contentNavigation: {\n      defaultVariants: {\n        variant: 'pill',\n        highlight: false,\n      },\n    },\n  },\n})\n",[154,917,918,930,938,947,956,971,986,990,994,1003,1011,1026,1039,1043,1047,1051],{"__ignoreMap":183},[187,919,920,922,924,926,928],{"class":189,"line":190},[187,921,409],{"class":193},[187,923,412],{"class":193},[187,925,604],{"class":415},[187,927,419],{"class":242},[187,929,422],{"class":197},[187,931,932,934,936],{"class":189,"line":211},[187,933,613],{"class":427},[187,935,431],{"class":197},[187,937,237],{"class":197},[187,939,940,943,945],{"class":189,"line":225},[187,941,942],{"class":427},"    contentToc",[187,944,431],{"class":197},[187,946,237],{"class":197},[187,948,949,952,954],{"class":189,"line":232},[187,950,951],{"class":427},"      defaultVariants",[187,953,431],{"class":197},[187,955,237],{"class":197},[187,957,958,961,963,965,967,969],{"class":189,"line":108},[187,959,960],{"class":427},"        highlightVariant",[187,962,431],{"class":197},[187,964,198],{"class":197},[187,966,908],{"class":201},[187,968,205],{"class":197},[187,970,446],{"class":197},[187,972,973,976,978,980,982,984],{"class":189,"line":255},[187,974,975],{"class":427},"        highlightColor",[187,977,431],{"class":197},[187,979,198],{"class":197},[187,981,514],{"class":201},[187,983,205],{"class":197},[187,985,446],{"class":197},[187,987,988],{"class":189,"line":260},[187,989,767],{"class":197},[187,991,992],{"class":189,"line":266},[187,993,663],{"class":197},[187,995,996,999,1001],{"class":189,"line":271},[187,997,998],{"class":427},"    contentNavigation",[187,1000,431],{"class":197},[187,1002,237],{"class":197},[187,1004,1005,1007,1009],{"class":189,"line":283},[187,1006,951],{"class":427},[187,1008,431],{"class":197},[187,1010,237],{"class":197},[187,1012,1013,1016,1018,1020,1022,1024],{"class":189,"line":294},[187,1014,1015],{"class":427},"        variant",[187,1017,431],{"class":197},[187,1019,198],{"class":197},[187,1021,912],{"class":201},[187,1023,205],{"class":197},[187,1025,446],{"class":197},[187,1027,1028,1031,1033,1037],{"class":189,"line":305},[187,1029,1030],{"class":427},"        highlight",[187,1032,431],{"class":197},[187,1034,1036],{"class":1035},"sfNiH"," false",[187,1038,446],{"class":197},[187,1040,1041],{"class":189,"line":316},[187,1042,767],{"class":197},[187,1044,1045],{"class":189,"line":327},[187,1046,663],{"class":197},[187,1048,1049],{"class":189,"line":338},[187,1050,668],{"class":197},[187,1052,1053,1055],{"class":189,"line":349},[187,1054,471],{"class":197},[187,1056,474],{"class":242},[140,1058,1059],{},"Each component supports the following variant options:",[490,1061,1062,1078,1093,1107,1121],{},[493,1063,1064,1069,1070,1073,1074,1077],{},[798,1065,1066],{},[154,1067,1068],{},"highlight"," — Display an active indicator line (",[154,1071,1072],{},"true"," or ",[154,1075,1076],{},"false",")",[493,1079,1080,1085,1086,879,1088,879,1090,1092],{},[798,1081,1082],{},[154,1083,1084],{},"highlightColor"," — Color of the indicator (",[154,1087,498],{},[154,1089,514],{},[154,1091,572],{},", etc.)",[493,1094,1095,1100,1101,1073,1103,1106],{},[798,1096,1097],{},[154,1098,1099],{},"variant"," — Visual style (",[154,1102,912],{},[154,1104,1105],{},"link",", where applicable)",[493,1108,1109,1114,1115,1073,1118,1120],{},[798,1110,1111],{},[154,1112,1113],{},"highlightVariant"," — Indicator style (",[154,1116,1117],{},"straight",[154,1119,908],{},", ContentToc only)",[493,1122,1123,1127],{},[798,1124,1125],{},[154,1126,484],{}," — Base color of the active link",[1129,1130,1131],"style",{},"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 .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 pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":183,"searchDepth":211,"depth":211,"links":1133},[1134,1136,1137,1138],{"id":151,"depth":211,"text":1135},"Override with @theme",{"id":477,"depth":211,"text":478},{"id":677,"depth":211,"text":94},{"id":803,"depth":211,"text":804},null,"Custom the appearance of your TockDocs documentation thanks to Nuxt UI flexible theming.","md",{},{"icon":61},{"title":58,"description":1140},"YxM8PwAlApip1ZgN0mOOXckuxUEMe37HG3tt2X_W114",[1147,1149],{"title":53,"path":54,"stem":55,"description":1148,"icon":56,"children":-1},"Customize your TockDocs documentation from the Nuxt application configuration file. ",{"title":63,"path":64,"stem":65,"description":1150,"icon":66,"children":-1},"Learn how to override built-in components in TockDocs to customize your documentation.",1778495973607]