Внешняя ссылка в Nuxt

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

Для внешнего URL подходит и классический тег a с полным адресом в href, и NuxtLink: если в to передать строку, начинающуюся с http, компонент не будет обрабатывать её как внутренний маршрут и отрендерит обычную ссылку. Внутренние пункты меню по-прежнему оставляем с путями без протокола.

Давайте изучим вариант с документацией Vue в подвале макета:

<template>
	<div>
		<nav>
			<NuxtLink to="/">
				Home
			</NuxtLink>
		</nav>
		<slot />
		<footer>
			<NuxtLink to="https://vuejs.org">
				Vue docs
			</NuxtLink>
		</footer>
	</div>
</template>

Добавьте на сайт ссылку на официальную документацию Vue или другой внешний справочный сайт с подписью на английском.