---
icon: IconFile
title: app.vue
head.title: App file
---
# App file
The `app.vue` file is the main component in your Nuxt 3 applications.
## Minimal usage
With Nuxt 3, the [`pages/`](/guide/directory-structure/pages) directory is optional. If not present, Nuxt won't include [vue-router](https://router.vuejs.org/) dependency. This is useful when working on a landing page or an application that does not need routing.
```vue [app.vue]
Hello World!
```
## Usage with pages
If you have a [`pages/`](/guide/directory-structure/pages) directory, to display the current page, use the `` component:
```vue [app.vue]
```
::alert{type=danger}
Since Nuxt 3 uses [``](https://vuejs.org/guide/built-ins/suspense.html#suspense) inside ``, it cannot be set as a root element.
::
::alert{type=warning}
Remember that `app.vue` acts as the main component of your Nuxt application. Anything you add to it (JS and CSS) will be global and included in every page.
::
If you want to have the possibility to customize the structure around the page between pages, check out the [`layouts/`](/guide/directory-structure/layouts) directory.