feat: allow disable scoped css classes intellisense

close #1121
vuejs · Apr 10, 2022 · a437904 · a437904
1 parent dc529f9
commit a437904
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/extensions/vscode-vue-language-features/schemas/vue-tsconfig.schema.json b/extensions/vscode-vue-language-features/schemas/vue-tsconfig.schema.json
@@ -28,9 +28,13 @@
 					"type": "boolean",
 					"markdownDescription": "https://github.com/johnsoncodehk/volar/issues/577"
 				},
-				"experimentalResolveNonScopedCssClasses": {
-					"type": "boolean",
-					"markdownDescription": "https://github.com/johnsoncodehk/volar/issues/1038"
+				"experimentalResolveStyleCssClasses": {
+					"enum": [
+						"scoped",
+						"always",
+						"never"
+					],
+					"markdownDescription": "https://github.com/johnsoncodehk/volar/issues/1038, https://github.com/johnsoncodehk/volar/issues/1121"
 				}
 			}
 		}

diff --git a/packages/vue-typescript/src/types.ts b/packages/vue-typescript/src/types.ts
@@ -16,5 +16,5 @@ export interface VueCompilerOptions {
 	experimentalTemplateCompilerOptions?: any;
 	experimentalTemplateCompilerOptionsRequirePath?: string;
 	experimentalDisableTemplateSupport?: boolean;
-	experimentalResolveNonScopedCssClasses?: boolean;
+	experimentalResolveStyleCssClasses?: 'scoped' | 'always' | 'never';
 }
diff --git a/packages/vue-typescript/src/use/useSfcTemplateScript.ts b/packages/vue-typescript/src/use/useSfcTemplateScript.ts
@@ -50,8 +50,9 @@ export function useSfcTemplateScript(
 	);
 	const cssScopedClasses = computed(() => {
 		const obj: Record<string, Record<string, TextRange[]>> = {};
+		const setting = compilerOptions.experimentalResolveStyleCssClasses ?? 'scoped';
 		for (const style of styleFiles.value) {
-			if (style.data.scoped || compilerOptions.experimentalResolveNonScopedCssClasses) {
+			if ((setting === 'scoped' && style.data.scoped) || setting === 'always') {
 				const classes = getCssClasses(style);
 				obj[style.fileName] = classes;
 			}