feat: Modify color mode when the defaultMode prop changes

vue-a11y · Jun 23, 2020 · 5604170 · 5604170
1 parent 4302d19
commit 5604170
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/DarkMode.vue b/src/DarkMode.vue
@@ -118,6 +118,10 @@ export default {
     }
   },
 
+  watch: {
+    defaultMode: 'handleSetMode'
+  },
+
   created () {
     if (this.getPrefersColorScheme && this.isSystem) {
       this.currentMode = this.getPrefersColorScheme
@@ -189,6 +193,10 @@ export default {
 
     toggleColorMode () {
       const selectedMode = this.getNextMode
+      this.handleSetMode(selectedMode)
+    },
+
+    handleSetMode (selectedMode) {
       this.handleColorModeClass('remove')
       this.currentMode = selectedMode === 'system' ? this.getPrefersColorScheme : selectedMode
       this.setMode(selectedMode)