docs(useColorMode): fix demo (#2944)

vueuse · Apr 9, 2023 · b574c26 · b574c26
1 parent 0565b1b
commit b574c26
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/core/useColorMode/demo.vue b/packages/core/useColorMode/demo.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useColorMode, useCycleList } from '@vueuse/core'
+import { watchEffect } from 'vue-demi'
 
 const mode = useColorMode({
   emitAuto: true,
@@ -10,6 +11,8 @@ const mode = useColorMode({
 })
 
 const { state, next } = useCycleList(['dark', 'light', 'cafe', 'contrast', 'auto'], { initialValue: mode })
+
+watchEffect(() => mode.value = state.value as any)
 </script>
 
 <template>