VimPlug/vim-vue
1
0
Fork 0
mirror of https://github.com/posva/vim-vue.git synced 2025-12-08 02:14:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Highlight the surrounding tags correctly

Browse Source 
Removes omit_attr argument from s:register_language(), because html,
javascript, and css regions were the only ones that used it, and they
are now handled by syntax/html.vim.

`runtime! syntax/html.vim` also has the advantage that we can hook into
the html syntax, meaning that we can add stuff like highlighting
javascript expressions inside vue directives, and add our own html
attributes.

Also removes the start of line limitation introduced in previous commit
This commit is contained in:
Adriaan Zonnenberg
2017-03-25 22:58:43 +01:00
parent 32d2c0a943
commit b5c8e6f330
2 changed files with 28 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
test/test_syntax.vader
View File

@@ -8,6 +8,8 @@ Given vue (HTML template without lang attribute):
Execute:
AssertEqual 'htmlTag', SyntaxAt(2, 3)
AssertEqual 'htmlTag', SyntaxAt(1, 1)
AssertEqual 'htmlSpecialTagName', SyntaxAt(1, 2)
Given vue (Template tag inside a template):
@@ -32,7 +34,7 @@ Given vue:
Execute:
AssertEqual 'javaScriptLineComment', SyntaxAt(2, 1)
" TODO: Assert that the script tag is highlighted as HTML
AssertEqual 'htmlScriptTag', SyntaxAt(1, 1)
Given vue (Script tag with misc. attributes and newline):
@@ -44,6 +46,8 @@ Given vue (Script tag with misc. attributes and newline):
Execute:
AssertEqual 'javaScriptLineComment', SyntaxAt(4, 1)
AssertEqual 'htmlArg', SyntaxAt(2, 9)
AssertEqual 'htmlScriptTag', SyntaxAt(1, 1)
#
# CSS
@@ -55,7 +59,7 @@ Given vue (CSS region without lang attribute):
Execute:
AssertEqual 'cssComment', SyntaxAt(2, 1)
" TODO Assert that the style tag is highlighted as HTML
AssertEqual 'htmlTag', SyntaxAt(1, 1)
#
# Pug
@@ -68,6 +72,7 @@ Given vue (Pug template):
Execute:
AssertEqual 'htmlTagName', SyntaxAt(2, 1)
AssertEqual 'pugInterpolationDelimiter', SyntaxAt(2, 3)
AssertEqual 'vueSurroundingTag', SyntaxAt(1, 1)
Given vue (Pug template using their former name):
@@ -89,6 +94,7 @@ Given vue (SCSS region):
Execute:
AssertEqual 'scssVariable', SyntaxAt(2, 1)
AssertEqual 'vueSurroundingTag', SyntaxAt(1, 1)
#
# Sass
@@ -100,6 +106,7 @@ Given vue (Sass region):
Execute:
AssertEqual 'sassVariable', SyntaxAt(2, 1)
AssertEqual 'vueSurroundingTag', SyntaxAt(1, 1)
Given vue (Sass region with modifier):
@@ -124,6 +131,7 @@ Given vue (Sass region):
Execute:
AssertEqual 'stylusImport', SyntaxAt(2, 1)
AssertEqual 'cssTagName', SyntaxAt(4, 1)
AssertEqual 'vueSurroundingTag', SyntaxAt(1, 1)
#
@@ -136,6 +144,7 @@ Given vue (Typescript region using "ts" as name):
Execute:
AssertEqual 'typescriptDecorators', SyntaxAt(2, 1)
AssertEqual 'vueSurroundingTag', SyntaxAt(1, 1)
Given vue (Typescript region using "typescript" as name):
@@ -154,3 +163,4 @@ Given vue (Typescript region using "ts" attribute):
Execute:
AssertEqual 'typescriptDecorators', SyntaxAt(2, 1)
AssertEqual 'htmlArg', SyntaxAt(1, 9)