fix(vuepress-theme-reco): fix error about window and some eslint error

Author: reco_luan

packages/vuepress-theme-reco/components/Mode/setMode.js

@@ -9,19 +9,20 @@ function activateMode (mode) {
   }
 }
 
-// Dark and Light autoswitches
-const onDark = (e) => e.matches && activateMode('dark')
-const onLight = (e) => e.matches && activateMode('light')
-
-const darkScheme = window.matchMedia('(prefers-color-scheme: dark)')
-const lightScheme = window.matchMedia('(prefers-color-scheme: light)')
-
 /**
  * Sets a color scheme for the website.
  * If browser supports "prefers-color-scheme", 'auto' mode will respect the setting for light or dark mode
  * otherwise it will set a dark theme during night time
  */
 export default function setMode (mode = 'auto') {
+  // Dark and Light autoswitches
+  // 这里的声明需要挪到 setMode 函数中，否则 windows 会报错
+  const onDark = (e) => e.matches && activateMode('dark')
+  const onLight = (e) => e.matches && activateMode('light')
+
+  const darkScheme = window.matchMedia('(prefers-color-scheme: dark)')
+  const lightScheme = window.matchMedia('(prefers-color-scheme: light)')
+
   if (mode !== 'auto') {
     darkScheme.removeListener(onDark)
     lightScheme.removeListener(onLight)

packages/vuepress-theme-reco/components/SidebarLinks.vue

@@ -52,33 +52,33 @@ export default {
       this.refreshIndex()
     }
   },
-  
-  mounted() {
+
+  mounted () {
     this.isInViewPortOfOne()
   },
-  
+
   updated: function () {
     this.isInViewPortOfOne()
   },
 
   methods: {
     isInViewPortOfOne () {
-        let siderbarScroll = document.getElementsByClassName("sidebar")[0]
-        let el = document.getElementsByClassName("active sidebar-link")[1]
-        if (el ==null || el.offsetTop == undefined) {
-          el = document.getElementsByClassName("active sidebar-link")[0]
-        }
-        if (el ==null || el.offsetTop == undefined) return
-        
-        const viewPortHeight = siderbarScroll.clientHeight || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight 
-        let offsetBottom = el.offsetTop + el.offsetHeight
-        let scrollTop = siderbarScroll.scrollTop
-        let isView = (offsetBottom <= viewPortHeight + scrollTop)
-        if (!isView) {
-          siderbarScroll.scrollTop = (offsetBottom+5 - viewPortHeight)
-        }
+      const siderbarScroll = document.getElementsByClassName('sidebar')[0]
+      let el = document.getElementsByClassName('active sidebar-link')[1]
+      if (el === null || el.offsetTop == undefined) {
+        el = document.getElementsByClassName('active sidebar-link')[0]
+      }
+      if (el === null || el.offsetTop == undefined) return
+
+      const viewPortHeight = siderbarScroll.clientHeight || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
+      const offsetBottom = el.offsetTop + el.offsetHeight
+      const scrollTop = siderbarScroll.scrollTop
+      const isView = (offsetBottom <= viewPortHeight + scrollTop)
+      if (!isView) {
+        siderbarScroll.scrollTop = (offsetBottom + 5 - viewPortHeight)
+      }
     },
-    
+
     refreshIndex () {
       const index = resolveOpenGroupIndex(
         this.$route,