diff --git a/extensions/vscode-vue-language-features/syntaxes/vue-directives.json b/extensions/vscode-vue-language-features/syntaxes/vue-directives.json
index 79fd84b78..6aa920053 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 -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
index f5df89976..4e9ac581b 100644
--- 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>