fix(class references): experimentalResolveStyleCssClasses regression (#…

…3689)

Co-authored-by: Johnson Chu <[email protected]>

packages/language-core/src/generators/script.ts

@@ -857,7 +857,7 @@ declare function defineProp<T>(value?: T | (() => T), required?: boolean, rest?:
 		for (let i = 0; i < styles.length; i++) {
 			const style = styles[i];
 			const option = vueCompilerOptions.experimentalResolveStyleCssClasses;
-			if ((option === 'always' || option === 'scoped') && style.scoped) {
+			if (option === 'always' || (option === 'scoped' && style.scoped)) {
 				for (const className of style.classNames) {
 					generateCssClassProperty(
 						i,

packages/language-core/src/plugins/vue-tsx.ts

@@ -160,7 +160,7 @@ function createTsx(fileName: string, _sfc: Sfc, { vueCompilerOptions, compilerOp
 
 		for (const style of _sfc.styles) {
 			const option = vueCompilerOptions.experimentalResolveStyleCssClasses;
-			if ((option === 'always' || option === 'scoped') && style.scoped) {
+			if (option === 'always' || (option === 'scoped' && style.scoped)) {
 				for (const className of style.classNames) {
 					classes.add(className.text.substring(1));
 				}

test-workspace/tsc/#3688/main.vue

@@ -0,0 +1,17 @@
+<template>
+	{{ () => {
+		if (Array.isArray(__VLS_styleScopedClasses)) {
+			exactType(__VLS_styleScopedClasses, {} as 'foo'[]);
+		}
+	} }}
+</template>
+
+<script setup lang="ts">
+import { exactType } from '../shared';
+</script>
+
+<style>
+.foo {
+	color: red;
+}
+</style>

test-workspace/tsc/#3688/tsconfig.json

@@ -0,0 +1,7 @@
+{
+	"extends": "../../tsconfig.json",
+	"include": [ "**/*" ],
+	"vueCompilerOptions": {
+		"experimentalResolveStyleCssClasses": "always",
+	},
+}