Error pages

Am I doing this right? It used to be that we had

error.vue

error.vue

in layouts but now were on nuxt 3, ive made

error.vue

error.vue

in the top level, and then ive got

<template>
  <NuxtLayout />
  <p>{{ error.statusCode }} </p>
// etc

<template>
  <NuxtLayout />
  <p>{{ error.statusCode }} </p>
// etc

in that file, so it uses the default layout - but only the layout renders.

If i remove the layout part, i see my error code and stuff

Error pages - Nuxt