👩‍💻 Более приятное отображение ошибок в Nuxt 3

На работе неожиданно столкнулся с ситуацией, что один из бывших разработчиков не знал о существовании error.vue в Nuxt.

Пример:

В каждом проекте существует ошибка 404. Nuxt выводит из коробки информацию об ошибке:

`{ statusCode: number fatal: boolean unhandled: boolean statusMessage?: string data?: unknown cause?: unknown }

Для этого существует страница ошибок, но как не странно, это не является страницей или маршрутом. То есть она не может быть расположена в pages/error или иметь хук definePageMeta. Данный компонент позволяет создать свой дизайн страницы и взаимодействовать с ней в своем ключе. Так выглядит файл error.vue:

`import type { NuxtError } from '#app'

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

Go back home

Обратите внимание, что данный файл должен быть расположен в корне проекте.``