refreshCookie · Nuxt 유틸리티 v3

이 유틸리티는 Nuxt v3.10부터 사용할 수 있습니다.

목적

refreshCookie 함수는 useCookie로 반환된 쿠키 값을 새로고침하기 위해 설계되었습니다.

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

사용법

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>

브라우저에서 쿠키가 변경될 때 useCookie 값을 자동으로 새로고침하려면 실험적 cookieStore 옵션을 활성화할 수 있습니다.

타입

refreshCookie(name: string): void