fix: hmr and reload when needed (#342)

* Fix file watcher to fix HMR

* Reload the client when HMR is not possible

Author: chris-visser

packages/vue-component-dev-client/client/vue2-hot.js

@@ -220,6 +220,7 @@ exports.reload = tryWrap((id, options) => {
       console.warn(
         'Root or manually mounted instance modified. Full reload required.'
       )
+      window.location.reload()
     }
   })
 })

packages/vue-component/plugin/vue-compiler.js

@@ -331,22 +331,16 @@ class ComponentWatcher {
   }
 
   _watchPath (filePath) {
-    if (!this.watcher || filePath !== this.filePath) {
-      this.filePath = filePath
-      // Fast file change detection
-      this._closeWatcher()
-      this.watcher = fs.watch(filePath, {
-        persistent: false,
-      }, _.debounce(event => {
-        if (event === 'change') {
-          this.refresh()
-        }
-      }, 100, {
-        leading: false,
-        trailing: true,
-      }))
-      this.watcher.on('error', (error) => console.error(error))
-    }
+    this.filePath = filePath
+    // Fast file change detection
+    this._closeWatcher()
+    this.watcher = fs.watch(filePath, {
+      persistent: false,
+    })
+    this.watcher.on('change', _.debounce(event => { // Refresh once
+      this.refresh()
+    }, 100))
+    this.watcher.on('error', (error) => console.error(error))
   }
 }