diff --git a/playground/app.vue b/playground/app.vue
index ff567d3a..90718553 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -40,7 +40,7 @@ function upperName (name: string) {
 </script>
 
 <template>
-  <UProvider>
+  <UApp>
     <div class="min-h-screen w-screen flex flex-col items-center justify-center overflow-y-auto">
       <UNavigationMenu :links="components.map(component => ({ label: upperName(component), to: `/${component}` }))" class="border-b border-gray-200 dark:border-gray-800 overflow-x-auto px-2" />
 
@@ -48,5 +48,5 @@ function upperName (name: string) {
         <NuxtPage />
       </div>
     </div>
-  </UProvider>
+  </UApp>
 </template>
diff --git a/src/runtime/components/Provider.vue b/src/runtime/components/App.vue
similarity index 100%
rename from src/runtime/components/Provider.vue
rename to src/runtime/components/App.vue
diff --git a/src/runtime/types/index.d.ts b/src/runtime/types/index.d.ts
index 77218ca3..5f3474f2 100644
--- a/src/runtime/types/index.d.ts
+++ b/src/runtime/types/index.d.ts
@@ -1,3 +1,4 @@
+export * from '../components/App.vue'
 export * from '../components/Accordion.vue'
 export * from '../components/Avatar.vue'
 export * from '../components/Badge.vue'
@@ -18,7 +19,6 @@ export * from '../components/Link.vue'
 export * from '../components/Modal.vue'
 export * from '../components/NavigationMenu.vue'
 export * from '../components/Popover.vue'
-export * from '../components/Provider.vue'
 export * from '../components/Skeleton.vue'
 export * from '../components/Slideover.vue'
 export * from '../components/Switch.vue'
diff --git a/test/components/Tooltip.spec.ts b/test/components/Tooltip.spec.ts
index 293a13f6..5ece0b7a 100644
--- a/test/components/Tooltip.spec.ts
+++ b/test/components/Tooltip.spec.ts
@@ -1,16 +1,16 @@
 import { defineComponent } from 'vue'
 import { describe, it, expect } from 'vitest'
-import Provider from '../../src/runtime/components/Provider.vue'
+import App from '../../src/runtime/components/App.vue'
 import Tooltip, { type TooltipProps } from '../../src/runtime/components/Tooltip.vue'
 import ComponentRender from '../component-render'
 
 const TooltipWrapper = defineComponent({
   components: {
-    UProvider: Provider,
+    UApp: App,
     UTooltip: Tooltip
   },
   inheritAttrs: false,
-  template: '<UProvider><UTooltip v-bind="$attrs"><slot /></UTooltip></UProvider>'
+  template: '<UApp><UTooltip v-bind="$attrs"><slot /></UTooltip></UApp>'
 })
 
 describe('Tooltip', () => {