fix(language-service): reinstate the completion for modifiers (#4639)

Author: KazariEX

packages/language-service/lib/plugins/vue-template.ts

@@ -159,11 +159,15 @@ export function create(
 						return;
 					}
 
-					if (sourceScript?.generated?.root instanceof VueVirtualCode) {
-						await afterHtmlCompletion(
-							htmlComplete,
-							context.documents.get(sourceScript.id, sourceScript.languageId, sourceScript.snapshot)
-						);
+					if (sourceScript?.generated) {
+						const virtualCode = sourceScript.generated.embeddedCodes.get('template');
+						if (virtualCode) {
+							const embeddedDocumentUri = context.encodeEmbeddedDocumentUri(sourceScript.id, virtualCode.id);
+							afterHtmlCompletion(
+								htmlComplete,
+								context.documents.get(embeddedDocumentUri, virtualCode.languageId, virtualCode.snapshot)
+							);
+						}
 					}
 
 					return htmlComplete;
@@ -660,9 +664,9 @@ export function create(
 				};
 			}
 
-			function afterHtmlCompletion(completionList: vscode.CompletionList, sourceDocument: TextDocument) {
+			function afterHtmlCompletion(completionList: vscode.CompletionList, document: TextDocument) {
 
-				const replacement = getReplacement(completionList, sourceDocument);
+				const replacement = getReplacement(completionList, document);
 
 				if (replacement) {
 

test-workspace/language-service/complete/#4639/input/entry.vue

@@ -0,0 +1,7 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div @click. />
+<!--          ^complete: capture -->
+</template>

test-workspace/language-service/complete/#4639/output/entry.vue

@@ -0,0 +1,7 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div @click.capture />
+<!--          ^complete: capture -->
+</template>