Fix bugs and hotreloads imported sass files

Author: Akryum

.meteor/versions

@@ -3,15 +3,15 @@ akryum:npm-check@0.0.3
 akryum:vue@1.0.4
 akryum:vue-apollo@0.0.9
 akryum:vue-coffee@0.0.2
-akryum:vue-component@0.6.4
+akryum:vue-component@0.6.5
 akryum:vue-component-dev-client@0.0.6
 akryum:vue-component-dev-server@0.0.1
 akryum:vue-i18n@0.0.3
 akryum:vue-i18n-ui@0.0.4
 akryum:vue-jade@0.0.1
 akryum:vue-less@0.0.4
 akryum:vue-router@0.2.1
-akryum:vue-sass@0.0.1
+akryum:vue-sass@0.0.2
 akryum:vue-stylus@0.0.2
 akryum:vuex@0.3.0
 allow-deny@1.0.5

packages/vue-component/package.js

@@ -1,6 +1,6 @@
 Package.describe({
   name: 'akryum:vue-component',
-  version: '0.6.4',
+  version: '0.6.5',
   summary: 'VueJS single-file components that hot-reloads',
   git: 'https://github.com/Akryum/meteor-vue-component',
   documentation: 'README.md'

packages/vue-component/plugin/tag-handler.js

@@ -246,7 +246,7 @@ VueComponentTagHandler = class VueComponentTagHandler {
           throwCompileError({
             inputFile: this.inputFile,
             tag: 'style',
-            charIndex: tag.tagStartIndex,
+            charIndex: styleTag.tagStartIndex,
             action: 'compiling',
             lang,
             error: e,

packages/vue-sass/package.js

@@ -1,6 +1,6 @@
 Package.describe({
   name: 'akryum:vue-sass',
-  version: '0.0.1',
+  version: '0.0.2',
   summary: 'Add sass and scss support for vue components',
   git: 'https://github.com/Akryum/meteor-vue-component',
   documentation: 'README.md'

packages/vue-sass/vue-sass.js

@@ -6,24 +6,28 @@ import fs from 'fs';
 import sass from 'node-sass';
 import {Meteor} from 'meteor/meteor';
 
-function resolveImport(url, prev, done) {
-  let resolvedFilename;
-  if (url.indexOf('~') === 0) {
-    resolvedFilename = url.substr(1);
-  /*} else if (url.indexOf('{') === 0) {
-    resolvedFilename = decodeFilePath(url);*/
-  } else {
-    let currentDirectory = path.dirname(this.options.outFile);
-    resolvedFilename = path.resolve(currentDirectory, url);
-  }
+function resolveImport(dependencyManager) {
+  return function (url, prev, done) {
+    let resolvedFilename;
+    if (url.indexOf('~') === 0) {
+      resolvedFilename = url.substr(1);
+    /*} else if (url.indexOf('{') === 0) {
+      resolvedFilename = decodeFilePath(url);*/
+    } else {
+      let currentDirectory = path.dirname(this.options.outFile);
+      resolvedFilename = path.resolve(currentDirectory, url);
+    }
 
-  if (!fs.existsSync(resolvedFilename)) {
-    done(new Error('Unknown import (file not found): ' + url));
-  } else {
-    done({
-      file: resolvedFilename
-    });
-  }
+    if (!fs.existsSync(resolvedFilename)) {
+      done(new Error('Unknown import (file not found): ' + url));
+    } else {
+      dependencyManager.addDependency(resolvedFilename);
+
+      done({
+        file: resolvedFilename
+      });
+    }
+  };
 }
 
 function decodeFilePath(filePath) {
@@ -41,11 +45,12 @@ function decodeFilePath(filePath) {
 
 global.vue.lang.scss = Meteor.wrapAsync(function({
   source,
-  inputFile
+  inputFile,
+  dependencyManager
 }, cb) {
   sass.render({
     data: source,
-    importer: resolveImport,
+    importer: resolveImport(dependencyManager),
     outFile: inputFile.getPathInPackage() + '.css',
     sourceMap: true,
     sourceMapContents: true
@@ -63,11 +68,12 @@ global.vue.lang.scss = Meteor.wrapAsync(function({
 
 global.vue.lang.sass = Meteor.wrapAsync(function({
   source,
-  inputFile
+  inputFile,
+  dependencyManager
 }, cb) {
   sass.render({
     data: source,
-    importer: resolveImport,
+    importer: resolveImport(dependencyManager),
     outFile: inputFile.getPathInPackage() + '.css',
     sourceMap: true,
     sourceMapContents: true,