Серверный файл компонента в Nuxt

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

Подойдёт для статичного текста или данных, которые не должны попадать в клиентский бандл как интерактивный модуль. Создадим заметку в файле SecretNote.server.vue:

<template>
	<p>
		This block is rendered on the server only.
	</p>
</template>

Выведем её на странице тегом SecretNote:

<template>
	<SecretNote />
</template>

В исходном коде страницы в браузере пользователь увидит абзац, но отдельного клиентского компонента SecretNote в бандле не будет.

Создайте серверный компонент с кодом склада и выведите его на странице.