@@ -4,9 +4,6 @@
4(jsx_opening_element ((identifier) @constructor
4(jsx_opening_element ((identifier) @constructor
5 (#match? @constructor "^[A-Z]")))
5 (#match? @constructor "^[A-Z]")))
7−; Handle the dot operator effectively - <My.Component>
8−(jsx_opening_element ((nested_identifier (identifier) @tag (identifier) @constructor)))
10(jsx_opening_element (identifier) @tag)
7(jsx_opening_element (identifier) @tag)
12; Closing elements
9; Closing elements
@@ -15,9 +12,6 @@
15(jsx_closing_element ((identifier) @constructor
12(jsx_closing_element ((identifier) @constructor
16 (#match? @constructor "^[A-Z]")))
13 (#match? @constructor "^[A-Z]")))
18−; Handle the dot operator effectively - </My.Component>
19−(jsx_closing_element ((nested_identifier (identifier) @tag (identifier) @constructor)))
21(jsx_closing_element (identifier) @tag)
15(jsx_closing_element (identifier) @tag)
23; Self-closing elements
17; Self-closing elements
@@ -26,9 +20,6 @@
26(jsx_self_closing_element ((identifier) @constructor
20(jsx_self_closing_element ((identifier) @constructor
27 (#match? @constructor "^[A-Z]")))
21 (#match? @constructor "^[A-Z]")))
29−; Handle the dot operator effectively - <My.Component />
30−(jsx_self_closing_element ((nested_identifier (identifier) @tag (identifier) @constructor)))
32(jsx_self_closing_element (identifier) @tag)
23(jsx_self_closing_element (identifier) @tag)
34; Attributes
25; Attributes
@@ -39,17 +30,14 @@
39; Punctuation
30; Punctuation
40; -----------
31; -----------
42−; Handle attribute delimiter
33+; Handle attribute delimiter (<Component color="red"/>)
43(jsx_attribute "=" @punctuation.delimiter)
34(jsx_attribute "=" @punctuation.delimiter)
45; <Component>
36; <Component>
46(jsx_opening_element ["<" ">"] @punctuation.bracket)
37(jsx_opening_element ["<" ">"] @punctuation.bracket)
48; </Component>
39; </Component>
49−(jsx_closing_element ["<" "/" ">"] @punctuation.bracket)
40+(jsx_closing_element ["</" ">"] @punctuation.bracket)
51; <Component />
42; <Component />
52−(jsx_self_closing_element ["<" "/" ">"] @punctuation.bracket)
43+(jsx_self_closing_element ["<" "/>"] @punctuation.braket)
55−(jsx_fragment ["<" "/" ">"] @punctuation.bracket)