mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-05 03:47:12 +00:00
1.1 KiB
1.1 KiB
title | description | navigation | links | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
refreshCookie | Refresh useCookie values manually when a cookie has changed |
|
|
::important 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
<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>
::note{to="/docs/guide/going-further/experimental-features#cookiestore"}
You can enable experimental cookieStore
option to automatically refresh useCookie
value when cookie changes in the browser.
::
Type
refreshCookie(name: string): void