Запрос только в браузере в Nuxt

Не каждый внешний адрес безопасно вызывать с сервера Nitro. Иногда нужен токен из sessionStorage или API отвечает только с origin браузера. Тогда запрос в useFetch переносят на клиент опцией server: false: на сервере JSON не запрашивают, а после гидратации браузер обращается к API сам.

Давайте изучим страницу команды. Список пользователей возьмём с открытого JSONPlaceholder, но загрузим его только в браузере:

<script setup>
	const { data } = useFetch(
		'https://jsonplaceholder.typicode.com/users',
		{ server: false },
	);
</script>
<template>
	<h1>
		Team
	</h1>
	<ul>
		<li
			v-for="user in data"
			:key="user.id"
		>
			{{ user.name }}
		</li>
	</ul>
</template>

Сделайте страницу задач, которая запрашивает список только в браузере с того же тестового API.

Сделайте страницу фотогалереи, где альбомы подгружаются только на клиенте, без серверного запроса при первом рендере.