From a2791727525fe28241d82c8d463bfdef68c3e2c5 Mon Sep 17 00:00:00 2001
From: Adriaan Zonnenberg <amz@adriaan.xyz>
Date: Sat, 3 Mar 2018 19:45:09 +0100
Subject: [PATCH] Fix #68 - change load order of syntax files

I'm not sure what's the root cause of this, but this seems to work.
---
 syntax/vue.vim         | 2 +-
 test/test_syntax.vader | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/syntax/vue.vim b/syntax/vue.vim
index d472da6..e9a61a8 100644
--- a/syntax/vue.vim
+++ b/syntax/vue.vim
@@ -43,6 +43,7 @@ function! s:register_language(language, tag, ...)
 endfunction
 
 if !exists("g:vue_disable_pre_processors") || !g:vue_disable_pre_processors
+  call s:register_language('less', 'style')
   call s:register_language('pug', 'template', s:attr('lang', '\%(pug\|jade\)'))
   call s:register_language('slm', 'template')
   call s:register_language('handlebars', 'template')
@@ -52,7 +53,6 @@ if !exists("g:vue_disable_pre_processors") || !g:vue_disable_pre_processors
   call s:register_language('stylus', 'style')
   call s:register_language('sass', 'style')
   call s:register_language('scss', 'style')
-  call s:register_language('less', 'style')
 endif
 
 syn region  vueSurroundingTag   contained start=+<\(script\|style\|template\)+ end=+>+ fold contains=htmlTagN,htmlString,htmlArg,htmlValue,htmlTagError,htmlEvent
diff --git a/test/test_syntax.vader b/test/test_syntax.vader
index 5789c89..63680af 100644
--- a/test/test_syntax.vader
+++ b/test/test_syntax.vader
@@ -90,10 +90,15 @@ Execute:
 Given vue (SCSS region):
   <style lang="scss">
   $green: #42b983;
+
+  button {
+    background-color: $green;
+  }
   </style>
 
 Execute:
-  AssertEqual 'scssVariable', SyntaxAt(2, 1)
+  AssertEqual 'scssVariable', SyntaxOf('$green', 1)
+  AssertEqual 'scssVariable', SyntaxOf('$green', 2)
   AssertEqual 'vueSurroundingTag', SyntaxAt(1, 1)
 
 #