Nuxt Nation カンファレンス開催!11月12日〜13日、ご参加ください。

refreshCookie

Cookie が変更された場合に、useCookie の値を手動で更新します。
このユーティリティは、Nuxt v3.10 から利用可能です。

目的

refreshCookie 関数は、useCookie が返す Cookie の値を更新するように設計されています。

これは、新しい Cookie の値がブラウザに設定されたことがわかっている場合に、useCookie ref を更新するのに役立ちます。

使用方法

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>
ブラウザで Cookie が変更されたときに useCookie の値を自動的に更新するには、実験的な cookieStore オプションを有効にできます。

refreshCookie(name: string): void