Vue component file syntax for Atom
Clone or download
aidistan Close #84
Use source.js.jsx over source.js in vue-template-expression
Latest commit 546c11c Oct 30, 2018

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.