blog/frontend/app/error.vue

<script setup lang="ts">
import type { NuxtError } from '#app'

const props = defineProps<{ error: NuxtError }>()

const isNotFound = computed(() => props.error.statusCode === 404)

useSeoMeta({ robots: 'noindex' })
</script>

<template>
  <NuxtLayout>
    <h1>{{ isNotFound ? 'Pagina non trovata' : 'Qualcosa è andato storto' }}</h1>

    <p class="muted">
      {{ isNotFound
        ? 'La pagina che cerchi non esiste o è stata spostata.'
        : 'Riprova tra qualche istante.' }}
    </p>

    <p>
      <NuxtLink to="/">Torna alla home</NuxtLink>
    </p>
  </NuxtLayout>
</template>