Is there a way to detect dark/light mode switch?

[Jasenkoo]

Tried watching prefers-color-scheme from this answer but is not triggered.

Looked up the docs and also couldn't find anything, so I was wondering is there a way do detect when user switch dark/light mode?

[meteorlxy]

import { useDarkMode } from '@vuepress/theme-default/lib/client'
import { watch } from 'vue'

export default {
  setup() {
    const isDarkMode = useDarkMode()
    watch(isDarkMode, () => {
      // ...
    })
  },
}

[Jasenkoo]

Thanks, it works

[ottopaulsen]

Does it still work in beta.51?

[Jasenkoo]

Not sure, switched to vitepress