From 8a8be98f12e0c47b7d36e9216492126f057e3ed2 Mon Sep 17 00:00:00 2001
From: Callum Macrae <callum@macr.ae>
Date: Fri, 3 Dec 2021 10:08:25 +0000
Subject: [PATCH] Add TSX support for <script type="tsx">

Previously, TSX wasn't being highlighted as when in typescript it requires the language to be `typescriptreact`, not `typescript`.

I've changed it so that the `typescript` matcher no longer matches `type="tsx"`, and there's a new matcher to handle that.

Honestly I have absolutely no idea what's going on in that regex so might have got something wrong. I've manually tested the expression against a few different script type types but don't 100% understand the intention of the original expression (which also matches `type="tshelloworld"`).
---
 syntax/vue.vim | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/syntax/vue.vim b/syntax/vue.vim
index 56cdf33..282de81 100644
--- a/syntax/vue.vim
+++ b/syntax/vue.vim
@@ -45,7 +45,8 @@ let s:languages = [
       \ {'name': 'slm',        'tag': 'template'},
       \ {'name': 'handlebars', 'tag': 'template'},
       \ {'name': 'haml',       'tag': 'template'},
-      \ {'name': 'typescript', 'tag': 'script', 'attr_pattern': '\%(lang=\("\|''\)[^\1]*\(ts\|typescript\)[^\1]*\1\|ts\)'},
+      \ {'name': 'typescript', 'tag': 'script', 'attr_pattern': '\%(lang=\("\|''\)[^\1]*\(ts\|typescript\)[^\1x]*\1\|ts\)'},
+      \ {'name': 'typescriptreact', 'tag': 'script', 'attr_pattern': '\%(lang=\("\|''\)[^\1]*\(tsx\)[^\1]*\1\|ts\)'},
       \ {'name': 'coffee',     'tag': 'script'},
       \ {'name': 'stylus',     'tag': 'style'},
       \ {'name': 'sass',       'tag': 'style'},