Nuxt 3 reached end of life on 31 July 2026
It no longer receives bug fixes or security patches. Upgrade to Nuxt 4 or get extended support from HeroDevs

refreshCookie

Source
Refresh useCookie values manually when a cookie has changed
This utility is available since Nuxt v3.10.

Purpose

The refreshCookie function is designed to refresh cookie value returned by useCookie.

This is useful for updating the useCookie ref when we know the new cookie value has been set in the browser.

Usage

app.vue
<script setup lang="ts">
const tokenCookie = useCookie('token')

const login = async (username, password) => {
  const token = await $fetch('/api/token', { /** ... */ }) // Sets `token` cookie on response
  refreshCookie('token')
}

const loggedIn = computed(() => !!tokenCookie.value)
</script>
Since Nuxt v3.12.0, the experimental cookieStore option is enabled by default. It automatically refreshes the useCookie value when cookies change in the browser.

Type

Signature
export function refreshCookie (name: string): void