From e053544b27f80d3d0212642d31f25e71e66a923c Mon Sep 17 00:00:00 2001
From: KazariEX <zinkawaii@qq.com>
Date: Sun, 16 Nov 2025 18:57:45 +0800
Subject: [PATCH 1/6] refactor: `\\/` -> `/`

---
 .../vscode/syntaxes/vue.tmLanguage.json       | 60 +++++++++----------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/extensions/vscode/syntaxes/vue.tmLanguage.json b/extensions/vscode/syntaxes/vue.tmLanguage.json
index b0d1cab30e..32f1244295 100644
--- a/extensions/vscode/syntaxes/vue.tmLanguage.json
+++ b/extensions/vscode/syntaxes/vue.tmLanguage.json
@@ -45,7 +45,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "text.html.markdown",
 							"patterns": [
 								{
@@ -103,7 +103,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "text.pug",
 							"patterns": [
 								{
@@ -135,7 +135,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.stylus",
 							"patterns": [
 								{
@@ -167,7 +167,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.postcss",
 							"patterns": [
 								{
@@ -199,7 +199,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.sass",
 							"patterns": [
 								{
@@ -231,7 +231,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.css",
 							"patterns": [
 								{
@@ -263,7 +263,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.css.scss",
 							"patterns": [
 								{
@@ -295,7 +295,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.css.less",
 							"patterns": [
 								{
@@ -327,7 +327,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.js",
 							"patterns": [
 								{
@@ -359,7 +359,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.ts",
 							"patterns": [
 								{
@@ -391,7 +391,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.js.jsx",
 							"patterns": [
 								{
@@ -423,7 +423,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.tsx",
 							"patterns": [
 								{
@@ -455,7 +455,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.coffee",
 							"patterns": [
 								{
@@ -487,7 +487,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.json",
 							"patterns": [
 								{
@@ -519,7 +519,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.json.comments",
 							"patterns": [
 								{
@@ -551,7 +551,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.json5",
 							"patterns": [
 								{
@@ -583,7 +583,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.yaml",
 							"patterns": [
 								{
@@ -615,7 +615,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.toml",
 							"patterns": [
 								{
@@ -647,7 +647,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.graphql",
 							"patterns": [
 								{
@@ -679,7 +679,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "source.vue",
 							"patterns": [
 								{
@@ -690,7 +690,7 @@
 					]
 				},
 				{
-					"begin": "(template)(?=\\s|\\/?>)",
+					"begin": "(template)(?=\\s|/?>)",
 					"beginCaptures": {
 						"1": {
 							"name": "entity.name.tag.$1.html.vue"
@@ -711,7 +711,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/template[\\s>])",
+							"end": "(?=</template[\\s>])",
 							"name": "text.html.derivative",
 							"patterns": [
 								{
@@ -722,7 +722,7 @@
 					]
 				},
 				{
-					"begin": "(script)(?=\\s|\\/?>)",
+					"begin": "(script)(?=\\s|/?>)",
 					"beginCaptures": {
 						"1": {
 							"name": "entity.name.tag.$1.html.vue"
@@ -743,7 +743,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/script[\\s>])",
+							"end": "(?=</script[\\s>])",
 							"name": "source.js",
 							"patterns": [
 								{
@@ -754,7 +754,7 @@
 					]
 				},
 				{
-					"begin": "(style)(?=\\s|\\/?>)",
+					"begin": "(style)(?=\\s|/?>)",
 					"beginCaptures": {
 						"1": {
 							"name": "entity.name.tag.$1.html.vue"
@@ -775,7 +775,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/style[\\s>])",
+							"end": "(?=</style[\\s>])",
 							"name": "source.css",
 							"patterns": [
 								{
@@ -807,7 +807,7 @@
 						},
 						{
 							"begin": "(?<=>)",
-							"end": "(?=<\\/)",
+							"end": "(?=</)",
 							"name": "text"
 						}
 					]
@@ -891,7 +891,7 @@
 			]
 		},
 		"template-tag-2": {
-			"begin": "(<)(template)(?=\\s|\\/?>)",
+			"begin": "(<)(template)(?=\\s|/?>)",
 			"beginCaptures": {
 				"1": {
 					"name": "punctuation.definition.tag.begin.html.vue"
@@ -1087,11 +1087,11 @@
 							"name": "punctuation.separator.key-value.html.vue"
 						}
 					},
-					"end": "(?=(\\s|>|\\/>))",
+					"end": "(?=\\s|/?>)",
 					"patterns": [
 						{
 							"begin": "(?=[^'\"`])",
-							"end": "(?=(\\s|>|\\/>))",
+							"end": "(?=\\s|/?>)",
 							"name": "source.ts.embedded.html.vue",
 							"patterns": [
 								{

From e303273a686cbca262d6655ab1c3d6ee4c5cd33b Mon Sep 17 00:00:00 2001
From: KazariEX <zinkawaii@qq.com>
Date: Sun, 16 Nov 2025 19:05:18 +0800
Subject: [PATCH 2/6] refactor: `entity.name.tag.$1.html.vue` ->
 `entity.name.tag.html.vue` to align with html behavior

---
 .../vscode/syntaxes/vue.tmLanguage.json       | 106 +++++++++---------
 1 file changed, 53 insertions(+), 53 deletions(-)

diff --git a/extensions/vscode/syntaxes/vue.tmLanguage.json b/extensions/vscode/syntaxes/vue.tmLanguage.json
index 32f1244295..767dbe4412 100644
--- a/extensions/vscode/syntaxes/vue.tmLanguage.json
+++ b/extensions/vscode/syntaxes/vue.tmLanguage.json
@@ -27,7 +27,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)md\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -36,7 +36,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -59,7 +59,7 @@
 					"begin": "(?!template(?![A-Za-z0-9:-]))([A-Za-z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)html\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -68,7 +68,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"contentName": "text.html.derivative",
@@ -85,7 +85,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)pug\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -94,7 +94,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -117,7 +117,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)stylus\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -126,7 +126,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -149,7 +149,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)postcss\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -158,7 +158,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -181,7 +181,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)sass\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -190,7 +190,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -213,7 +213,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)css\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -222,7 +222,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -245,7 +245,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)scss\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -254,7 +254,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -277,7 +277,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)less\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -286,7 +286,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -309,7 +309,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)js\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -318,7 +318,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -341,7 +341,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)ts\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -350,7 +350,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -373,7 +373,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)jsx\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -382,7 +382,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -405,7 +405,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)tsx\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -414,7 +414,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -437,7 +437,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)coffee\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -446,7 +446,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -469,7 +469,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)json\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -478,7 +478,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -501,7 +501,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)jsonc\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -510,7 +510,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -533,7 +533,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)json5\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -542,7 +542,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -565,7 +565,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)yaml\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -574,7 +574,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -597,7 +597,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)toml\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -606,7 +606,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -629,7 +629,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)(gql|graphql)\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -638,7 +638,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -661,7 +661,7 @@
 					"begin": "([a-zA-Z0-9:-]+)\\b(?=[^>]*\\blang\\s*=\\s*(['\"]?)vue\\b\\2)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -670,7 +670,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -693,7 +693,7 @@
 					"begin": "(template)(?=\\s|/?>)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -702,7 +702,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -725,7 +725,7 @@
 					"begin": "(script)(?=\\s|/?>)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -734,7 +734,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -757,7 +757,7 @@
 					"begin": "(style)(?=\\s|/?>)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -766,7 +766,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -789,7 +789,7 @@
 					"begin": "([a-zA-Z0-9:-]+)",
 					"beginCaptures": {
 						"1": {
-							"name": "entity.name.tag.$1.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"end": "(</)(\\1)\\s*(?=>)",
@@ -798,7 +798,7 @@
 							"name": "punctuation.definition.tag.begin.html.vue"
 						},
 						"2": {
-							"name": "entity.name.tag.$2.html.vue"
+							"name": "entity.name.tag.html.vue"
 						}
 					},
 					"patterns": [
@@ -823,7 +823,7 @@
 					"name": "punctuation.definition.tag.begin.html.vue"
 				},
 				"2": {
-					"name": "entity.name.tag.$2.html.vue"
+					"name": "entity.name.tag.html.vue"
 				}
 			},
 			"end": "(/>)",
@@ -856,7 +856,7 @@
 					"name": "punctuation.definition.tag.begin.html.vue"
 				},
 				"2": {
-					"name": "entity.name.tag.$2.html.vue"
+					"name": "entity.name.tag.html.vue"
 				},
 				"3": {
 					"name": "punctuation.definition.tag.end.html.vue"
@@ -897,7 +897,7 @@
 					"name": "punctuation.definition.tag.begin.html.vue"
 				},
 				"2": {
-					"name": "entity.name.tag.$2.html.vue"
+					"name": "entity.name.tag.html.vue"
 				}
 			},
 			"end": "(/?>)",

From 103e047a7ad8a57308dc6f38f22d47aaf102e33a Mon Sep 17 00:00:00 2001
From: KazariEX <zinkawaii@qq.com>
Date: Sun, 16 Nov 2025 19:32:21 +0800
Subject: [PATCH 3/6] refactor: merge two template tag patterns into one

---
 .../vscode/syntaxes/vue.tmLanguage.json       |  81 ++-------
 .../tests/__snapshots__/grammar.spec.ts.snap  | 168 ++++++++++++------
 .../tag-starts-with-template.vue              |  12 +-
 3 files changed, 138 insertions(+), 123 deletions(-)

diff --git a/extensions/vscode/syntaxes/vue.tmLanguage.json b/extensions/vscode/syntaxes/vue.tmLanguage.json
index 767dbe4412..9681cc6ceb 100644
--- a/extensions/vscode/syntaxes/vue.tmLanguage.json
+++ b/extensions/vscode/syntaxes/vue.tmLanguage.json
@@ -826,13 +826,12 @@
 					"name": "entity.name.tag.html.vue"
 				}
 			},
-			"end": "(/>)",
+			"end": "(?<=/>)",
 			"endCaptures": {
-				"1": {
+				"0": {
 					"name": "punctuation.definition.tag.end.html.vue"
 				}
 			},
-			"name": "self-closing-tag",
 			"patterns": [
 				{
 					"include": "#tag-stuff"
@@ -840,90 +839,36 @@
 			]
 		},
 		"template-tag": {
-			"patterns": [
-				{
-					"include": "#template-tag-1"
-				},
-				{
-					"include": "#template-tag-2"
-				}
-			]
-		},
-		"template-tag-1": {
-			"begin": "(<)(template)\\b(>)",
+			"begin": "(<)(template)(?=\\s|/?>)",
 			"beginCaptures": {
 				"1": {
 					"name": "punctuation.definition.tag.begin.html.vue"
 				},
 				"2": {
 					"name": "entity.name.tag.html.vue"
-				},
-				"3": {
-					"name": "punctuation.definition.tag.end.html.vue"
 				}
 			},
-			"end": "(/?>)",
+			"end": "(</)(\\2)\\s*(>)|(?<=/>)",
 			"endCaptures": {
-				"1": {
-					"name": "punctuation.definition.tag.end.html.vue"
-				}
-			},
-			"name": "meta.template-tag.start",
-			"patterns": [
-				{
-					"begin": "\\G",
-					"end": "(?=/>)|((</)(template)(?=[\\s>]))",
-					"endCaptures": {
-						"2": {
-							"name": "punctuation.definition.tag.begin.html.vue"
-						},
-						"3": {
-							"name": "entity.name.tag.$3.html.vue"
-						}
-					},
-					"name": "meta.template-tag.end",
-					"patterns": [
-						{
-							"include": "#html-stuff"
-						}
-					]
-				}
-			]
-		},
-		"template-tag-2": {
-			"begin": "(<)(template)(?=\\s|/?>)",
-			"beginCaptures": {
 				"1": {
 					"name": "punctuation.definition.tag.begin.html.vue"
 				},
 				"2": {
 					"name": "entity.name.tag.html.vue"
-				}
-			},
-			"end": "(/?>)",
-			"endCaptures": {
-				"1": {
+				},
+				"3": {
 					"name": "punctuation.definition.tag.end.html.vue"
 				}
 			},
-			"name": "meta.template-tag.start",
 			"patterns": [
 				{
-					"begin": "\\G",
-					"end": "(?=/>)|((</)(template)(?=[\\s>]))",
-					"endCaptures": {
-						"2": {
-							"name": "punctuation.definition.tag.begin.html.vue"
-						},
-						"3": {
-							"name": "entity.name.tag.$3.html.vue"
-						}
-					},
-					"name": "meta.template-tag.end",
+					"include": "#tag-stuff"
+				},
+				{
+					"begin": "(?<=>)",
+					"end": "(?=</template[\\s>])",
+					"name": "text.html.derivative",
 					"patterns": [
-						{
-							"include": "#tag-stuff"
-						},
 						{
 							"include": "#html-stuff"
 						}
@@ -946,7 +891,7 @@
 		},
 		"tag-stuff": {
 			"begin": "\\G",
-			"end": "(?=/>)|(>)",
+			"end": "(/?>)",
 			"endCaptures": {
 				"1": {
 					"name": "punctuation.definition.tag.end.html.vue"
diff --git a/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap b/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
index c2cdba8db1..29a07c975e 100644
--- a/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
+++ b/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
@@ -3,17 +3,17 @@
 exports[`grammar > basic.vue 1`] = `
 "><div></div>
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^ source.vue entity.name.tag.div.html.vue
+# ^^^ source.vue entity.name.tag.html.vue
 #    ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 #     ^^ source.vue punctuation.definition.tag.begin.html.vue
-#       ^^^ source.vue entity.name.tag.div.html.vue
+#       ^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue"
 `;
 
 exports[`grammar > directives.vue 1`] = `
 "><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+# ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >	<div @click></div>
 #^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
@@ -67,13 +67,13 @@ exports[`grammar > directives.vue 1`] = `
 #^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+#  ^^^^^^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue
 ><template lang="pug">
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+# ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^^^^^^^^^^^ source.vue meta.tag-stuff
 #                    ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >div(@click)
@@ -112,13 +112,13 @@ exports[`grammar > directives.vue 1`] = `
 #^^^^^^^^^^^^^^^^^^^^ source.vue
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+#  ^^^^^^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue
 ><template lang="pug">
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+# ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^^^^^^^^^^^ source.vue meta.tag-stuff
 #                    ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >h1.myClass(class="text-right") hello
@@ -129,13 +129,13 @@ exports[`grammar > directives.vue 1`] = `
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+#  ^^^^^^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue
 ><template lang="html">
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+# ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^^^^^^^^^^^^ source.vue meta.tag-stuff
 #                     ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >	<div @click></div>
@@ -174,7 +174,7 @@ exports[`grammar > directives.vue 1`] = `
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+#  ^^^^^^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue"
@@ -183,7 +183,7 @@ exports[`grammar > directives.vue 1`] = `
 exports[`grammar > generic.vue 1`] = `
 "><script setup generic="T"></script>
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^ source.vue entity.name.tag.script.html.vue
+# ^^^^^^ source.vue entity.name.tag.html.vue
 #       ^^^^^^^ source.vue meta.tag-stuff
 #              ^^^^^^^ source.vue meta.tag-stuff meta.attribute.generic.vue entity.other.attribute-name.html.vue
 #                     ^ source.vue meta.tag-stuff meta.attribute.generic.vue punctuation.separator.key-value.html.vue
@@ -192,7 +192,7 @@ exports[`grammar > generic.vue 1`] = `
 #                        ^ source.vue meta.tag-stuff meta.attribute.generic.vue meta.type.parameters.vue punctuation.definition.string.end.html.vue
 #                         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 #                          ^^ source.vue punctuation.definition.tag.begin.html.vue
-#                            ^^^^^^ source.vue entity.name.tag.script.html.vue
+#                            ^^^^^^ source.vue entity.name.tag.html.vue
 #                                  ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue"
@@ -201,26 +201,26 @@ exports[`grammar > generic.vue 1`] = `
 exports[`grammar > inline-style.vue 1`] = `
 "><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+# ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >	<div style="width: 100%; height: auto;"></div>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+#  ^^^^^^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue
 ><template lang="pug">
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+# ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^^^^^^^^^^^ source.vue meta.tag-stuff
 #                    ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >div(style="width: 100%; height: auto;")
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+#  ^^^^^^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue"
@@ -229,7 +229,7 @@ exports[`grammar > inline-style.vue 1`] = `
 exports[`grammar > jsx.vue 1`] = `
 "><script lang="tsx">
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^ source.vue entity.name.tag.script.html.vue
+# ^^^^^^ source.vue entity.name.tag.html.vue
 #       ^^^^^^^^^^^ source.vue meta.tag-stuff
 #                  ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >(<Foo
@@ -240,13 +240,13 @@ exports[`grammar > jsx.vue 1`] = `
 #^^^^^ source.vue
 ></script>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^ source.vue entity.name.tag.script.html.vue
+#  ^^^^^^ source.vue entity.name.tag.html.vue
 #        ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue
 ><script lang="jsx">
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^ source.vue entity.name.tag.script.html.vue
+# ^^^^^^ source.vue entity.name.tag.html.vue
 #       ^^^^^^^^^^^ source.vue meta.tag-stuff
 #                  ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >(<Foo
@@ -257,7 +257,7 @@ exports[`grammar > jsx.vue 1`] = `
 #^^^^ source.vue
 ></script>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^ source.vue entity.name.tag.script.html.vue
+#  ^^^^^^ source.vue entity.name.tag.html.vue
 #        ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue"
@@ -266,7 +266,7 @@ exports[`grammar > jsx.vue 1`] = `
 exports[`grammar > namespaced.vue 1`] = `
 "><script setup lang="ts">
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^ source.vue entity.name.tag.script.html.vue
+# ^^^^^^ source.vue entity.name.tag.html.vue
 #       ^^^^^^^^^^^^^^^^ source.vue meta.tag-stuff
 #                       ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >import { Component } from "vue";
@@ -299,13 +299,13 @@ exports[`grammar > namespaced.vue 1`] = `
 #^^^^^^^^^^^ source.vue
 ></script>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^ source.vue entity.name.tag.script.html.vue
+#  ^^^^^^ source.vue entity.name.tag.html.vue
 #        ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue
 ><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+# ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >  <A.B.C> {{ A.B.C }} </A.B.C>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
@@ -321,7 +321,7 @@ exports[`grammar > namespaced.vue 1`] = `
 #^^^^^^^ source.vue text.html.derivative
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+#  ^^^^^^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue"
@@ -330,16 +330,16 @@ exports[`grammar > namespaced.vue 1`] = `
 exports[`grammar > script-tag-in-script.vue 1`] = `
 "><script>'<script></script>'</script>
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^ source.vue entity.name.tag.script.html.vue
+# ^^^^^^ source.vue entity.name.tag.html.vue
 #       ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 #        ^^^^^^^^^ source.vue
 #                 ^^ source.vue punctuation.definition.tag.begin.html.vue
-#                   ^^^^^^ source.vue entity.name.tag.script.html.vue
+#                   ^^^^^^ source.vue entity.name.tag.html.vue
 #                         ^ source.vue punctuation.definition.tag.end.html.vue
 #                          ^ source.vue
 #                           ^ source.vue punctuation.definition.tag.begin.html.vue
 #                            ^ source.vue
-#                             ^^^^^^ source.vue entity.name.tag.script.html.vue
+#                             ^^^^^^ source.vue entity.name.tag.html.vue
 #                                   ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >
 #^ source.vue"
@@ -348,25 +348,87 @@ exports[`grammar > script-tag-in-script.vue 1`] = `
 exports[`grammar > tag-starts-with-template.vue 1`] = `
 "><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+# ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+>    <template>
+#^^^^ source.vue text.html.derivative
+#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#             ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+>        <template></template>
+#^^^^^^^^ source.vue text.html.derivative text.html.derivative
+#        ^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.begin.html.vue
+#         ^^^^^^^^ source.vue text.html.derivative text.html.derivative entity.name.tag.html.vue
+#                 ^ source.vue text.html.derivative text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#                  ^^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.begin.html.vue
+#                    ^^^^^^^^ source.vue text.html.derivative text.html.derivative entity.name.tag.html.vue
+#                            ^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.end.html.vue
+>    </template>
+#^^^^ source.vue text.html.derivative text.html.derivative
+#    ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#      ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#              ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
+>    <template></template>
+#^^^^ source.vue text.html.derivative
+#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#             ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#              ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#                ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#                        ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
+>    <template> </template>
+#^^^^ source.vue text.html.derivative
+#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#             ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#              ^ source.vue text.html.derivative text.html.derivative
+#               ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#                 ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#                         ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
+>    <template bar></template>
+#^^^^ source.vue text.html.derivative
+#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#             ^^^^ source.vue text.html.derivative meta.tag-stuff
+#                 ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#                  ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#                    ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#                            ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
+>    <template>{{ 0 }}</template>
+#^^^^ source.vue text.html.derivative
+#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#             ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#              ^^^^^^^ source.vue text.html.derivative text.html.derivative
+#                     ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#                       ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#                               ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
+>    <template />
+#^^^^ source.vue text.html.derivative
+#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#             ^ source.vue text.html.derivative meta.tag-stuff
+#              ^^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+>    <template/>
+#^^^^ source.vue text.html.derivative
+#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#             ^^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
 >    <template-foo></template-foo>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
->    <template:foo></template:foo>
-#^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
+>    <template-foo> </template-foo>
+#^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 >    <template-foo bar></template-foo>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 >    <template-foo>{{ 0 }}</template-foo>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
->    <template.foo[0].bar></template.foo[0].bar>
-#^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 >    <template-foo />
 #^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 >    <template-foo/>
 #^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+#  ^^^^^^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue"
@@ -375,7 +437,7 @@ exports[`grammar > tag-starts-with-template.vue 1`] = `
 exports[`grammar > template-expression.vue 1`] = `
 "><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+# ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >	<div v-if="var as XXX"></div>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
@@ -389,7 +451,7 @@ exports[`grammar > template-expression.vue 1`] = `
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+#  ^^^^^^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue"
@@ -398,35 +460,35 @@ exports[`grammar > template-expression.vue 1`] = `
 exports[`grammar > template-in-template.vue 1`] = `
 "><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+# ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >	<template>
 #^ source.vue text.html.derivative
-# ^ source.vue text.html.derivative meta.template-tag.start punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue text.html.derivative meta.template-tag.start entity.name.tag.template.html.vue
-#          ^ source.vue text.html.derivative meta.template-tag.start punctuation.definition.tag.end.html.vue
+# ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#          ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
 >		<template></template>
-#^^ source.vue text.html.derivative meta.template-tag.start meta.template-tag.end
-#  ^ source.vue text.html.derivative meta.template-tag.start meta.template-tag.end meta.template-tag.start punctuation.definition.tag.begin.html.vue
-#   ^^^^^^^^ source.vue text.html.derivative meta.template-tag.start meta.template-tag.end meta.template-tag.start entity.name.tag.template.html.vue
-#           ^ source.vue text.html.derivative meta.template-tag.start meta.template-tag.end meta.template-tag.start punctuation.definition.tag.end.html.vue
-#            ^^ source.vue text.html.derivative meta.template-tag.start meta.template-tag.end meta.template-tag.start meta.template-tag.end punctuation.definition.tag.begin.html.vue
-#              ^^^^^^^^ source.vue text.html.derivative meta.template-tag.start meta.template-tag.end meta.template-tag.start meta.template-tag.end entity.name.tag.template.html.vue
-#                      ^ source.vue text.html.derivative meta.template-tag.start meta.template-tag.end meta.template-tag.start punctuation.definition.tag.end.html.vue
+#^^ source.vue text.html.derivative text.html.derivative
+#  ^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.begin.html.vue
+#   ^^^^^^^^ source.vue text.html.derivative text.html.derivative entity.name.tag.html.vue
+#           ^ source.vue text.html.derivative text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#            ^^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.begin.html.vue
+#              ^^^^^^^^ source.vue text.html.derivative text.html.derivative entity.name.tag.html.vue
+#                      ^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.end.html.vue
 >	</template>
-#^ source.vue text.html.derivative meta.template-tag.start meta.template-tag.end
-# ^^ source.vue text.html.derivative meta.template-tag.start meta.template-tag.end punctuation.definition.tag.begin.html.vue
-#   ^^^^^^^^ source.vue text.html.derivative meta.template-tag.start meta.template-tag.end entity.name.tag.template.html.vue
-#           ^ source.vue text.html.derivative meta.template-tag.start punctuation.definition.tag.end.html.vue
+#^ source.vue text.html.derivative text.html.derivative
+# ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#   ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#           ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+#  ^^^^^^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue
 ><template lang="pug">
 #^ source.vue punctuation.definition.tag.begin.html.vue
-# ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+# ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^^^^^^^^^^^ source.vue meta.tag-stuff
 #                    ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
 >template
@@ -435,7 +497,7 @@ exports[`grammar > template-in-template.vue 1`] = `
 #^^^^^^^^^^ source.vue
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
-#  ^^^^^^^^ source.vue entity.name.tag.template.html.vue
+#  ^^^^^^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue"
diff --git a/extensions/vscode/tests/grammarFixtures/tag-starts-with-template.vue b/extensions/vscode/tests/grammarFixtures/tag-starts-with-template.vue
index 6ef436e833..a71a50aa28 100644
--- a/extensions/vscode/tests/grammarFixtures/tag-starts-with-template.vue
+++ b/extensions/vscode/tests/grammarFixtures/tag-starts-with-template.vue
@@ -1,9 +1,17 @@
 <template>
+    <template>
+        <template></template>
+    </template>
+    <template></template>
+    <template> </template>
+    <template bar></template>
+    <template>{{ 0 }}</template>
+    <template />
+    <template/>
     <template-foo></template-foo>
-    <template:foo></template:foo>
+    <template-foo> </template-foo>
     <template-foo bar></template-foo>
     <template-foo>{{ 0 }}</template-foo>
-    <template.foo[0].bar></template.foo[0].bar>
     <template-foo />
     <template-foo/>
 </template>

From b77159b614965e29a8cb794f76972b26deeeccf4 Mon Sep 17 00:00:00 2001
From: KazariEX <zinkawaii@qq.com>
Date: Sun, 16 Nov 2025 20:31:18 +0800
Subject: [PATCH 4/6] test: move

---
 .../tests/__snapshots__/grammar.spec.ts.snap  | 130 ++++++++----------
 .../tag-starts-with-template.vue              |  21 +--
 .../grammarFixtures/template-in-template.vue  |   6 +
 3 files changed, 68 insertions(+), 89 deletions(-)

diff --git a/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap b/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
index 29a07c975e..411473c4ac 100644
--- a/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
+++ b/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
@@ -350,82 +350,18 @@ exports[`grammar > tag-starts-with-template.vue 1`] = `
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
 #         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
->    <template>
-#^^^^ source.vue text.html.derivative
-#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#             ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
->        <template></template>
-#^^^^^^^^ source.vue text.html.derivative text.html.derivative
-#        ^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.begin.html.vue
-#         ^^^^^^^^ source.vue text.html.derivative text.html.derivative entity.name.tag.html.vue
-#                 ^ source.vue text.html.derivative text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
-#                  ^^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.begin.html.vue
-#                    ^^^^^^^^ source.vue text.html.derivative text.html.derivative entity.name.tag.html.vue
-#                            ^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.end.html.vue
->    </template>
-#^^^^ source.vue text.html.derivative text.html.derivative
-#    ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#      ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#              ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
->    <template></template>
-#^^^^ source.vue text.html.derivative
-#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#             ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
-#              ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#                ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#                        ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
->    <template> </template>
-#^^^^ source.vue text.html.derivative
-#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#             ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
-#              ^ source.vue text.html.derivative text.html.derivative
-#               ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#                 ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#                         ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
->    <template bar></template>
-#^^^^ source.vue text.html.derivative
-#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#             ^^^^ source.vue text.html.derivative meta.tag-stuff
-#                 ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
-#                  ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#                    ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#                            ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
->    <template>{{ 0 }}</template>
-#^^^^ source.vue text.html.derivative
-#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#             ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
-#              ^^^^^^^ source.vue text.html.derivative text.html.derivative
-#                     ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#                       ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#                               ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
->    <template />
-#^^^^ source.vue text.html.derivative
-#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#             ^ source.vue text.html.derivative meta.tag-stuff
-#              ^^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
->    <template/>
-#^^^^ source.vue text.html.derivative
-#    ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
-#     ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#             ^^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
->    <template-foo></template-foo>
-#^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
->    <template-foo> </template-foo>
+>	<template-foo></template-foo>
+#^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
+>	<template-foo> </template-foo>
+#^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
+>	<template-foo bar></template-foo>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
->    <template-foo bar></template-foo>
+>	<template-foo>{{ 0 }}</template-foo>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
->    <template-foo>{{ 0 }}</template-foo>
-#^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
->    <template-foo />
-#^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
->    <template-foo/>
-#^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
+>	<template-foo />
+#^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
+>	<template-foo/>
+#^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue entity.name.tag.html.vue
@@ -480,6 +416,52 @@ exports[`grammar > template-in-template.vue 1`] = `
 # ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #   ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
 #           ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
+>	<template></template>
+#^ source.vue text.html.derivative
+# ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#          ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#           ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#             ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#                     ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
+>	<template> </template>
+#^ source.vue text.html.derivative
+# ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#          ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#           ^ source.vue text.html.derivative text.html.derivative
+#            ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#              ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#                      ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
+>	<template bar></template>
+#^ source.vue text.html.derivative
+# ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#          ^^^^ source.vue text.html.derivative meta.tag-stuff
+#              ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#               ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#                 ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#                         ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
+>	<template>{{ 0 }}</template>
+#^ source.vue text.html.derivative
+# ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#          ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#           ^^^^^^^ source.vue text.html.derivative text.html.derivative
+#                  ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#                    ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#                            ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
+>	<template />
+#^ source.vue text.html.derivative
+# ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#          ^ source.vue text.html.derivative meta.tag-stuff
+#           ^^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+>	<template/>
+#^ source.vue text.html.derivative
+# ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#          ^^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue entity.name.tag.html.vue
diff --git a/extensions/vscode/tests/grammarFixtures/tag-starts-with-template.vue b/extensions/vscode/tests/grammarFixtures/tag-starts-with-template.vue
index a71a50aa28..5253855c4b 100644
--- a/extensions/vscode/tests/grammarFixtures/tag-starts-with-template.vue
+++ b/extensions/vscode/tests/grammarFixtures/tag-starts-with-template.vue
@@ -1,17 +1,8 @@
 <template>
-    <template>
-        <template></template>
-    </template>
-    <template></template>
-    <template> </template>
-    <template bar></template>
-    <template>{{ 0 }}</template>
-    <template />
-    <template/>
-    <template-foo></template-foo>
-    <template-foo> </template-foo>
-    <template-foo bar></template-foo>
-    <template-foo>{{ 0 }}</template-foo>
-    <template-foo />
-    <template-foo/>
+	<template-foo></template-foo>
+	<template-foo> </template-foo>
+	<template-foo bar></template-foo>
+	<template-foo>{{ 0 }}</template-foo>
+	<template-foo />
+	<template-foo/>
 </template>
diff --git a/extensions/vscode/tests/grammarFixtures/template-in-template.vue b/extensions/vscode/tests/grammarFixtures/template-in-template.vue
index d4c6fb0910..24ac9a5b60 100644
--- a/extensions/vscode/tests/grammarFixtures/template-in-template.vue
+++ b/extensions/vscode/tests/grammarFixtures/template-in-template.vue
@@ -2,6 +2,12 @@
 	<template>
 		<template></template>
 	</template>
+	<template></template>
+	<template> </template>
+	<template bar></template>
+	<template>{{ 0 }}</template>
+	<template />
+	<template/>
 </template>
 
 <template lang="pug">

From 3b01dce5e35a7677b1feee99d6149b5a5f3d93a0 Mon Sep 17 00:00:00 2001
From: KazariEX <zinkawaii@qq.com>
Date: Sun, 16 Nov 2025 20:39:38 +0800
Subject: [PATCH 5/6] refactor: remove redundant `text.html.derivative`

---
 .../vscode/syntaxes/vue.tmLanguage.json       |  1 -
 .../tests/__snapshots__/grammar.spec.ts.snap  | 20 +++++++++----------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/extensions/vscode/syntaxes/vue.tmLanguage.json b/extensions/vscode/syntaxes/vue.tmLanguage.json
index 9681cc6ceb..f8aeb69ff9 100644
--- a/extensions/vscode/syntaxes/vue.tmLanguage.json
+++ b/extensions/vscode/syntaxes/vue.tmLanguage.json
@@ -867,7 +867,6 @@
 				{
 					"begin": "(?<=>)",
 					"end": "(?=</template[\\s>])",
-					"name": "text.html.derivative",
 					"patterns": [
 						{
 							"include": "#html-stuff"
diff --git a/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap b/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
index 411473c4ac..319a49a0e3 100644
--- a/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
+++ b/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
@@ -404,15 +404,15 @@ exports[`grammar > template-in-template.vue 1`] = `
 #  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
 #          ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
 >		<template></template>
-#^^ source.vue text.html.derivative text.html.derivative
-#  ^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.begin.html.vue
-#   ^^^^^^^^ source.vue text.html.derivative text.html.derivative entity.name.tag.html.vue
-#           ^ source.vue text.html.derivative text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
-#            ^^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.begin.html.vue
-#              ^^^^^^^^ source.vue text.html.derivative text.html.derivative entity.name.tag.html.vue
-#                      ^ source.vue text.html.derivative text.html.derivative punctuation.definition.tag.end.html.vue
+#^^ source.vue text.html.derivative
+#  ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#   ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#           ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#            ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
+#              ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
+#                      ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
 >	</template>
-#^ source.vue text.html.derivative text.html.derivative
+#^ source.vue text.html.derivative
 # ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #   ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
 #           ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
@@ -429,7 +429,7 @@ exports[`grammar > template-in-template.vue 1`] = `
 # ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
 #          ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
-#           ^ source.vue text.html.derivative text.html.derivative
+#           ^ source.vue text.html.derivative
 #            ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #              ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
 #                      ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
@@ -447,7 +447,7 @@ exports[`grammar > template-in-template.vue 1`] = `
 # ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
 #          ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
-#           ^^^^^^^ source.vue text.html.derivative text.html.derivative
+#           ^^^^^^^ source.vue text.html.derivative
 #                  ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #                    ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
 #                            ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue

From a935a9ab07763182d18807ba084ae9d3a6b94f0a Mon Sep 17 00:00:00 2001
From: KazariEX <zinkawaii@qq.com>
Date: Sun, 16 Nov 2025 20:55:02 +0800
Subject: [PATCH 6/6] refactor: do not display `meta.tag-stuff` name

---
 .../vscode/syntaxes/vue.tmLanguage.json       |  1 -
 .../tests/__snapshots__/grammar.spec.ts.snap  | 84 +++++++++----------
 2 files changed, 42 insertions(+), 43 deletions(-)

diff --git a/extensions/vscode/syntaxes/vue.tmLanguage.json b/extensions/vscode/syntaxes/vue.tmLanguage.json
index f8aeb69ff9..2756daa553 100644
--- a/extensions/vscode/syntaxes/vue.tmLanguage.json
+++ b/extensions/vscode/syntaxes/vue.tmLanguage.json
@@ -896,7 +896,6 @@
 					"name": "punctuation.definition.tag.end.html.vue"
 				}
 			},
-			"name": "meta.tag-stuff",
 			"patterns": [
 				{
 					"include": "#vue-directives"
diff --git a/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap b/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
index 319a49a0e3..581b7bb13a 100644
--- a/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
+++ b/extensions/vscode/tests/__snapshots__/grammar.spec.ts.snap
@@ -4,7 +4,7 @@ exports[`grammar > basic.vue 1`] = `
 "><div></div>
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^ source.vue entity.name.tag.html.vue
-#    ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#    ^ source.vue punctuation.definition.tag.end.html.vue
 #     ^^ source.vue punctuation.definition.tag.begin.html.vue
 #       ^^^ source.vue entity.name.tag.html.vue
 #          ^ source.vue punctuation.definition.tag.end.html.vue"
@@ -14,7 +14,7 @@ exports[`grammar > directives.vue 1`] = `
 "><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
-#         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#         ^ source.vue punctuation.definition.tag.end.html.vue
 >	<div @click></div>
 #^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 >	<div @click="{}"></div>
@@ -74,8 +74,8 @@ exports[`grammar > directives.vue 1`] = `
 ><template lang="pug">
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
-#         ^^^^^^^^^^^ source.vue meta.tag-stuff
-#                    ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#         ^^^^^^^^^^^ source.vue
+#                    ^ source.vue punctuation.definition.tag.end.html.vue
 >div(@click)
 #^^^^^^^^^^^^ source.vue
 >div(@click="{}")
@@ -119,8 +119,8 @@ exports[`grammar > directives.vue 1`] = `
 ><template lang="pug">
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
-#         ^^^^^^^^^^^ source.vue meta.tag-stuff
-#                    ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#         ^^^^^^^^^^^ source.vue
+#                    ^ source.vue punctuation.definition.tag.end.html.vue
 >h1.myClass(class="text-right") hello
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue
 >//- https://github.com/vuejs/language-tools/issues/1826
@@ -136,8 +136,8 @@ exports[`grammar > directives.vue 1`] = `
 ><template lang="html">
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
-#         ^^^^^^^^^^^^ source.vue meta.tag-stuff
-#                     ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#         ^^^^^^^^^^^^ source.vue
+#                     ^ source.vue punctuation.definition.tag.end.html.vue
 >	<div @click></div>
 #^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 >	<div @click="{}"></div>
@@ -184,13 +184,13 @@ exports[`grammar > generic.vue 1`] = `
 "><script setup generic="T"></script>
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^ source.vue entity.name.tag.html.vue
-#       ^^^^^^^ source.vue meta.tag-stuff
-#              ^^^^^^^ source.vue meta.tag-stuff meta.attribute.generic.vue entity.other.attribute-name.html.vue
-#                     ^ source.vue meta.tag-stuff meta.attribute.generic.vue punctuation.separator.key-value.html.vue
-#                      ^ source.vue meta.tag-stuff meta.attribute.generic.vue meta.type.parameters.vue punctuation.definition.string.begin.html.vue
-#                       ^ source.vue meta.tag-stuff meta.attribute.generic.vue meta.type.parameters.vue
-#                        ^ source.vue meta.tag-stuff meta.attribute.generic.vue meta.type.parameters.vue punctuation.definition.string.end.html.vue
-#                         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#       ^^^^^^^ source.vue
+#              ^^^^^^^ source.vue meta.attribute.generic.vue entity.other.attribute-name.html.vue
+#                     ^ source.vue meta.attribute.generic.vue punctuation.separator.key-value.html.vue
+#                      ^ source.vue meta.attribute.generic.vue meta.type.parameters.vue punctuation.definition.string.begin.html.vue
+#                       ^ source.vue meta.attribute.generic.vue meta.type.parameters.vue
+#                        ^ source.vue meta.attribute.generic.vue meta.type.parameters.vue punctuation.definition.string.end.html.vue
+#                         ^ source.vue punctuation.definition.tag.end.html.vue
 #                          ^^ source.vue punctuation.definition.tag.begin.html.vue
 #                            ^^^^^^ source.vue entity.name.tag.html.vue
 #                                  ^ source.vue punctuation.definition.tag.end.html.vue
@@ -202,7 +202,7 @@ exports[`grammar > inline-style.vue 1`] = `
 "><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
-#         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#         ^ source.vue punctuation.definition.tag.end.html.vue
 >	<div style="width: 100%; height: auto;"></div>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 ></template>
@@ -214,8 +214,8 @@ exports[`grammar > inline-style.vue 1`] = `
 ><template lang="pug">
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
-#         ^^^^^^^^^^^ source.vue meta.tag-stuff
-#                    ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#         ^^^^^^^^^^^ source.vue
+#                    ^ source.vue punctuation.definition.tag.end.html.vue
 >div(style="width: 100%; height: auto;")
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue
 ></template>
@@ -230,8 +230,8 @@ exports[`grammar > jsx.vue 1`] = `
 "><script lang="tsx">
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^ source.vue entity.name.tag.html.vue
-#       ^^^^^^^^^^^ source.vue meta.tag-stuff
-#                  ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#       ^^^^^^^^^^^ source.vue
+#                  ^ source.vue punctuation.definition.tag.end.html.vue
 >(<Foo
 #^^^^^^ source.vue
 >	class={{ 'foo': 123 }}
@@ -247,8 +247,8 @@ exports[`grammar > jsx.vue 1`] = `
 ><script lang="jsx">
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^ source.vue entity.name.tag.html.vue
-#       ^^^^^^^^^^^ source.vue meta.tag-stuff
-#                  ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#       ^^^^^^^^^^^ source.vue
+#                  ^ source.vue punctuation.definition.tag.end.html.vue
 >(<Foo
 #^^^^^^ source.vue
 >	class={{ 'foo': 123 }}
@@ -267,8 +267,8 @@ exports[`grammar > namespaced.vue 1`] = `
 "><script setup lang="ts">
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^ source.vue entity.name.tag.html.vue
-#       ^^^^^^^^^^^^^^^^ source.vue meta.tag-stuff
-#                       ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#       ^^^^^^^^^^^^^^^^ source.vue
+#                       ^ source.vue punctuation.definition.tag.end.html.vue
 >import { Component } from "vue";
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue
 >import { defineComponent } from "vue";
@@ -306,7 +306,7 @@ exports[`grammar > namespaced.vue 1`] = `
 ><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
-#         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#         ^ source.vue punctuation.definition.tag.end.html.vue
 >  <A.B.C> {{ A.B.C }} </A.B.C>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 >  <A.B.C />
@@ -331,7 +331,7 @@ exports[`grammar > script-tag-in-script.vue 1`] = `
 "><script>'<script></script>'</script>
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^ source.vue entity.name.tag.html.vue
-#       ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#       ^ source.vue punctuation.definition.tag.end.html.vue
 #        ^^^^^^^^^ source.vue
 #                 ^^ source.vue punctuation.definition.tag.begin.html.vue
 #                   ^^^^^^ source.vue entity.name.tag.html.vue
@@ -340,7 +340,7 @@ exports[`grammar > script-tag-in-script.vue 1`] = `
 #                           ^ source.vue punctuation.definition.tag.begin.html.vue
 #                            ^ source.vue
 #                             ^^^^^^ source.vue entity.name.tag.html.vue
-#                                   ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#                                   ^ source.vue punctuation.definition.tag.end.html.vue
 >
 #^ source.vue"
 `;
@@ -349,7 +349,7 @@ exports[`grammar > tag-starts-with-template.vue 1`] = `
 "><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
-#         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#         ^ source.vue punctuation.definition.tag.end.html.vue
 >	<template-foo></template-foo>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 >	<template-foo> </template-foo>
@@ -374,7 +374,7 @@ exports[`grammar > template-expression.vue 1`] = `
 "><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
-#         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#         ^ source.vue punctuation.definition.tag.end.html.vue
 >	<div v-if="var as XXX"></div>
 #^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.vue text.html.derivative
 >	<div v-if="var instanceof XXX"></div>
@@ -397,17 +397,17 @@ exports[`grammar > template-in-template.vue 1`] = `
 "><template>
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
-#         ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#         ^ source.vue punctuation.definition.tag.end.html.vue
 >	<template>
 #^ source.vue text.html.derivative
 # ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#          ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#          ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
 >		<template></template>
 #^^ source.vue text.html.derivative
 #  ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #   ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#           ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#           ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
 #            ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #              ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
 #                      ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
@@ -420,7 +420,7 @@ exports[`grammar > template-in-template.vue 1`] = `
 #^ source.vue text.html.derivative
 # ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#          ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#          ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
 #           ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #             ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
 #                     ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
@@ -428,7 +428,7 @@ exports[`grammar > template-in-template.vue 1`] = `
 #^ source.vue text.html.derivative
 # ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#          ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#          ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
 #           ^ source.vue text.html.derivative
 #            ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #              ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
@@ -437,8 +437,8 @@ exports[`grammar > template-in-template.vue 1`] = `
 #^ source.vue text.html.derivative
 # ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#          ^^^^ source.vue text.html.derivative meta.tag-stuff
-#              ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#          ^^^^ source.vue text.html.derivative
+#              ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
 #               ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #                 ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
 #                         ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
@@ -446,7 +446,7 @@ exports[`grammar > template-in-template.vue 1`] = `
 #^ source.vue text.html.derivative
 # ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#          ^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#          ^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
 #           ^^^^^^^ source.vue text.html.derivative
 #                  ^^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #                    ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
@@ -455,13 +455,13 @@ exports[`grammar > template-in-template.vue 1`] = `
 #^ source.vue text.html.derivative
 # ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#          ^ source.vue text.html.derivative meta.tag-stuff
-#           ^^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#          ^ source.vue text.html.derivative
+#           ^^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
 >	<template/>
 #^ source.vue text.html.derivative
 # ^ source.vue text.html.derivative punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue text.html.derivative entity.name.tag.html.vue
-#          ^^ source.vue text.html.derivative meta.tag-stuff punctuation.definition.tag.end.html.vue
+#          ^^ source.vue text.html.derivative punctuation.definition.tag.end.html.vue
 ></template>
 #^^ source.vue punctuation.definition.tag.begin.html.vue
 #  ^^^^^^^^ source.vue entity.name.tag.html.vue
@@ -471,8 +471,8 @@ exports[`grammar > template-in-template.vue 1`] = `
 ><template lang="pug">
 #^ source.vue punctuation.definition.tag.begin.html.vue
 # ^^^^^^^^ source.vue entity.name.tag.html.vue
-#         ^^^^^^^^^^^ source.vue meta.tag-stuff
-#                    ^ source.vue meta.tag-stuff punctuation.definition.tag.end.html.vue
+#         ^^^^^^^^^^^ source.vue
+#                    ^ source.vue punctuation.definition.tag.end.html.vue
 >template
 #^^^^^^^^^ source.vue
 >	template