fix(language-core): auto-completion for the last line of template block (#4771)

Author: zhiyuanzmj

packages/language-core/lib/plugins/vue-template-html.ts

@@ -8,6 +8,8 @@ interface Loc {
 }
 type Node = CompilerDOM.RootNode | CompilerDOM.TemplateChildNode | CompilerDOM.ExpressionNode | CompilerDOM.AttributeNode | CompilerDOM.DirectiveNode;
 
+const shouldAddSuffix = /(?<=<[^>/]+)$/;
+
 const plugin: VueLanguagePlugin = ({ modules }) => {
 
 	return {
@@ -20,14 +22,36 @@ const plugin: VueLanguagePlugin = ({ modules }) => {
 
 				const compiler = modules['@vue/compiler-dom'];
 
-				return compiler.compile(template, {
+				let addedSuffix = false;
+
+				// #4583
+				if (shouldAddSuffix.test(template)) {
+					template += '>';
+					addedSuffix = true;
+				}
+
+				const result = compiler.compile(template, {
 					...options,
 					comments: true,
 				});
+				// @ts-expect-error
+				result.__addedSuffix = addedSuffix;
+				return result;
 			}
 		},
 
 		updateSFCTemplate(oldResult, change) {
+			oldResult.code = oldResult.code.slice(0, change.start)
+				+ change.newText
+				+ oldResult.code.slice(change.end);
+
+			// @ts-expect-error
+			if (oldResult.__addedSuffix) {
+				const originalTemplate = oldResult.code.slice(0, -1); // remove added '>'
+				if (!shouldAddSuffix.test(originalTemplate)) {
+					return undefined;
+				}
+			}
 
 			const CompilerDOM = modules['@vue/compiler-dom'];