Утилита форматирования в Nuxt

Не каждый файл в app хранит состояние. Формат цены, склеивание подписи сотрудника или проверка длины строки - чистые функции без useState. Их кладут в app/utils, и Nuxt импортирует экспорт по имени так же, как функции из соседней папки.

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

Добавим функцию, которая превращает число в строку с символом валюты:

export function formatPrice(amount) {
	return `$${amount}`;
}

На странице товара вызовем её без строки import. В шаблоне появится строка $12 - это не общее состояние, а разовое преобразование аргумента:

<script setup>
	const priceLabel = formatPrice(12);
</script>
<template>
	<h1>
		Product
	</h1>
	<p>
		Price: {{ priceLabel }}
	</p>
</template>

Создайте утилиту, которая принимает имя и фамилию работника и возвращает одну строку «First Last» на английском.

Выведите результат на странице списка сотрудников для двух разных пар имён, вызывая функцию из app/utils без ручного импорта.