Страница ошибки в Nuxt

Пользователь может ввести в браузере URL, для которого в app/pages нет файла. В этом случае Nuxt не найдёт страницу и должен показать сообщение об ошибке.

Для такого случая в каталоге app создают специальный файл error.vue. Он заменяет обычную страницу, когда маршрут не существует или произошла другая ошибка приложения.

Данные об ошибке даёт функция useError. У объекта ошибки есть поле statusCode - числовой код, например 404 для «страница не найдена».

Простая страница ошибки на английском:

<script setup>
	const error = useError();
</script>
<template>
	<p>
		Something went wrong.
	</p>
	<p>
		Code: {{ error.statusCode }}
	</p>
</template>

Введём несуществующий путь, например /no-such-page, и увидим этот текст вместе с кодом ошибки.

Сделайте так, чтобы на странице ошибки выводился текст Page not found.

Выведите код ошибки отдельной строкой под основным сообщением.