added TSX style color to svelte component tags. (#318)

sveltejs · Jul 18, 2020 · ffafc2d · ffafc2d
1 parent d3a81d9
commit ffafc2d
Showing 1 changed file with 28 additions and 1 deletion.
diff --git a/packages/svelte-vscode/syntaxes/svelte.tmLanguage.json b/packages/svelte-vscode/syntaxes/svelte.tmLanguage.json
@@ -3,6 +3,7 @@
     "scopeName": "source.svelte",
     "fileTypes": ["svelte"],
     "uuid": "7582b62f-51d9-4a84-8c8d-fc189530faf6",
+
     "patterns": [
         {
             "begin": "(<)(style)\\b(?=[^>]*(?:type=('text/sass'|\"text/sass\")|lang=(sass|'sass'|\"sass\")))(?![^/>]*/>\\s*$)",
@@ -540,7 +541,7 @@
             ]
         },
         {
-            "begin": "(</?)([a-zA-Z][a-zA-Z0-9:-]*)",
+            "begin": "(</?)([a-z][a-zA-Z0-9:-]*)",
             "beginCaptures": {
                 "1": {
                     "name": "punctuation.definition.tag.begin.html"
@@ -562,6 +563,32 @@
                 }
             ]
         },
+        {
+            "begin": "(</?)([A-Z][a-zA-Z0-9:-]*)",
+            "beginCaptures": {
+                "1": {
+                    "name": "punctuation.definition.tag.begin.html"
+                },
+                "2": {
+                    "name": "support.class.component.tsx"
+                }
+            },
+            "end": "(/?>)",
+            "endCaptures": {
+                "1": {
+                    "name": "punctuation.definition.tag.end.html"
+                },
+                "2": {
+                    "name": "support.class.component.tsx"
+                }
+            },
+            "name": "meta.tag.svelte",
+            "patterns": [
+                {
+                    "include": "#tag-stuff"
+                }
+            ]
+        },
         {
             "begin": "<!--",
             "end": "-->",