feat(ColorMode): using defaultConfig to colorMode

Author: ktquez

Diff for: config/defaultThemeConfig.js

@@ -0,0 +1,7 @@
+export const colorMode = {
+  enabled: true,
+  visible: true,
+  props: {
+    modes: ['light', 'dark', 'system', 'sepia']
+  }
+}

Diff for: docs/.vuepress/config.js

@@ -10,11 +10,6 @@ module.exports = {
     docsDir: 'docs',
     docsBranch: 'master',
     editLinks: true,
-    colorMode: {
-      props: {
-        modes: [ 'light', 'dark', 'system', 'sepia' ]
-      }
-    },
     locales: {
       '/': {
         editLinkText: 'Edit this page on GitHub',

Diff for: docs/README.md

@@ -6,7 +6,7 @@ It does not replace the default vuepress theme, however, this theme contains mos
 
 ## Packages included
 
-- [vue-skip-to](https://github.com/vue-a11y/vue-skip-to)
 - [vue-axe](https://github.com/vue-a11y/vue-axe)
+- [vue-skip-to](https://github.com/vue-a11y/vue-skip-to)
 - [@vue-a11y/dark-mode](https://github.com/vue-a11y/vue-dark-mode)
 - [@vue-a11y/announcer](https://github.com/vue-a11y/vue-announcer)

Diff for: mixins/colorMode.js

@@ -1,21 +1,23 @@
+import merge from 'deepmerge'
+import { colorMode } from '../config/defaultThemeConfig'
+
 export default {
   computed: {
     configColorMode () {
-      if (!this.$themeConfig.colorMode || !Object.keys(this.$themeConfig.colorMode).length) return {}
-      return this.$themeConfig.colorMode
+      if (!this.$themeConfig.colorMode || !Object.keys(this.$themeConfig.colorMode).length) return colorMode
+      return merge(colorMode, this.$themeConfig.colorMode)
     },
 
     isColorModeEnabled () {
-      return typeof this.configColorMode.enabled === 'undefined' ? true : this.configColorMode.enabled
+      return this.configColorMode.enabled
     },
 
     isColorModeVisible () {
-      return typeof this.configColorMode.visible === 'undefined' ? true : this.configColorMode.visible
+      return this.configColorMode.visible
     },
 
     getColorModeProps () {
-      const props = this.configColorMode.props || {}
-      return { ...props, ...this.getColorModeAriaByLocale }
+      return { ...this.configColorMode.props, ...this.getColorModeAriaByLocale }
     },
 
     getColorModeAriaByLocale () {

Diff for: package-lock.json

@@ -32,6 +32,7 @@
   "devDependencies": {
     "@vue/eslint-config-standard": "^5.1.2",
     "babel-eslint": "^10.1.0",
+    "deepmerge": "^4.2.2",
     "eslint": "^6.8.0",
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-node": "^11.1.0",