refreshCookie

クッキーが変更されたときに useCookie の値を手動で更新する

このユーティリティは Nuxt v3.10 から利用可能です。

目的

refreshCookie 関数は、useCookie によって返されるクッキーの値を更新するために設計されています。

これは、ブラウザで新しいクッキーの値が設定されたことがわかっている場合に、useCookie の参照を更新するのに便利です。

使用法

app/app.vue

const tokenCookie = useCookie('token')

const login = async (username, password) => {
  const token = await $fetch('/api/token', { ... }) // レスポンスで `token` クッキーを設定
  refreshCookie('token')
}

const loggedIn = computed(() => !!tokenCookie.value)

ブラウザでクッキーが変更されたときに useCookie の値を自動的に更新するために、実験的な cookieStore オプションを有効にすることができます。

型

refreshCookie(name: string): void

※このページは Nuxt.js 公式ドキュメントの翻訳ページです。

公式ドキュメントの該当ページはこちら：
https://nuxt.com/docs/4.x/api/utils/refresh-cookie