From 0d0c5929be1279e0ecd8752c8c2aaf178ec34a67 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Sat, 23 Jul 2022 20:38:07 +0800
Subject: [PATCH] fix: avoid vue directives syntax inject to tsx, jsx

close #1617
---
 .../syntaxes/vue-directives.json                      |  2 +-
 packages/vue-test-workspace/syntax/jsx.vue            | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 packages/vue-test-workspace/syntax/jsx.vue

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>