Удаление куки в Nuxt

Чтобы браузер перестал отправлять куку, её нужно удалить. В функции useCookie для этого достаточно записать в ref null: Nuxt уберёт куку из ответа и из хранилища клиента.

На странице с темой оформления оставим вывод текущего значения и кнопку сброса:

<script setup>
	const theme = useCookie('theme');
	
	function clearTheme() {
		theme.value = null;
	}
</script>
<template>
	<p>
		Theme: {{ theme }}
	</p>
	<button type="button" @click="clearTheme">
		Clear theme
	</button>
</template>

После нажатия кука theme исчезнет. Абзац снова покажет пустое место или null, а при следующем заходе сервер не увидит старое значение в заголовке запроса.

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

Рядом оставьте способ снова записать город в куку и проверьте, что после очистки и новой записи на экране появляется актуальная строка.