refreshCookie

ソース
Cookieが変更されたときにuseCookieの値を手動で更新します
このユーティリティはNuxt v3.10以降で利用可能です。

目的

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

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

使用方法

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

タイプ

署名
export function refreshCookie (name: string): void