Don't miss Vue.js Amsterdam in March 2025! Save 10% with code NUXT.

refreshCookie

Обновляйте значения useCookie вручную, когда cookie изменились
Эта утилита доступна с Nuxt v3.10.

Назначение

Функция refreshCookie предназначена для обновления значения куки, возвращаемого функцией useCookie.

Это полезно для обновления ref-ссылки useCookie, когда мы знаем, что новое значение cookie было установлено в браузере.

Использование

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

const login = async (username, password) => {
  const token = await $fetch('/api/token', { ... }) // Устанавливает cookie `token` в ответ на запрос
  refreshCookie('token')
}

const loggedIn = computed(() => !!tokenCookie.value)
</script>
Вы можете включить экспериментальную опцию cookieStore, чтобы автоматически обновлять значение useCookie при изменении cookie в браузере.

Тип

refreshCookie(name: string): void