refactor: Make syntax definition more similar to indent definition

syntax/vue.vim

@@ -28,51 +28,33 @@ function! s:syntax_available(language)
   return !empty(globpath(&runtimepath, 'syntax/' . a:language . '.vim'))
 endfunction
 
-""
+let s:languages = [
-" Register {language} for a given {tag}. If [attr_override] is given and not
+      \ {'name': 'less',       'tag': 'style'},
-" empty, it will be used for the attribute pattern.
+      \ {'name': 'pug',        'tag': 'template', 'attr_pattern': s:attr('lang', '\%(pug\|jade\)')},
-function! s:register_language(language, tag, ...)
+      \ {'name': 'slm',        'tag': 'template'},
-  let attr_override = a:0 ? a:1 : ''
+      \ {'name': 'handlebars', 'tag': 'template'},
-  let attr = !empty(attr_override) ? attr_override : s:attr('lang', a:language)
+      \ {'name': 'haml',       'tag': 'template'},
-
+      \ {'name': 'typescript', 'tag': 'script', 'attr_pattern': '\%(lang=\("\|''\)[^\1]*\(ts\|typescript\)[^\1]*\1\|ts\)'},
-  if s:syntax_available(a:language)
+      \ {'name': 'coffee',     'tag': 'script'},
-    execute 'syntax include @' . a:language . ' syntax/' . a:language . '.vim'
+      \ {'name': 'stylus',     'tag': 'style'},
-    unlet! b:current_syntax
+      \ {'name': 'sass',       'tag': 'style'},
-    execute 'syntax region vue_' . a:language
+      \ {'name': 'scss',       'tag': 'style'},
-          \ 'keepend'
-          \ 'start=/<' . a:tag . '\>\_[^>]*' . attr . '\_[^>]*>/'
-          \ 'end="</' . a:tag . '>"me=s-1'
-          \ 'contains=@' . a:language . ',vueSurroundingTag'
-          \ 'fold'
-  endif
-endfunction
-
-let s:language_config = [
-      \ {'lang': 'less',       'args': ['less', 'style']},
-      \ {'lang': 'pug',        'args': ['pug', 'template', s:attr('lang', '\%(pug\|jade\)')]},
-      \ {'lang': 'slm',        'args': ['slm', 'template']},
-      \ {'lang': 'handlebars', 'args': ['handlebars', 'template']},
-      \ {'lang': 'haml',       'args': ['haml', 'template']},
-      \ {'lang': 'typescript', 'args': ['typescript', 'script', '\%(lang=\("\|''\)[^\1]*\(ts\|typescript\)[^\1]*\1\|ts\)']},
-      \ {'lang': 'coffee',     'args': ['coffee', 'script']},
-      \ {'lang': 'stylus',     'args': ['stylus', 'style']},
-      \ {'lang': 'sass',       'args': ['sass', 'style']},
-      \ {'lang': 'scss',       'args': ['scss', 'style']},
       \ ]
-let s:language_dict = {}
-for item in s:language_config
-  let s:language_dict[item.lang] = item.args
-endfor
 
-if exists("g:vue_pre_processors")
+for s:language in s:languages
-  let pre_processors = g:vue_pre_processors
+  if !exists("g:vue_pre_processors") || index(g:vue_pre_processors, s:language.name) != -1
-else
+    let s:attr_pattern = has_key(s:language, 'attr_pattern') ? s:language.attr_pattern : s:attr('lang', s:language.name)
-  let pre_processors = map(copy(s:language_config), {k, v -> v.lang})
-endif
 
-for language in pre_processors
+    if s:syntax_available(s:language.name)
-  if has_key(s:language_dict, language)
+      execute 'syntax include @' . s:language.name . ' syntax/' . s:language.name . '.vim'
-    call call("s:register_language", get(s:language_dict, language))
+      unlet! b:current_syntax
+      execute 'syntax region vue_' . s:language.name
+            \ 'keepend'
+            \ 'start=/<' . s:language.tag . '\>\_[^>]*' . s:attr_pattern . '\_[^>]*>/'
+            \ 'end="</' . s:language.tag . '>"me=s-1'
+            \ 'contains=@' . s:language.name . ',vueSurroundingTag'
+            \ 'fold'
+    endif
   endif
 endfor
 

test/test_pre_processor_option.vader

@@ -0,0 +1,15 @@
+Execute (enable only scss preprocessor):
+  let g:vue_pre_processors = ['typescript']
+
+Given vue:
+  <template lang="pug">
+    .some-class
+  </template>
+  <script lang="typescript">
+  @Component({})
+  </script>
+
+Execute (only scss is highlighted):
+  Assert SyntaxOf('.some-class') !~# '^pug', "pug shouldn't be highlighted"
+  Assert SyntaxOf('@Component({})') =~# '^typescript', "typescript should be highlighted"
+  unlet g:vue_pre_processors