diff --git a/extensions/vscode-vue-language-features/syntaxes/vue-directives.json b/extensions/vscode-vue-language-features/syntaxes/vue-directives.json
index c443713da..79fd84b78 100644
--- a/extensions/vscode-vue-language-features/syntaxes/vue-directives.json
+++ b/extensions/vscode-vue-language-features/syntaxes/vue-directives.json
@@ -1,6 +1,6 @@
 {
 	"fileTypes": [],
-	"injectionSelector": "L:meta.tag -meta.attribute -attribute_value, L:meta.element -meta.attribute",
+	"injectionSelector": "L:meta.tag -meta.attribute -attribute_value -source.tsx -source.js.jsx, L:meta.element -meta.attribute",
 	"patterns": [
 		{
 			"include": "source.vue#vue-directives"
diff --git a/packages/vue-test-workspace/syntax/jsx.vue b/packages/vue-test-workspace/syntax/jsx.vue
new file mode 100644
index 000000000..a0d87a44b
--- /dev/null
+++ b/packages/vue-test-workspace/syntax/jsx.vue
@@ -0,0 +1,11 @@
+<script lang="tsx">
+(<Foo
+	class={{ 'foo': 123 }}
+/>);
+</script>
+
+<script lang="jsx">
+(<Foo
+	class={{ 'foo': 123 }}
+/>)
+</script>