Add highlighting for JSX fragment

Author: uniqueiniquity

TypeScriptReact.YAML-tmLanguage

@@ -28,9 +28,23 @@ repository:
     patterns:
     - include: '#jsx-tag-without-attributes-in-expression'
     - include: '#jsx-tag-in-expression'
-    - include: '#jsx-tag-invalid'
+    - include: '#jsx-fragment'
 
   #jsx tags
+  jsx-fragment:
+    name: meta.tag.fragment.tsx
+    begin: (<)\s*(>)
+    end: (</)\s*(>)
+    beginCaptures:
+      '1': {name: punctuation.definition.tag.begin.tsx}
+      '2': {name: punctuation.definition.tag.end.tsx}
+    endCaptures:
+      '1': {name: punctuation.definition.tag.begin.tsx}
+      '2': {name: punctuation.definition.tag.end.tsx}
+    contentName: meta.jsx.children.tsx
+    patterns:
+    - include: '#jsx-children'
+
   jsx-tag-without-attributes-in-expression:
     begin: |-
       (?x)
@@ -128,16 +142,12 @@ repository:
       patterns:
       - include: '#jsx-children'
 
-  jsx-tag-invalid:
-    name: invalid.illegal.tag.incomplete.tsx
-    match: <\s*>
-
   #jsx children
   jsx-children:
     patterns:
     - include: '#jsx-tag-without-attributes'
     - include: '#jsx-child-tag'
-    - include: '#jsx-tag-invalid'
+    - include: '#jsx-fragment'
     - include: '#jsx-evaluated-code'
     - include: '#jsx-entities'