Вложенный адрес страницы в Nuxt

Адрес страницы может состоять из нескольких частей, разделённых слэшем. Например, /blog/first содержит сегменты blog и first.

В Nuxt такие адреса задают вложенными папками внутри app/pages. Каждая папка - ещё один сегмент пути. При этом отдельный «родительский» экран для промежуточного сегмента не обязателен: достаточно файла в нужной глубине.

Пусть список записей блога лежит по адресу /blog. Для этого используют файл index.vue внутри папки blog:

/app/
- /pages/
  - /blog/
    - index.vue
    - first.vue

Страница одной записи - файл first.vue в той же папке. Он откроется по адресу /blog/first:

<template>
	<p>
		Blog list.
	</p>
</template>

Содержимое отдельной записи:

<template>
	<p>
		First post.
	</p>
</template>

Между /blog и /blog/first нет общего шаблона-обёртки: каждый файл рисует свою страницу целиком, как только введён полный адрес.

Сделайте страницу каталога по адресу /catalog и страницу стола по адресу /catalog/table.

Сделайте страницу стула по адресу /catalog/chair.