fix: avoid vue directives syntax inject to tsx, jsx

close #1617
vuejs · Jul 23, 2022 · 0d0c592 · 0d0c592
1 parent cf0538a
commit 0d0c592
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git 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
@@ -0,0 +1,11 @@
+<script lang="tsx">
+(<Foo
+	class={{ 'foo': 123 }}
+/>);
+</script>
+
+<script lang="jsx">
+(<Foo
+	class={{ 'foo': 123 }}
+/>)
+</script>