refreshCookie

原始檔
當 Cookie 發生變化時,手動重新整理 useCookie 值
此實用工具自 Nuxt v3.10 起可用。

用途

refreshCookie 函式旨在重新整理由 useCookie 返回的 Cookie 值。

當新 Cookie 值已在瀏覽器中設定時,這對於更新 useCookie 引用很有用。

使用

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 選項,以便在瀏覽器中 Cookie 更改時自動重新整理 useCookie 值。

型別

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