refreshCookie

Source
쿠키가 변경되었을 때 useCookie 값을 수동으로 새로고침하기
이 유틸리티는 Nuxt v3.10부터 사용할 수 있습니다.

Purpose

refreshCookie 함수는 useCookie가 반환하는 쿠키 값을 새로고침하도록 설계되었습니다.

이는 브라우저에서 새로운 쿠키 값이 설정되었음을 알고 있을 때 useCookie ref를 업데이트하는 데 유용합니다.

Usage

app/app.vue
<script setup lang="ts">
const tokenCookie = useCookie('token')

const login = async (username, password) => {
  const token = await $fetch('/api/token', { /** ... */ }) // 응답에서 `token` 쿠키를 설정합니다
  refreshCookie('token')
}

const loggedIn = computed(() => !!tokenCookie.value)
</script>
Nuxt v3.12.0부터 실험적인 cookieStore 옵션이 기본적으로 활성화됩니다. 이는 브라우저에서 쿠키가 변경될 때 useCookie 값을 자동으로 새로고침합니다.

Type

Signature
export function refreshCookie (name: string): void