Срок жизни куки в Nuxt

Без дополнительных настроек кука может жить до закрытия браузера или пока пользователь её не сотрёт. Чтобы значение автоматически пропало через заданный интервал, у функции useCookie есть второй аргумент с опциями. Поле maxAge задаёт срок в секундах: после этого времени браузер удалит куку сам.

Сохраним тему на сутки - в коде это произведение секунд, минут и часов:

<script setup>
	const theme = useCookie('theme', {
		maxAge: 60 * 60 * 24,
	});
</script>
<template>
	<p>
		Theme: {{ theme }}
	</p>
</template>

Число 86400 означает один день. Каждая новая запись в theme.value снова отправит куку с тем же maxAge, и отсчёт времени начнётся заново.

Сделайте куку shopOpen с флагом магазина, который хранится один час, и выведите его значение на странице.

Добавьте кнопку, которая ставит флаг в yes, и проверьте в инструментах разработчика, что у куки указан срок около одного часа.