Nuxt•3y ago

How to dynamically set body class?

let isDrawerOpen = $ref(false)

useHead({
  bodyAttrs: {
    class: isDrawerOpen ? 'overflow-hidden' : 'none',
  },
})

let isDrawerOpen = $ref(false)

useHead({
  bodyAttrs: {
    class: isDrawerOpen ? 'overflow-hidden' : 'none',
  },
})

let isDrawerOpen = $ref(false)

useHead({
  bodyAttrs: {
    class: isDrawerOpen ? 'overflow-hidden' : 'none',
  },
})

let isDrawerOpen = $ref(false)

useHead({
  bodyAttrs: {
    class: isDrawerOpen ? 'overflow-hidden' : 'none',
  },
})

toggling

isDrawerOpen

isDrawerOpen

isDrawerOpen

isDrawerOpen has no effect, class "none" added all the time.