app.vue

The app.vue file is the main component in your Nuxt 3 applications.


Minimal usage

With Nuxt 3, the pages/ directory is optional. If not present, Nuxt won't include vue-router dependency. This is useful when working on a landing page or an application that does not need routing.

<template>  <h1>Hello World!</h1></template>

Usage with pages

If you have a pages/ directory, to display the current page, use the <NuxtPage> component:

<template>  <div>    <NuxtLayout>      <NuxtPage/>    </NuxtLayout>  </div></template>

If you want to have the possibility to customize the structure around the page between pages, check out the layouts/ directory.