Vue component support in Atom
Adds syntax highlighting and snippets to Vue component files in Atom.
Originally converted from vuejs/vue-syntax-highlight.
Working with SCSS/Sass
Since vue-loader redirects language=x
to loader style!css!x
and sass-loader is using SCSS as default, you need to remap them in webpack.config.js:
vue: {
loaders: {
sass: 'style!css!sass?indentedSyntax',
scss: 'style!css!sass'
}
}
This is so that this package can support both old Sass and new SCSS. Refer to hedefalk/atom-vue#5 and the official solution for more info.