fix(language-core): avoid loss of scoped class references

Author: KazariEX

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

@@ -8,19 +8,27 @@ export function* generateClassProperty(
 	offset: number,
 	propertyType: string
 ): Generator<Code> {
-	yield `${newLine} & { '`;
+	yield `${newLine} & { `;
 	yield [
 		'',
 		'style_' + styleIndex,
 		offset,
 		codeFeatures.navigation,
 	];
+	yield `'`;
 	yield [
 		classNameWithDot.slice(1),
 		'style_' + styleIndex,
 		offset + 1,
 		codeFeatures.navigation,
 	];
-	yield `': ${propertyType}`;
+	yield `'`;
+	yield [
+		'',
+		'style_' + styleIndex,
+		offset + classNameWithDot.length,
+		codeFeatures.navigation,
+	];
+	yield `: ${propertyType}`;
 	yield ` }`;
 }

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

@@ -21,18 +21,25 @@ export function* generateStyleScopedClassReferences(
 		yield `']} */${endOfLine}`;
 	}
 	for (const { source, className, offset } of ctx.scopedClasses) {
-		yield `/** @type {__VLS_StyleScopedClasses['`;
-		if (withDot) {
-			yield [
-				'',
-				source,
-				offset - 1,
-				ctx.codeFeatures.navigation,
-			];
-		}
+		yield `/** @type {__VLS_StyleScopedClasses[`;
+		yield [
+			'',
+			source,
+			offset - (withDot ? 1 : 0),
+			ctx.codeFeatures.navigation,
+		];
+		yield `'`;
+
 		// fix https://github.com/vuejs/language-tools/issues/4537
 		yield* escapeString(source, className, offset, ['\\', '\'']);
-		yield `']} */${endOfLine}`;
+		yield `'`;
+		yield [
+			'',
+			source,
+			offset + className.length,
+			ctx.codeFeatures.navigation,
+		];
+		yield `]} */${endOfLine}`;
 	}
 
 	function* escapeString(source: string, className: string, offset: number, escapeTargets: string[]): Generator<Code> {