From 9cda33363198d2fcd972e8ed4398fc65b77a00ac Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Mon, 21 Jul 2025 18:07:10 +0200 Subject: [PATCH] docs(installation): add vue isolate section --- .../1.getting-started/2.installation/2.vue.md | 23 ++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) diff --git a/docs/content/1.getting-started/2.installation/2.vue.md b/docs/content/1.getting-started/2.installation/2.vue.md index 1b992624..f52ae6f2 100644 --- a/docs/content/1.getting-started/2.installation/2.vue.md +++ b/docs/content/1.getting-started/2.installation/2.vue.md @@ -183,7 +183,28 @@ It's recommended to install the [Tailwind CSS IntelliSense](https://marketplace. ``` ::note{to="/components/app"} -The `App` component provides global configurations and is required for **Toast**, **Tooltip** components to work as well as **Programmatic Overlays**. +The `App` component sets up global config and is required for **Toast**, **Tooltip** and **programmatic overlays**. +:: + +#### Add the `isolate` class to your root container + +```html [index.html]{9} + + + + + + Nuxt UI + + +
+ + + +``` + +::note +This ensures styles are scoped to your app and prevents issues with overlays and stacking contexts. :: ::