fix(language-plugin-pug): semantic tokens mapping failed

close #4070

Author: johnsoncodehk

packages/language-plugin-pug/index.ts

@@ -38,10 +38,11 @@ const plugin: VueLanguagePlugin = ({ modules }) => {
 							get(target, prop) {
 								if (prop === 'offset') {
 									const htmlOffset = target.offset;
+									const nums: number[] = [];
 									for (const mapped of map.getSourceOffsets(htmlOffset)) {
-										return mapped[0];
+										nums.push(mapped[0]);
 									}
-									return -1;
+									return Math.max(-1, ...nums);
 								}
 								const value = target[prop];
 								if (typeof value === 'object') {

packages/typescript-plugin/lib/common.ts

@@ -129,13 +129,17 @@ export function getComponentSpans(
 		}
 		if (node.type === 1 satisfies vue.CompilerDOM.NodeTypes.ELEMENT) {
 			if (components.has(node.tag)) {
+				let start = node.loc.start.offset;
+				if (template.lang === 'html') {
+					start += '<'.length;
+				}
 				result.push({
-					start: node.loc.start.offset + node.loc.source.indexOf(node.tag),
+					start,
 					length: node.tag.length,
 				});
 				if (template.lang === 'html' && !node.isSelfClosing) {
 					result.push({
-						start: node.loc.start.offset + node.loc.source.lastIndexOf(node.tag),
+						start: start + node.loc.source.lastIndexOf(node.tag),
 						length: node.tag.length,
 					});
 				}