feat: Modify color mode when the defaultMode prop changes

Author: ktquez

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)