Fix sass loader

Author: Ives van Hoorne

src/sandbox/eval/manager.js

@@ -218,6 +218,7 @@ export default class Manager {
       } else if (
         mirrorModule.code !== module.code ||
         mirrorModule.title !== module.title ||
+        mirrorModule.isNotSynced !== module.isNotSynced ||
         mirrorModule.directoryShortid !== module.directoryShortid
       ) {
         updatedModules.push(module);

src/sandbox/eval/transpilers/sass/sass-worker.js

@@ -28,26 +28,29 @@ self.addEventListener('message', event => {
   });
 
   Sass.clearFiles(() => {
-    Sass.options({ sourceMapEmbed: true }, () => {
-      Sass.writeFile(files, () => {
-        Sass.compileFile(path, result => {
-          if (result.status === 0) {
-            self.postMessage({
-              type: 'compiled',
-              transpiledCode: result.text,
-            });
-          } else {
-            self.postMessage({
-              type: 'error',
-              error: {
-                name: 'CompileError',
-                message: result.formatted,
-                fileName: result.file && result.file.replace('/sass/', ''),
-              },
-            });
-          }
+    Sass.options(
+      { sourceMapEmbed: true, indentedSyntax: path.endsWith('.sass') },
+      () => {
+        Sass.writeFile(files, () => {
+          Sass.compileFile(path, result => {
+            if (result.status === 0) {
+              self.postMessage({
+                type: 'compiled',
+                transpiledCode: result.text,
+              });
+            } else {
+              self.postMessage({
+                type: 'error',
+                error: {
+                  name: 'CompileError',
+                  message: result.formatted,
+                  fileName: result.file && result.file.replace('/sass/', ''),
+                },
+              });
+            }
+          });
         });
-      });
-    });
+      }
+    );
   });
 });

src/sandbox/eval/transpilers/vue/loader.js

@@ -17,8 +17,12 @@ const getStyleFileName = attrs => {
   return attrs.module ? `module.${extension}` : extension;
 };
 
-const getStyleLoaders = attrs => {
-  let loader = '!style-loader';
+const getStyleLoaders = (attrs, id, scoped) => {
+  let loader = `!style-loader!vue-style-compiler?${JSON.stringify({
+    id,
+    scoped: !!scoped,
+  })}`;
+
   if (attrs.module) {
     loader += `?${JSON.stringify({ module: true })}`;
   }
@@ -227,12 +231,11 @@ export default function(code: string, loaderContext: LoaderContext) {
 
   function getRequire(type, impt, i = 0, scoped) {
     if (type === 'style') {
-      var styleCompiler = `${getStyleLoaders(
-        impt.attrs
-      )}!vue-style-compiler?${JSON.stringify({
-        id: moduleId,
-        scoped: !!scoped,
-      })}!${moduleTitle}:style-${i}.vue.${getStyleFileName(impt.attrs)}`;
+      const styleCompiler = `${getStyleLoaders(
+        impt.attrs,
+        moduleId,
+        !!scoped
+      )}!${moduleTitle}:style-${i}.vue.${getStyleFileName(impt.attrs)}`;
 
       const tModule = loaderContext.emitModule(styleCompiler, impt.content);