fix(language-core): generate seperate declarations for each scoped class

Author: KazariEX

packages/language-core/lib/codegen/script/template.ts

@@ -5,7 +5,6 @@ import { generateStyleModules } from '../style/modules';
 import { generateStyleScopedClasses } from '../style/scopedClasses';
 import { type TemplateCodegenContext, createTemplateCodegenContext } from '../template/context';
 import { generateInterpolation } from '../template/interpolation';
-import { generateStyleScopedClassReferences } from '../template/styleScopedClasses';
 import { endOfLine, newLine } from '../utils';
 import type { ScriptCodegenContext } from './context';
 import type { ScriptCodegenOptions } from './index';
@@ -115,8 +114,7 @@ function* generateTemplateBody(
 	options: ScriptCodegenOptions,
 	templateCodegenCtx: TemplateCodegenContext
 ): Generator<Code> {
-	yield* generateStyleScopedClasses(options, templateCodegenCtx);
-	yield* generateStyleScopedClassReferences(templateCodegenCtx, true);
+	yield* generateStyleScopedClasses(options);
 	yield* generateStyleModules(options);
 	yield* generateCssVars(options, templateCodegenCtx);
 

packages/language-core/lib/codegen/style/scopedClasses.ts

@@ -1,12 +1,10 @@
 import type { Code } from '../../types';
 import type { ScriptCodegenOptions } from '../script';
-import type { TemplateCodegenContext } from '../template/context';
 import { endOfLine } from '../utils';
 import { generateClassProperty } from './classProperty';
 
 export function* generateStyleScopedClasses(
-	options: ScriptCodegenOptions,
-	ctx: TemplateCodegenContext
+	options: ScriptCodegenOptions
 ): Generator<Code> {
 	const option = options.vueCompilerOptions.experimentalResolveStyleCssClasses;
 	const styles = options.sfc.styles
@@ -16,19 +14,9 @@ export function* generateStyleScopedClasses(
 		return;
 	}
 
-	const firstClasses = new Set<string>();
 	yield `type __VLS_StyleScopedClasses = {}`;
 	for (const [style, i] of styles) {
 		for (const className of style.classNames) {
-			if (firstClasses.has(className.text)) {
-				ctx.scopedClasses.push({
-					source: 'style_' + i,
-					className: className.text.slice(1),
-					offset: className.offset + 1
-				});
-				continue;
-			}
-			firstClasses.add(className.text);
 			yield* generateClassProperty(
 				i,
 				className.text,

packages/language-core/lib/codegen/template/styleScopedClasses.ts

@@ -11,8 +11,7 @@ import type { TemplateCodegenOptions } from './index';
 const classNameEscapeRegex = /([\\'])/;
 
 export function* generateStyleScopedClassReferences(
-	ctx: TemplateCodegenContext,
-	withDot = false
+	ctx: TemplateCodegenContext
 ): Generator<Code> {
 	for (const offset of ctx.emptyClassOffsets) {
 		yield `/** @type {__VLS_StyleScopedClasses['`;
@@ -27,7 +26,7 @@ export function* generateStyleScopedClassReferences(
 	for (const { source, className, offset } of ctx.scopedClasses) {
 		yield `/** @type {__VLS_StyleScopedClasses[`;
 		yield* wrapWith(
-			offset - (withDot ? 1 : 0),
+			offset,
 			offset + className.length,
 			source,
 			ctx.codeFeatures.navigation,