feat(language-core): add strictCssModules option

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

@@ -20,13 +20,17 @@ export function* generateStyleModulesType(
 				name,
 				'main',
 				offset + 1,
-				codeFeatures.all
+				codeFeatures.navigation
 			];
 		}
 		else {
 			yield name;
 		}
-		yield `: Record<string, string> & ${ctx.localTypes.PrettifyLocal}<{}`;
+		yield `: `;
+		if (!options.vueCompilerOptions.strictCssModules) {
+			yield `Record<string, string> & `;
+		}
+		yield `${ctx.localTypes.PrettifyLocal}<{}`;
 		for (const className of style.classNames) {
 			yield* generateCssClassProperty(
 				i,

packages/language-core/lib/types.ts

@@ -32,6 +32,7 @@ export interface VueCompilerOptions {
 	checkUnknownProps: boolean;
 	checkUnknownEvents: boolean;
 	checkUnknownComponents: boolean;
+	strictCssModules: boolean;
 	skipTemplateCodegen: boolean;
 	fallthroughAttributes: boolean;
 	dataAttributes: string[];

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

@@ -265,6 +265,7 @@ export function getDefaultCompilerOptions(target = 99, lib = 'vue', strictTempla
 		checkUnknownProps: strictTemplates,
 		checkUnknownEvents: strictTemplates,
 		checkUnknownComponents: strictTemplates,
+		strictCssModules: false,
 		skipTemplateCodegen: false,
 		fallthroughAttributes: false,
 		dataAttributes: [],

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

@@ -60,6 +60,11 @@
 					"default": false,
 					"markdownDescription": "Check unknown components. If not set, uses the 'strictTemplates' value."
 				},
+				"strictCssModules": {
+					"type": "boolean",
+					"default": false,
+					"markdownDescription": "Strict CSS modules type-checking."
+				},
 				"skipTemplateCodegen": {
 					"type": "boolean",
 					"default": false,

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>