From 6cef3fea75adf7ba666239234951fd6722d5fc9e Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Fri, 24 Apr 2020 22:55:47 -0400
Subject: [PATCH] fix: fix <style module> hmr

---
 src/node/serverPluginHmr.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/node/serverPluginHmr.ts b/src/node/serverPluginHmr.ts
index a93a7196b48fdf..82c7d5f91f81e2 100644
--- a/src/node/serverPluginHmr.ts
+++ b/src/node/serverPluginHmr.ts
@@ -210,7 +210,14 @@ export const hmrPlugin: Plugin = ({ root, app, server, watcher }) => {
 
     const prevStyles = prevDescriptor.styles || []
     const nextStyles = descriptor.styles || []
-    if (prevStyles.some((s) => s.scoped) !== nextStyles.some((s) => s.scoped)) {
+    if (
+      prevStyles.some((s) => s.scoped) !== nextStyles.some((s) => s.scoped) ||
+      // TODO for now we force the component to reload on <style module> change
+      // but this should be optimizable to replace the __cssMoudles object
+      // on script and only trigger a rerender.
+      prevStyles.some((s) => s.module != null) ||
+      nextStyles.some((s) => s.module != null)
+    ) {
       notify({
         type: 'vue-reload',
         path: servedPath,