From 4514171a3fed55d0fa3a2b3f9097519810e599a1 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 3 Mar 2025 16:46:39 +0100
Subject: [PATCH] docs(theme): fix config section

---
 docs/content/1.getting-started/3.theme.md | 27 ++++++++++++++---------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/docs/content/1.getting-started/3.theme.md b/docs/content/1.getting-started/3.theme.md
index 28c54865..fcee4498 100644
--- a/docs/content/1.getting-started/3.theme.md
+++ b/docs/content/1.getting-started/3.theme.md
@@ -820,14 +820,14 @@ You can explore the theme for each component in two ways:
 
 - Check the `Theme` section in the documentation of each individual component.
 - Browse the source code directly in the GitHub repository at [`v3/src/theme`](https://github.com/nuxt/ui/tree/v3/src/theme).
-
 ::
 
 ### Config
 
 ::framework-only
 #nuxt
-::div
+
+:::div
 You can override the theme of components globally inside your `app.config.ts` by using the exact same structure as the theme object.
 
 Let's say you want to change the font weight of all your buttons, you can do it like this:
@@ -844,17 +844,21 @@ export default defineAppConfig({
 })
 ```
 
-::
+:::
 
 #vue
 
-::module-only
-#ui
 :::div
 You can override the theme of components globally inside your `vite.config.ts` by using the exact same structure as the theme object.
 
 Let's say you want to change the font weight of all your buttons, you can do it like this:
 
+::::module-only
+
+#ui
+
+:::::div
+
 ```ts [vite.config.ts]
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
@@ -875,13 +879,12 @@ export default defineConfig({
   ]
 })
 ```
-:::
+
+:::::
 
 #ui-pro
-:::div
-You can override the theme of components globally inside your `vite.config.ts` by using the exact same structure as the theme object.
 
-Let's say you want to change the font weight of all your buttons, you can do it like this:
+:::::div
 
 ```ts [vite.config.ts]
 import { defineConfig } from 'vite'
@@ -903,8 +906,12 @@ export default defineConfig({
   ]
 })
 ```
+
+:::::
+
+::::
+
 :::
-::
 
 ::