---
title: "App"
description: "A wrapper to provide global configuration, toasts and tooltips to your app."
canonical_url: "https://vinicunca.dev/pohon/components/app"
---
# App

> A wrapper to provide global configuration, toasts and tooltips to your app.

## Usage

This component implements Akar [ConfigProvider](https://vinicunca.dev/akar/utilities/config-provider) to provide global configuration to all components:

- Enables all primitives to inherit global reading direction.
- Enables changing the behavior of scroll body when setting body lock.
- Much more controls to prevent layout shifts.

It's also using [ToastProvider](https://vinicunca.dev/akar/components/toast#provider) and [TooltipProvider](https://vinicunca.dev/akar/components/tooltip#provider) to provide global toasts and tooltips, as well as programmatic modals and slideovers.

Wrap your entire application with the App component in your `app.vue` file:

```vue [app.vue]
<template>
  <PApp>
    <NuxtPage />
  </PApp>
</template>
```

**Nuxt:**

> [!TIP]
> See: /pohon/getting-started/integrations/i18n/nuxt#locale
> 
> Learn how to use the `locale` prop to change the locale of your app. This also controls the date/time format in components like Calendar, InputDate, and InputTime.

**Vue:**

> [!TIP]
> See: /pohon/getting-started/integrations/i18n/vue#locale
> 
> Learn how to use the `locale` prop to change the locale of your app. This also controls the date/time format in components like Calendar, InputDate, and InputTime.

## API

### Props

```ts
/**
 * Props for the App component
 */
interface AppProps {
}
```

### Slots

```ts
/**
 * Slots for the App component
 */
interface AppSlots {
}
```

## Changelog

See commit history for [component](https://github.com/vinicunca/pohon/commits/main/src/runtime/components/App.vue) and [theme](https://github.com/vinicunca/pohon/commits/main/src/theme/app.ts).

---

- [GitHub](https://github.com/vinicunca/pohon/blob/main/src/runtime/components/App.vue)


## Sitemap

See the full [sitemap](https://vinicunca.dev/sitemap.md) for all pages.