fix: pug syntax highlighting confuses element id with interpolation

close #1826
vuejs · Sep 6, 2022 · 8b9238e · 8b9238e
1 parent 88864c3
commit 8b9238e
Show file tree

Hide file tree

Showing 2 changed files with 7 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 -source.tsx -source.js.jsx, L:meta.element -meta.attribute",
+	"injectionSelector": "L:meta.tag -meta.attribute -entity.name.tag.pug -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/directives.vue b/packages/vue-test-workspace/syntax/directives.vue
@@ -36,6 +36,12 @@ div(:foo="[{ bar: []}]")
 div(style="width: 100%; height: auto;")
 </template>
 
+<template lang="pug">
+h1.myClass(class="text-right") hello
+//- https://github.com/johnsoncodehk/volar/issues/1826
+h1#myId(class="text-right") hello
+</template>
+
 <!-- TODO -->
 <template lang="html">
 	<div @click></div>