refactor(language-service): correct name and simplify logic of some plugins

packages/language-core/lib/plugins/vue-root-tags.ts

@@ -18,24 +18,17 @@ const plugin: VueLanguagePlugin = () => {
 				embeddedFile.content.push([sfc.content, undefined, 0, allCodeFeatures]);
 				for (
 					const block of [
+						sfc.template,
 						sfc.script,
 						sfc.scriptSetup,
-						sfc.template,
 						...sfc.styles,
 						...sfc.customBlocks,
 					]
 				) {
 					if (!block) {
 						continue;
 					}
-					let content = block.content;
-					if (content.endsWith('\r\n')) {
-						content = content.slice(0, -2);
-					}
-					else if (content.endsWith('\n')) {
-						content = content.slice(0, -1);
-					}
-					const offset = content.lastIndexOf('\n') + 1;
+					const offset = block.content.lastIndexOf('\n', block.content.lastIndexOf('\n') - 1) + 1;
 					// fix folding range end position failed to mapping
 					replaceSourceRange(
 						embeddedFile.content,

packages/language-service/index.ts

@@ -15,20 +15,21 @@ import { create as createTypeScriptSyntacticPlugin } from 'volar-service-typescr
 import { create as createCssPlugin } from './lib/plugins/css';
 import { create as createTypescriptSemanticTokensPlugin } from './lib/plugins/typescript-semantic-tokens';
 import { create as createVueAutoDotValuePlugin } from './lib/plugins/vue-autoinsert-dotvalue';
-import { create as createVueAutoAddSpacePlugin } from './lib/plugins/vue-autoinsert-space';
+import { create as createVueAutoSpacePlugin } from './lib/plugins/vue-autoinsert-space';
 import { create as createVueCompilerDomErrorsPlugin } from './lib/plugins/vue-compiler-dom-errors';
 import { create as createVueComponentSemanticTokensPlugin } from './lib/plugins/vue-component-semantic-tokens';
 import { create as createVueDirectiveCommentsPlugin } from './lib/plugins/vue-directive-comments';
 import { create as createVueDocumentDropPlugin } from './lib/plugins/vue-document-drop';
 import { create as createVueDocumentHighlightsPlugin } from './lib/plugins/vue-document-highlights';
-import { create as createVueDocumentLinksPlugin } from './lib/plugins/vue-document-links';
 import { create as createVueExtractFilePlugin } from './lib/plugins/vue-extract-file';
 import { create as createVueGlobalTypesErrorPlugin } from './lib/plugins/vue-global-types-error';
 import { create as createVueInlayHintsPlugin } from './lib/plugins/vue-inlayhints';
 import { create as createVueMissingPropsHintsPlugin } from './lib/plugins/vue-missing-props-hints';
+import { create as createVueScopedClassLinksPlugin } from './lib/plugins/vue-scoped-class-links';
 import { create as createVueSfcPlugin } from './lib/plugins/vue-sfc';
 import { create as createVueSuggestDefineAssignmentPlugin } from './lib/plugins/vue-suggest-define-assignment';
 import { create as createVueTemplatePlugin } from './lib/plugins/vue-template';
+import { create as createVueTemplateRefLinksPlugin } from './lib/plugins/vue-template-ref-links';
 import { create as createVueTwoslashQueriesPlugin } from './lib/plugins/vue-twoslash-queries';
 
 declare module '@volar/language-service' {
@@ -55,21 +56,22 @@ export function createVueLanguageServicePlugins(
 		createTypeScriptDocCommentTemplatePlugin(ts),
 		createTypescriptSemanticTokensPlugin(getTsPluginClient),
 		createTypeScriptSyntacticPlugin(ts),
-		createVueAutoAddSpacePlugin(),
+		createVueAutoSpacePlugin(),
 		createVueAutoDotValuePlugin(ts, getTsPluginClient),
 		createVueCompilerDomErrorsPlugin(),
 		createVueComponentSemanticTokensPlugin(getTsPluginClient),
 		createVueDocumentDropPlugin(ts, getTsPluginClient),
-		createVueDocumentLinksPlugin(),
 		createVueDirectiveCommentsPlugin(),
 		createVueExtractFilePlugin(ts, getTsPluginClient),
 		createVueGlobalTypesErrorPlugin(),
 		createVueInlayHintsPlugin(ts),
 		createVueMissingPropsHintsPlugin(getTsPluginClient),
+		createVueScopedClassLinksPlugin(),
 		createVueSfcPlugin(),
 		createVueSuggestDefineAssignmentPlugin(),
 		createVueTemplatePlugin('html', getTsPluginClient),
 		createVueTemplatePlugin('pug', getTsPluginClient),
+		createVueTemplateRefLinksPlugin(),
 		createVueTwoslashQueriesPlugin(getTsPluginClient),
 		createEmmetPlugin({
 			mappedLanguages: {

packages/language-service/lib/plugins/css.ts

@@ -1,5 +1,5 @@
 import type { LanguageServicePlugin, TextDocument, VirtualCode } from '@volar/language-service';
-import { VueVirtualCode } from '@vue/language-core';
+import { isRenameEnabled, VueVirtualCode } from '@vue/language-core';
 import { create as baseCreate, type Provide } from 'volar-service-css';
 import type * as css from 'vscode-css-languageservice';
 import { URI } from 'vscode-uri';
@@ -20,9 +20,11 @@ export function create(): LanguageServicePlugin {
 				async provideDiagnostics(document, token) {
 					let diagnostics = await baseInstance.provideDiagnostics?.(document, token) ?? [];
 					if (document.languageId === 'postcss') {
-						diagnostics = diagnostics.filter(diag => diag.code !== 'css-semicolonexpected');
-						diagnostics = diagnostics.filter(diag => diag.code !== 'css-ruleorselectorexpected');
-						diagnostics = diagnostics.filter(diag => diag.code !== 'unknownAtRules');
+						diagnostics = diagnostics.filter(diag =>
+							diag.code !== 'css-semicolonexpected'
+							&& diag.code !== 'css-ruleorselectorexpected'
+							&& diag.code !== 'unknownAtRules'
+						);
 					}
 					return diagnostics;
 				},
@@ -83,11 +85,7 @@ export function create(): LanguageServicePlugin {
 
 				const offset = document.offsetAt(position) + block.startTagEnd;
 				for (const { sourceOffsets, lengths, data } of script.mappings) {
-					if (
-						!sourceOffsets.length
-						|| !data.navigation
-						|| typeof data.navigation === 'object' && !data.navigation.shouldRename
-					) {
+					if (!sourceOffsets.length || !isRenameEnabled(data)) {
 						continue;
 					}
 

packages/language-service/lib/plugins/typescript-semantic-tokens.ts

@@ -9,7 +9,7 @@ export function create(
 	) => import('@vue/typescript-plugin/lib/requests').Requests | undefined,
 ): LanguageServicePlugin {
 	return {
-		name: 'typescript-highlights',
+		name: 'typescript-semantic-tokens',
 		capabilities: {
 			semanticTokensProvider: {
 				legend: {

packages/language-service/lib/plugins/vue-autoinsert-dotvalue.ts

@@ -21,6 +21,7 @@ export function create(
 		create(context) {
 			const tsPluginClient = getTsPluginClient?.(context);
 			let currentReq = 0;
+
 			return {
 				async provideAutoInsertSnippet(document, selection, change) {
 					// selection must at end of change
@@ -67,32 +68,26 @@ export function create(
 						return;
 					}
 
-					let sourceCodeOffset = document.offsetAt(selection);
-					let mapped = false;
-					for (const [, map] of context.language.maps.forEach(virtualCode)) {
-						for (const [sourceOffset] of map.toSourceLocation(sourceCodeOffset)) {
-							sourceCodeOffset = sourceOffset;
-							mapped = true;
-							break;
-						}
-						if (mapped) {
-							break;
-						}
+					let sourceOffset: number | undefined;
+					const map = context.language.maps.get(virtualCode, sourceScript);
+					for (const [offset] of map.toSourceLocation(document.offsetAt(selection))) {
+						sourceOffset = offset;
+						break;
 					}
-					if (!mapped) {
+					if (sourceOffset === undefined) {
 						return;
 					}
 
 					for (const { ast, startTagEnd, endTagStart } of blocks) {
-						if (sourceCodeOffset < startTagEnd || sourceCodeOffset > endTagStart) {
+						if (sourceOffset < startTagEnd || sourceOffset > endTagStart) {
 							continue;
 						}
-						if (isBlacklistNode(ts, ast, sourceCodeOffset - startTagEnd, false)) {
+						if (isBlacklistNode(ts, ast, sourceOffset - startTagEnd, false)) {
 							return;
 						}
 					}
 
-					const props = await tsPluginClient?.getPropertiesAtLocation(root.fileName, sourceCodeOffset) ?? [];
+					const props = await tsPluginClient?.getPropertiesAtLocation(root.fileName, sourceOffset) ?? [];
 					if (props.some(prop => prop === 'value')) {
 						return '${1:.value}';
 					}

packages/language-service/lib/plugins/vue-compiler-dom-errors.ts

@@ -21,10 +21,6 @@ export function create(): LanguageServicePlugin {
 					const uri = URI.parse(document.uri);
 					const decoded = context.decodeEmbeddedDocumentUri(uri);
 					const sourceScript = decoded && context.language.scripts.get(decoded[0]);
-					const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
-					if (!virtualCode) {
-						return;
-					}
 
 					const root = sourceScript?.generated?.root;
 					if (!(root instanceof VueVirtualCode)) {

packages/language-service/lib/plugins/vue-component-semantic-tokens.ts

@@ -9,7 +9,7 @@ export function create(
 	) => import('@vue/typescript-plugin/lib/requests').Requests | undefined,
 ): LanguageServicePlugin {
 	return {
-		name: 'vue-component-highlights',
+		name: 'vue-component-semantic-tokens',
 		capabilities: {
 			semanticTokensProvider: {
 				legend: {

packages/language-service/lib/plugins/vue-extract-file.ts

@@ -235,7 +235,7 @@ export function create(
 						const props = toExtract.filter(p => !p.model);
 						const models = toExtract.filter(p => p.model);
 						if (props.length) {
-							lines.push(`defineProps<{ \n\t${props.map(p => `${p.name}: ${p.type};`).join('\n\t')}\n}>()`);
+							lines.push(`defineProps<{\n\t${props.map(p => `${p.name}: ${p.type};`).join('\n\t')}\n}>()`);
 						}
 						for (const model of models) {
 							lines.push(`const ${model.name} = defineModel<${model.type}>('${model.name}', { required: true })`);

packages/language-service/lib/plugins/vue-global-types-error.ts

@@ -2,7 +2,7 @@ import type { DiagnosticSeverity, LanguageServicePlugin } from '@volar/language-
 
 export function create(): LanguageServicePlugin {
 	return {
-		name: 'vue-compiler-dom-errors',
+		name: 'vue-global-types-error',
 		capabilities: {
 			diagnosticProvider: {
 				interFileDependencies: false,