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.