├── README.md
├── grammars
    └── vue.cson
├── package.json
└── settings
    └── language-vue.cson


/README.md:
--------------------------------------------------------------------------------
1 | Syntax highlighting for single-file [Vue.js](http://vuejs.org) components supports in [Atom](https://atom.io/) (enabled by [Vueify](https://github.com/vuejs/vueify) or [vue-loader](https://github.com/vuejs/vue-loader)).
2 | 
3 | *This syntax highlighting is translated from [Vue.js author's Sublime Text syntax highlighting for single-file Vue components](https://github.com/vuejs/vue-syntax-highlight).*
4 | 
5 | **NOTE:** You still need to install corresponding packages for pre-processors (e.g. Jade, SASS, CoffeeScript) to get proper syntax highlighting for them.
6 | 


--------------------------------------------------------------------------------
/grammars/vue.cson:
--------------------------------------------------------------------------------
  1 | 'name': 'Vue Component'
  2 | 'scopeName': 'text.html.vue'
  3 | 'fileTypes': [
  4 |   'vue'
  5 |   'vue.html'
  6 | ]
  7 | 'firstLineMatch': '<!(?i:DOCTYPE)|<(?i:html)|<\\?(?i:php)'
  8 | 'foldingStartMarker': '(?x)(<(?i:head|body|table|thead|tbody|tfoot|tr|div|select|fieldset|style|script|ul|ol|li|form|dl)\b.*?><!--(?!.*--\s*>)^<!--\ \#tminclude\ (?>.*?-->)$<\?(?:php)?.*\b(if|for(each)?|while)\b.+:\{\{?(if|foreach|capture|literal|foreach|php|section|strip)\{\s*($|\?>\s*$|//|/\*(.*\*/\s*$|(?!.*?\*/))))'
  9 | 'foldingStopMarker': '(?x)(</(?i:head|body|table|thead|tbody|tfoot|tr|div|select|fieldset|style|script|ul|ol|li|form|dl)>^(?!.*?<!--).*?--\s*>^<!--\ end\ tminclude\ -->$<\?(?:php)?.*\bend(if|for(each)?|while)\b\{\{?/(if|foreach|capture|literal|foreach|php|section|strip)^[^{]*\})'
 10 | 'keyEquivalent': '^~H'
 11 | 'patterns': [
 12 |   {
 13 |     'endCaptures':
 14 |       '1': 'name': 'punctuation.definition.tag.end.html'
 15 |       '2': 'name': 'punctuation.definition.tag.begin.html meta.scope.between-tag-pair.html'
 16 |       '3': 'name': 'punctuation.definition.tag.begin.html'
 17 |       '4': 'name': 'entity.name.tag.html'
 18 |       '5': 'name': 'punctuation.definition.tag.end.html'
 19 |     'patterns': [ { 'include': '#tag-stuff' } ]
 20 |     'beginCaptures':
 21 |       '1': 'name': 'punctuation.definition.tag.begin.html'
 22 |       '2': 'name': 'entity.name.tag.html'
 23 |     'begin': '(<)([a-zA-Z0-9:]++)(?=[^>]*></\\2>)'
 24 |     'name': 'meta.tag.any.html'
 25 |     'end': '(>)(<)(/)(\\2)(>)'
 26 |   }
 27 |   {
 28 |     'captures':
 29 |       '1': 'name': 'punctuation.definition.tag.html'
 30 |       '2': 'name': 'entity.name.tag.xml.html'
 31 |     'patterns': [
 32 |       { 'include': '#tag-generic-attribute' }
 33 |       { 'include': '#string-double-quoted' }
 34 |       { 'include': '#string-single-quoted' }
 35 |     ]
 36 |     'begin': '(<\\?)(xml) '
 37 |     'name': 'meta.tag.preprocessor.xml.html'
 38 |     'end': '(\\?>)'
 39 |   }
 40 |   {
 41 |     'captures': '0': 'name': 'punctuation.definition.comment.html'
 42 |     'patterns': [
 43 |       {
 44 |         'name': 'invalid.illegal.bad-comments-or-CDATA.html'
 45 |         'match': '--'
 46 |       }
 47 |       { 'include': '#embedded-code' }
 48 |     ]
 49 |     'begin': '<!--'
 50 |     'name': 'comment.block.html'
 51 |     'end': '--\\s*>'
 52 |   }
 53 |   {
 54 |     'captures': '0': 'name': 'punctuation.definition.tag.html'
 55 |     'patterns': [
 56 |       {
 57 |         'captures': '1': 'name': 'entity.name.tag.doctype.html'
 58 |         'patterns': [ {
 59 |           'name': 'string.quoted.double.doctype.identifiers-and-DTDs.html'
 60 |           'match': '"[^">]*"'
 61 |         } ]
 62 |         'begin': '(?i:DOCTYPE)'
 63 |         'name': 'meta.tag.sgml.doctype.html'
 64 |         'end': '(?=>)'
 65 |       }
 66 |       {
 67 |         'begin': '\\[CDATA\\['
 68 |         'name': 'constant.other.inline-data.html'
 69 |         'end': ']](?=>)'
 70 |       }
 71 |       {
 72 |         'name': 'invalid.illegal.bad-comments-or-CDATA.html'
 73 |         'match': '(\\s*)(?!--|>)\\S(\\s*)'
 74 |       }
 75 |     ]
 76 |     'begin': '<!'
 77 |     'name': 'meta.tag.sgml.html'
 78 |     'end': '>'
 79 |   }
 80 |   {
 81 |     'captures':
 82 |       '1': 'name': 'punctuation.definition.tag.begin.html'
 83 |       '2': 'name': 'entity.name.tag.style.html'
 84 |       '3': 'name': 'punctuation.definition.tag.html'
 85 |     'patterns': [
 86 |       { 'include': '#tag-stuff' }
 87 |       {
 88 |         'patterns': [ { 'include': 'source.jade' } ]
 89 |         'begin': '(>)'
 90 |         'end': '(?=</(?i:template))'
 91 |         'beginCaptures': '1': 'name': 'punctuation.definition.tag.end.html'
 92 |       }
 93 |     ]
 94 |     'begin': '(?:^\\s+)?(<)((?i:template))\\b(?=[^>]*lang="jade")'
 95 |     'name': 'source.vue-jade.embedded.html'
 96 |     'end': '(</)((?i:template))(>)(?:\\s*\\n)?'
 97 |   }
 98 |   {
 99 |     'captures':
100 |       '1': 'name': 'punctuation.definition.tag.begin.html'
101 |       '2': 'name': 'entity.name.tag.style.html'
102 |       '3': 'name': 'punctuation.definition.tag.html'
103 |     'patterns': [
104 |       { 'include': '#tag-stuff' }
105 |       {
106 |         'patterns': [ { 'include': 'source.pug' } ]
107 |         'begin': '(>)'
108 |         'end': '(?=</(?i:template))'
109 |         'beginCaptures': '1': 'name': 'punctuation.definition.tag.end.html'
110 |       }
111 |     ]
112 |     'begin': '(?:^\\s+)?(<)((?i:template))\\b(?=[^>]*lang="pug")'
113 |     'name': 'source.vue-pug.embedded.html'
114 |     'end': '(</)((?i:template))(>)(?:\\s*\\n)?'
115 |   }
116 |   {
117 |     'captures':
118 |       '1': 'name': 'punctuation.definition.tag.begin.html'
119 |       '2': 'name': 'entity.name.tag.style.html'
120 |       '3': 'name': 'punctuation.definition.tag.html'
121 |     'patterns': [
122 |       { 'include': '#tag-stuff' }
123 |       {
124 |         'patterns': [ { 'include': 'source.stylus' } ]
125 |         'begin': '(>)'
126 |         'end': '(?=</(?i:style))'
127 |         'beginCaptures': '1': 'name': 'punctuation.definition.tag.html'
128 |       }
129 |     ]
130 |     'begin': '(?:^\\s+)?(<)((?i:style))\\b(?=[^>]*lang="stylus")'
131 |     'name': 'source.vue-stylus.embedded.html'
132 |     'end': '(</)((?i:style))(>)(?:\\s*\\n)?'
133 |   }
134 |   {
135 |     'captures':
136 |       '1': 'name': 'punctuation.definition.tag.begin.html'
137 |       '2': 'name': 'entity.name.tag.style.html'
138 |       '3': 'name': 'punctuation.definition.tag.html'
139 |     'patterns': [
140 |       { 'include': '#tag-stuff' }
141 |       {
142 |         'patterns': [ { 'include': 'source.sass' } ]
143 |         'begin': '(>)'
144 |         'end': '(?=</(?i:style))'
145 |         'beginCaptures': '1': 'name': 'punctuation.definition.tag.end.html'
146 |       }
147 |     ]
148 |     'begin': '(?:^\\s+)?(<)((?i:style))\\b(?=[^>]*lang="postcss")'
149 |     'name': 'source.postcss.embedded.html'
150 |     'end': '(</)((?i:style))(>)(?:\\s*\\n)?'
151 |   }
152 |   {
153 |     'captures':
154 |       '1': 'name': 'punctuation.definition.tag.begin.html'
155 |       '2': 'name': 'entity.name.tag.style.html'
156 |       '3': 'name': 'punctuation.definition.tag.html'
157 |     'patterns': [
158 |       { 'include': '#tag-stuff' }
159 |       {
160 |         'patterns': [ { 'include': 'source.sass' } ]
161 |         'begin': '(>)'
162 |         'end': '(?=</(?i:style))'
163 |         'beginCaptures': '1': 'name': 'punctuation.definition.tag.end.html'
164 |       }
165 |     ]
166 |     'begin': '(?:^\\s+)?(<)((?i:style))\\b(?=[^>]*lang="(?:sass)")'
167 |     'name': 'source.sass.embedded.html'
168 |     'end': '(</)((?i:style))(>)(?:\\s*\\n)?'
169 |   }
170 |   {
171 |     'captures':
172 |       '1': 'name': 'punctuation.definition.tag.begin.html'
173 |       '2': 'name': 'entity.name.tag.style.html'
174 |       '3': 'name': 'punctuation.definition.tag.html'
175 |     'patterns': [
176 |       { 'include': '#tag-stuff' }
177 |       {
178 |         'patterns': [ { 'include': 'source.css.scss' } ]
179 |         'begin': '(>)'
180 |         'end': '(?=</(?i:style))'
181 |         'beginCaptures': '1': 'name': 'punctuation.definition.tag.end.html'
182 |       }
183 |     ]
184 |     'begin': '(?:^\\s+)?(<)((?i:style))\\b(?=[^>]*lang="(?:scss)")'
185 |     'name': 'source.css.scss.embedded.html'
186 |     'end': '(</)((?i:style))(>)(?:\\s*\\n)?'
187 |   }
188 |   {
189 |     'captures':
190 |       '1': 'name': 'punctuation.definition.tag.begin.html'
191 |       '2': 'name': 'entity.name.tag.style.html'
192 |       '3': 'name': 'punctuation.definition.tag.html'
193 |     'patterns': [
194 |       { 'include': '#tag-stuff' }
195 |       {
196 |         'patterns': [ { 'include': 'source.less' } ]
197 |         'begin': '(>)'
198 |         'end': '(?=</(?i:style))'
199 |         'beginCaptures': '1': 'name': 'punctuation.definition.tag.end.html'
200 |       }
201 |     ]
202 |     'begin': '(?:^\\s+)?(<)((?i:style))\\b(?=[^>]*lang="less")'
203 |     'name': 'source.less.embedded.html'
204 |     'end': '(</)((?i:style))(>)(?:\\s*\\n)?'
205 |   }
206 |   {
207 |     'captures':
208 |       '1': 'name': 'punctuation.definition.tag.begin.html'
209 |       '2': 'name': 'entity.name.tag.style.html'
210 |       '3': 'name': 'punctuation.definition.tag.html'
211 |     'patterns': [
212 |       { 'include': '#tag-stuff' }
213 |       {
214 |         'patterns': [
215 |           { 'include': 'source.css' }
216 |         ]
217 |         'begin': '(>)'
218 |         'end': '(?=</(?i:style))'
219 |         'beginCaptures': '1': 'name': 'punctuation.definition.tag.end.html'
220 |       }
221 |     ]
222 |     'begin': '(?:^\\s+)?(<)((?i:style))\\b(?![^>]*/>)'
223 |     'name': 'source.css.embedded.html'
224 |     'end': '(</)((?i:style))(>)(?:\\s*\\n)?'
225 |   }
226 |   {
227 |     'endCaptures': '2': 'name': 'punctuation.definition.tag.html'
228 |     'patterns': [
229 |       { 'include': '#tag-stuff' }
230 |       {
231 |         'captures':
232 |           '1': 'name': 'punctuation.definition.tag.begin.html'
233 |           '2': 'name': 'entity.name.tag.script.html'
234 |         'patterns': [ { 'include': 'source.coffee' } ]
235 |         'begin': '(?<!</(?:script|SCRIPT))(>)'
236 |         'end': '(</)((?i:script))'
237 |       }
238 |     ]
239 |     'beginCaptures':
240 |       '1': 'name': 'punctuation.definition.tag.begin.html'
241 |       '2': 'name': 'entity.name.tag.script.html'
242 |     'begin': '(?:^\\s+)?(<)((?i:script))\\b(?=[^>]*lang="coffee")'
243 |     'name': 'source.coffee.embedded.html'
244 |     'end': '(?<=</(script|SCRIPT))(>)(?:\\s*\\n)?'
245 |   }
246 |   {
247 |     'endCaptures': '2': 'name': 'punctuation.definition.tag.html'
248 |     'patterns': [
249 |       { 'include': '#tag-stuff' }
250 |       {
251 |         'captures':
252 |           '1': 'name': 'punctuation.definition.tag.begin.html'
253 |           '2': 'name': 'entity.name.tag.script.html'
254 |         'patterns': [
255 |           {
256 |             'captures': '1': 'name': 'punctuation.definition.comment.js'
257 |             'name': 'comment.line.double-slash.js'
258 |             'match': '(//).*?((?=</script)|$\\n?)'
259 |           }
260 |           {
261 |             'captures': '0': 'name': 'punctuation.definition.comment.js'
262 |             'begin': '/\\*'
263 |             'name': 'comment.block.js'
264 |             'end': '\\*/|(?=</script)'
265 |           }
266 |           { 'include': 'source.js' }
267 |         ]
268 |         'begin': '(?<!</(?:script|SCRIPT))(>)'
269 |         'end': '(</)((?i:script))'
270 |       }
271 |     ]
272 |     'beginCaptures':
273 |       '1': 'name': 'punctuation.definition.tag.begin.html'
274 |       '2': 'name': 'entity.name.tag.script.html'
275 |     'begin': '(?:^\\s+)?(<)((?i:script))\\b(?![^>]*/>)'
276 |     'name': 'source.js.embedded.html'
277 |     'end': '(?<=</(script|SCRIPT))(>)(?:\\s*\\n)?'
278 |   }
279 |   {
280 |     'captures':
281 |       '1': 'name': 'punctuation.definition.tag.begin.html'
282 |       '2': 'name': 'entity.name.tag.structure.any.html'
283 |     'endCaptures': '1': 'name': 'punctuation.definition.tag.end.html'
284 |     'patterns': [ { 'include': '#tag-stuff' } ]
285 |     'begin': '(</?)((?i:body|head|html)\\b)'
286 |     'name': 'meta.tag.structure.any.html'
287 |     'end': '(>)'
288 |   }
289 |   {
290 |     'endCaptures': '1': 'name': 'punctuation.definition.tag.end.html'
291 |     'patterns': [ { 'include': '#tag-stuff' } ]
292 |     'beginCaptures':
293 |       '1': 'name': 'punctuation.definition.tag.begin.html'
294 |       '2': 'name': 'entity.name.tag.block.any.html'
295 |     'begin': '(</?)((?i:address|blockquote|dd|div|dl|dt|fieldset|form|frame|frameset|h1|h2|h3|h4|h5|h6|iframe|noframes|object|ol|p|ul|applet|center|dir|hr|menu|pre)\b)'
296 |     'name': 'meta.tag.block.any.html'
297 |     'end': '(>)'
298 |   }
299 |   {
300 |     'endCaptures': '1': 'name': 'punctuation.definition.tag.end.html'
301 |     'patterns': [ { 'include': '#tag-stuff' } ]
302 |     'beginCaptures':
303 |       '1': 'name': 'punctuation.definition.tag.begin.html'
304 |       '2': 'name': 'entity.name.tag.inline.any.html'
305 |     'begin': '(</?)((?i:a|abbr|acronym|area|b|base|basefont|bdo|big|br|button|caption|cite|code|col|colgroup|del|dfn|em|font|head|html|i|img|input|ins|isindex|kbd|label|legend|li|link|map|meta|noscript|optgroup|option|param|q|s|samp|script|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|title|tr|tt|u|var)\b)'
306 |     'name': 'meta.tag.inline.any.html'
307 |     'end': '((?: ?/)?>)'
308 |   }
309 |   {
310 |     'endCaptures': '1': 'name': 'punctuation.definition.tag.end.html'
311 |     'patterns': [ { 'include': '#tag-stuff' } ]
312 |     'beginCaptures':
313 |       '1': 'name': 'punctuation.definition.tag.begin.html'
314 |       '2': 'name': 'entity.name.tag.other.html'
315 |     'begin': '(</?)([a-zA-Z0-9:]+)'
316 |     'name': 'meta.tag.other.html'
317 |     'end': '(>)'
318 |   }
319 |   { 'include': '#entities' }
320 |   {
321 |     'name': 'invalid.illegal.incomplete.html'
322 |     'match': '<>'
323 |   }
324 |   {
325 |     'name': 'invalid.illegal.bad-angle-bracket.html'
326 |     'match': '<'
327 |   }
328 | ]
329 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "language-vue-component",
 3 |   "version": "0.5.0",
 4 |   "description": "Adds syntax highlighting to Vue Component files in Atom.",
 5 |   "license": "MIT",
 6 |   "engines": {
 7 |     "atom": "*",
 8 |     "node": "*"
 9 |   },
10 |   "repository": {
11 |     "type": "git",
12 |     "url": "https://github.com/CYBAI/language-vue-component.git"
13 |   },
14 |   "bugs": {
15 |     "url": "https://github.com/CYBAI/language-vue-component/issues"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/settings/language-vue.cson:
--------------------------------------------------------------------------------
1 | '.source.vue':
2 |   'editor':
3 |     'autoIndentOnPaste': false
4 | 


--------------------------------------------------------------------------------