Заголовок из параметра в Nuxt

На адресах с параметром в пути один и тот же файл страницы отвечает за много URL. Заголовок вкладки тогда тоже должен зависеть от конкретного значения параметра, а не быть одинаковым для всех.

Пусть есть страница пользователя по шаблону /users/:id. Файл лежит в папке с квадратными скобками:

<script setup>
	const route = useRoute();
	
	useSeoMeta({
		title: `User ${route.params.id}`,
	});
</script>
<template>
	<p>
		User profile page.
	</p>
</template>

Функция useRoute даёт доступ к текущему адресу и его параметрам. Из route.params.id собираем строку для title. При открытии /users/3 во вкладке будет User 3, при /users/12 - User 12.

Текст внутри template может оставаться общим, меняется только служебный заголовок документа. Так же позже можно связать описание или другие поля с данными маршрута.

Сделайте страницу города по адресу /cities/:slug.

Настройте заголовок вкладки так, чтобы в нём был slug города из адреса.