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)

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

<template>
  <NuxtLayout>
    <h1>{{ isNotFound ? $t('error.notFoundTitle') : $t('error.genericTitle') }}</h1>

    <p class="muted">
      {{ isNotFound ? $t('error.notFoundBody') : $t('error.genericBody') }}
    </p>

    <p>
      <NuxtLinkLocale to="/">{{ $t('error.backHome') }}</NuxtLinkLocale>
    </p>
  </NuxtLayout>
</template>