Отдельная страница сайта в Nuxt

Кроме главной, на сайте обычно есть и другие статические страницы: о компании, контакты, условия доставки. В Nuxt каждая такая страница - отдельный файл в app/pages.

Имя файла без расширения становится следующим сегментом адреса после слэша. Файл about.vue открывается по пути /about, а contacts.vue - по пути /contacts.

Давайте сделаем страницу «О нас»:

<template>
	<p>
		About our company.
	</p>
</template>

И страницу контактов:

<template>
	<p>
		Our contacts.
	</p>
</template>

В app/app.vue по-прежнему нужен NuxtPage, иначе новые файлы не отобразятся. Проверим адреса /about и /contacts в браузере.

Сделайте страницу, которая открывается по адресу /delivery.

Сделайте страницу оплаты по адресу /payment с коротким текстом на английском.