feat(language-core): add strictCssModules option

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

@@ -26,7 +26,11 @@ export function* generateStyleModules(
 				codeFeatures.navigation,
 			];
 		}
-		yield `: Record<string, string> & __VLS_PrettifyGlobal<{}`;
+		yield `: `;
+		if (!options.vueCompilerOptions.strictCssModules) {
+			yield `Record<string, string> & `;
+		}
+		yield `__VLS_PrettifyGlobal<{}`;
 		if (options.vueCompilerOptions.resolveExternalStylesheets) {
 			yield* generateExternalStylesheets(style);
 		}

packages/language-core/lib/types.ts

@@ -31,6 +31,7 @@ export interface VueCompilerOptions {
 	jsxSlots: boolean;
 	strictSlotChildren: boolean;
 	strictVModel: boolean;
+	strictCssModules: boolean;
 	checkUnknownProps: boolean;
 	checkUnknownEvents: boolean;
 	checkUnknownDirectives: boolean;

packages/language-core/lib/utils/ts.ts

@@ -269,6 +269,7 @@ export function getDefaultCompilerOptions(target = 99, lib = 'vue', strictTempla
 		jsxSlots: false,
 		strictSlotChildren: strictTemplates,
 		strictVModel: strictTemplates,
+		strictCssModules: false,
 		checkUnknownProps: strictTemplates,
 		checkUnknownEvents: strictTemplates,
 		checkUnknownDirectives: strictTemplates,

packages/language-core/schemas/vue-tsconfig.schema.json

@@ -55,6 +55,11 @@
 					"default": false,
 					"markdownDescription": "Strict type constraints of `v-model`. If not set, uses the 'strictTemplates' value."
 				},
+				"strictCssModules": {
+					"type": "boolean",
+					"default": false,
+					"markdownDescription": "Strict type checking of CSS modules."
+				},
 				"checkUnknownProps": {
 					"type": "boolean",
 					"default": false,
@@ -115,6 +120,11 @@
 					"default": false,
 					"markdownDescription": "Enable to support typed fallthrough attributes. Please note that enabling may significantly slow down type checking."
 				},
+				"resolveExternalStylesheets": {
+					"type": "boolean",
+					"default": false,
+					"markdownDescription": "https://github.com/vuejs/language-tools/pull/5136"
+				},
 				"fallthroughComponentNames": {
 					"type": "array",
 					"default": [
@@ -177,10 +187,6 @@
 					],
 					"markdownDescription": "https://github.com/vuejs/language-tools/issues/1038, https://github.com/vuejs/language-tools/issues/1121"
 				},
-				"experimentalResolveExternalStylesheets": {
-					"type": "boolean",
-					"default": false
-				},
 				"experimentalModelPropName": {
 					"type": "object",
 					"default": {

test-workspace/tsc/passedFixtures/#5136/tsconfig.json

@@ -1,7 +1,7 @@
 {
 	"extends": "../../../tsconfig.base.json",
     "vueCompilerOptions": {
-        "experimentalResolveExternalStylesheets": true
+        "resolveExternalStylesheets": true
     },
 	"include": [ "**/*" ]
 }

test-workspace/tsc/passedFixtures/vue3/cssModule/strict.vue

@@ -0,0 +1,15 @@
+<!-- @strictCssModules true -->
+
+<script lang="ts" setup>
+import { useCssModule } from 'vue';
+import { exactType } from '../../shared';
+
+const style = useCssModule();
+exactType(style, {} as {
+    foo: string;
+});
+</script>
+
+<style module>
+.foo { }
+</style>