chore: watch docs config files

Author: meteorlxy

docs/.vuepress/config.ts

@@ -1,12 +1,12 @@
+import * as chokidar from 'chokidar'
 import type { UserConfig } from '@vuepress/cli'
 import type { DefaultThemeOptions } from '@vuepress/theme-default'
+import { chalk, logger } from '@vuepress/utils'
 import { navbar, sidebar } from './configs'
 
 const config: UserConfig<DefaultThemeOptions> = {
   base: '/',
 
-  evergreen: process.env.NODE_ENV !== 'production',
-
   head: [['link', { rel: 'icon', href: `/logo.png` }]],
 
   // site-level locales config
@@ -115,6 +115,20 @@ const config: UserConfig<DefaultThemeOptions> = {
       },
     ],
   ],
+
+  evergreen: process.env.NODE_ENV !== 'production',
+
+  onWatched: (_, restart) => {
+    const watcher = chokidar.watch('configs/**/*.ts', {
+      cwd: __dirname,
+      ignoreInitial: true,
+    })
+    watcher.on('change', async (file) => {
+      logger.info(`file ${chalk.magenta(file)} is modified`)
+      await watcher.close()
+      await restart()
+    })
+  },
 }
 
 export = config

package.json

@@ -35,6 +35,7 @@
     "@commitlint/config-conventional": "^11.0.0",
     "@types/jest": "^26.0.19",
     "anywhere": "^1.5.0",
+    "chokidar": "^3.5.1",
     "cpx": "^1.5.0",
     "cross-env": "^7.0.3",
     "eslint": "^7.15.0",