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. :: ::