use @tag and @type directives for jsx highlights

This commit is contained in:
kiyan42 2020-09-19 12:21:28 +02:00 committed by Kiyan Yazdani
parent cd9cab7990
commit 1340375c90

View file

@ -1,12 +1,26 @@
(jsx_element
open_tag: (jsx_opening_element ["<" ">"] @operator))
open_tag: (jsx_opening_element ["<" ">"] @tag.delimiter))
(jsx_element
close_tag: (jsx_closing_element ["<" "/" ">"] @operator))
(jsx_self_closing_element ["/" ">" "<"] @operator)
(jsx_fragment [">" "<" "/"] @operator)
close_tag: (jsx_closing_element ["<" "/" ">"] @tag.delimiter))
(jsx_self_closing_element ["/" ">" "<"] @tag.delimiter)
(jsx_fragment [">" "<" "/"] @tag.delimiter)
(jsx_closing_element name: (identifier) @variable.builtin)
(jsx_opening_element name: (identifier) @variable.builtin)
(jsx_self_closing_element name: (identifier) @variable.builtin)
(jsx_opening_element
name: (identifier) @tag)
(jsx_closing_element
name: (identifier) @tag)
(jsx_self_closing_element
name: (identifier) @tag)
(jsx_opening_element ((identifier) @type
(#match? @type "^[A-Z]")))
(jsx_closing_element ((identifier) @type
(#match? @type "^[A-Z]")))
(jsx_self_closing_element ((identifier) @type
(#match? @type "^[A-Z]")))
(jsx_text) @none