From 28c711969592d1685d91f064dae85cb5e3888a40 Mon Sep 17 00:00:00 2001
From: Nathan Reid <nathan-code@nathantreid.com>
Date: Mon, 24 Apr 2017 15:07:35 -0500
Subject: [PATCH 1/2] reload Vue template when CSS modules change in the
 <style> attribute

---
 packages/vue-component/plugin/vue-compiler.js | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/vue-component/plugin/vue-compiler.js b/packages/vue-component/plugin/vue-compiler.js
index a73a3dd..031479a 100644
--- a/packages/vue-component/plugin/vue-compiler.js
+++ b/packages/vue-component/plugin/vue-compiler.js
@@ -163,6 +163,7 @@ VueComponentCompiler = class VueCompo extends CachingCompiler {
     // Style
     let css = '';
     let cssHash = '';
+    let cssModulesHash = '';
     if (compileResult.styles.length !== 0) {
       for (let style of compileResult.styles) {
         css += style.css;
@@ -171,6 +172,10 @@ VueComponentCompiler = class VueCompo extends CachingCompiler {
       cssHash = Hash(css);
 
       //console.log(`css hash: ${cssHash}`);
+      
+      if (compileResult.cssModules) {
+        cssModulesHash = Hash(JSON.stringify(compileResult.cssModules));
+      }
 
       if (isDev) {
         // Add style to client first-connection style list
@@ -188,6 +193,7 @@ VueComponentCompiler = class VueCompo extends CachingCompiler {
       cache.filePath = getFilePath(inputFile);
       cache.js = jsHash;
       cache.css = cssHash;
+      cache.cssModules = cssModulesHash;
       cache.template = templateHash;
     }
   }
@@ -323,7 +329,7 @@ const hotCompile = Meteor.bindEnvironment(function hotCompile(filePath, inputFil
   let vueId = compileResult.hash;
 
   // CSS
-  let css = '', cssHash = '';
+  let css = '', cssHash = '', cssModulesHash = '';
   if(parts.style) {
     if (compileResult.styles.length !== 0) {
       for (let style of compileResult.styles) {
@@ -335,6 +341,11 @@ const hotCompile = Meteor.bindEnvironment(function hotCompile(filePath, inputFil
       if (cache.css !== cssHash) {
         global._dev_server.__addStyle({ hash: vueId, css, path: inputFilePath });
       }
+
+      if (compileResult.cssModules) {
+        cssModulesHash = Hash(JSON.stringify(compileResult.cssModules));
+        console.log('css modules hash', cssModulesHash)
+      }
     }
   }
 
@@ -354,13 +365,13 @@ const hotCompile = Meteor.bindEnvironment(function hotCompile(filePath, inputFil
       }
     }
 
-    if (cache.js !== jsHash || cache.template !== templateHash) {
+    if (cache.js !== jsHash || cache.template !== templateHash || cache.cssModules !== cssModulesHash) {
 
       const path = (inputFile.getPackageName() ? `packages/${inputFile.getPackageName()}` : '') + inputFile.getPathInPackage();
 
       const { js, render, staticRenderFns } = generateJs(vueId, inputFile, compileResult, true)
 
-      if(vueVersion === 2 && cache.js === jsHash) {
+      if(vueVersion === 2 && cache.js === jsHash && cache.cssModules === cssModulesHash) {
         global._dev_server.emit('render', { hash: vueId, template:`{
           render: ${render},
           staticRenderFns: ${staticRenderFns}
@@ -377,6 +388,7 @@ const hotCompile = Meteor.bindEnvironment(function hotCompile(filePath, inputFil
   }
   if(parts.style) {
     cache.css = cssHash;
+    cache.cssModules = cssModulesHash;
   }
   if(parts.template) {
     cache.template = templateHash;

From d72799069c77e0a3c2514528515b2944af241e35 Mon Sep 17 00:00:00 2001
From: Nathan Reid <nathan-code@nathantreid.com>
Date: Mon, 24 Apr 2017 16:44:19 -0500
Subject: [PATCH 2/2] remove console.log

---
 packages/vue-component/plugin/vue-compiler.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/vue-component/plugin/vue-compiler.js b/packages/vue-component/plugin/vue-compiler.js
index 031479a..3c56401 100644
--- a/packages/vue-component/plugin/vue-compiler.js
+++ b/packages/vue-component/plugin/vue-compiler.js
@@ -344,7 +344,6 @@ const hotCompile = Meteor.bindEnvironment(function hotCompile(filePath, inputFil
 
       if (compileResult.cssModules) {
         cssModulesHash = Hash(JSON.stringify(compileResult.cssModules));
-        console.log('css modules hash', cssModulesHash)
       }
     }
   }