16 lines
435 B
TypeScript
16 lines
435 B
TypeScript
|
import {ref, watchEffect} from 'vue'
|
||
|
|
import {tryOnBeforeUnmount} from '@vueuse/core'
|
||
|
|
|
||
|
|
export function useBodyClass(className: string, defaultValue = false) {
|
||
|
|
const isActive = ref(defaultValue)
|
||
|
|
|
||
|
|
watchEffect(() => {
|
||
|
|
isActive.value
|
||
|
|
? document.body.classList.add(className)
|
||
|
|
: document.body.classList.remove(className)
|
||
|
|
})
|
||
|
|
|
||
|
|
tryOnBeforeUnmount(() => isActive.value && document.body.classList.remove(className))
|
||
|
|
|
||
|
|
return isActive
|
||
|
|
}
|