Nuxt•2y ago

useCookie typescript saying that Boolean should be a string, when it's a boolean

I have code that does:

const login() => {
  const isLoggedIn = useCookie('isLoggedIn')
  isLoggedIn.value = 'true'
}

definePageMeta({
  middleware: () => {
    const isLoggedIn = useCookie('isLoggedIn')
    if (isLoggedIn.value === 'true') {
      navigateTo('/page/')
    }
  }
})

const login() => {
  const isLoggedIn = useCookie('isLoggedIn')
  isLoggedIn.value = 'true'
}

definePageMeta({
  middleware: () => {
    const isLoggedIn = useCookie('isLoggedIn')
    if (isLoggedIn.value === 'true') {
      navigateTo('/page/')
    }
  }
})

Problem is,

isLoggedIn.value

isLoggedIn.value

actually returns a

Boolean

Boolean

, not a string like TypeScript thinks

So looks like something might be wrong with the docs for this

How to fix it?
Literally this works:

if (isLoggedIn.value === true) {...}

if (isLoggedIn.value === true) {...}

But typescript says it's wrong.

pyplacca•4/25/24, 4:09 PM

The return value of useCookie is typed as by default. You can override that via its type argument