fix(language-core): generate style modules type as needed (#4953)

KazariEX · web-flow · commit 1ef17d04ddd8 · 2024-10-30T16:18:21.000+08:00
diff --git a/packages/language-core/lib/codegen/script/styleModulesType.ts b/packages/language-core/lib/codegen/script/styleModulesType.ts
@@ -9,7 +9,7 @@ export function* generateStyleModulesType(
 	ctx: ScriptCodegenContext
 ): Generator<Code> {
 	const styles = options.sfc.styles.map((style, i) => [style, i] as const).filter(([style]) => style.module);
-	if (!styles.length) {
+	if (!styles.length && !options.scriptSetupRanges?.cssModules.length) {
 		return;
 	}
 	yield `type __VLS_StyleModules = {${newLine}`;
diff --git a/test-workspace/tsc/passedFixtures/vue3/cssModule/empty.vue b/test-workspace/tsc/passedFixtures/vue3/cssModule/empty.vue
@@ -0,0 +1,6 @@
+<script lang="ts" setup>
+import { useCssModule } from 'vue';
+
+// @ts-expect-error
+useCssModule();
+</script>

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ export function* generateStyleModulesType(`
`9`	`9`	`ctx: ScriptCodegenContext`
`10`	`10`	`): Generator<Code> {`
`11`	`11`	`const styles = options.sfc.styles.map((style, i) => [style, i] as const).filter(([style]) => style.module);`
`12`		`- if (!styles.length) {`
	`12`	`+ if (!styles.length && !options.scriptSetupRanges?.cssModules.length) {`
`13`	`13`	`return;`
`14`	`14`	`}`
`15`	`15`	yield `type __VLS_StyleModules = {${newLine}`;