diff --git a/docs/content/1.getting-started/2.installation/1.nuxt.md b/docs/content/1.getting-started/2.installation/1.nuxt.md
index 99b967da..16c75736 100644
--- a/docs/content/1.getting-started/2.installation/1.nuxt.md
+++ b/docs/content/1.getting-started/2.installation/1.nuxt.md
@@ -81,6 +81,20 @@ It's recommended to install the [Tailwind CSS IntelliSense](https://marketplace.
 
 ::
 
+#### Wrap your app with App component
+
+```vue [app.vue]
+<template>
+  <UApp>
+    <NuxtPage />
+  </UApp>
+</template>
+```
+
+::note{to="/components/app"}
+The `App` component provides global configurations and is required for **Toast** and **Tooltip** components to work.
+::
+
 ::
 
 ### Use our Nuxt Starter
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 cdf3e2e6..f8daa944 100644
--- a/docs/content/1.getting-started/2.installation/2.vue.md
+++ b/docs/content/1.getting-started/2.installation/2.vue.md
@@ -123,6 +123,20 @@ It's recommended to install the [Tailwind CSS IntelliSense](https://marketplace.
 
 ::
 
+#### Wrap your app with App component
+
+```vue [App.vue]
+<template>
+  <UApp>
+    <RouterView />
+  </UApp>
+</template>
+```
+
+::note{to="/components/app"}
+The `App` component provides global configurations and is required for **Toast** and **Tooltip** components to work.
+::
+
 ::
 
 ## Options