fix(language-core): @vue-ignore not working for fragment v-if/v-for nodes

close #4232

Author: johnsoncodehk

packages/language-core/lib/generators/template.ts

@@ -510,7 +510,9 @@ export function* generate(
 			}
 
 			yield _ts(` {\n`);
-			yield* resetDirectiveComments('end of v-if start');
+			if (isFragment(node)) {
+				yield* resetDirectiveComments('end of v-if start');
+			}
 			let prev: CompilerDOM.TemplateChildNode | undefined;
 			for (const childNode of branch.children) {
 				yield* generateAstNode(childNode, parentEl, prev, componentCtxVar);
@@ -557,7 +559,9 @@ export function* generate(
 			);
 			yield _ts('!)'); // #3102
 			yield _ts(') {\n');
-			yield* resetDirectiveComments('end of v-for start');
+			if (isFragment(node)) {
+				yield* resetDirectiveComments('end of v-for start');
+			}
 			let prev: CompilerDOM.TemplateChildNode | undefined;
 			for (const childNode of node.children) {
 				yield* generateAstNode(childNode, parentEl, prev, componentCtxVar);
@@ -1800,6 +1804,10 @@ export function* generate(
 	}
 }
 
+function isFragment(node: CompilerDOM.IfNode | CompilerDOM.ForNode) {
+	return node.codegenNode && 'consequent' in node.codegenNode && 'tag' in node.codegenNode.consequent && node.codegenNode.consequent.tag === CompilerDOM.FRAGMENT;
+}
+
 export function createTsAst(ts: typeof import('typescript'), astHolder: any, text: string) {
 	if (astHolder.__volar_ast_text !== text) {
 		astHolder.__volar_ast_text = text;

test-workspace/tsc/vue3/directiveComments/main.vue

@@ -21,5 +21,15 @@
 		{{ foo }}
 		<!-- @vue-skip -->
 		{{ foo }}
+
+		<!-- @vue-ignore -->
+		<div v-if="true" :foo="foo"></div>
+		<!-- @vue-expect-error -->
+		<div v-if="true" :foo="foo"></div>
+
+		<!-- @vue-ignore -->
+		<div v-for="_a in 10" :foo="foo"></div>
+		<!-- @vue-expect-error -->
+		<div v-for="_a in 10" :foo="foo"></div>
 	</div>
 </template>