Class Attribute

When using the htmlAttrs or bodyAttrs options, you can use the class attribute to add classes to the html or body elements.

useHead({
htmlAttrs: {
class: 'my-class',
}
})

For improved reactivity and merging support, you can provide the class as an object or an array.

Class Object

When providing class as an object, the key should be the class and the value will be whether the class should be added or not.

const darkMode = false
useHead({
htmlAttrs: {
class: {
// will be rendered
'dark': darkMode,
// will not be rendered
'light': !darkMode,
}
}
})

Class Array

useHead([
htmlAttrs: {
class: ['my-class', 'my-other-class'],
}
])
Table of Contents