feat: add option to support intellisense for non-scoped css

close #1038
vuejs · Mar 20, 2022 · 4a070e6 · 4a070e6
1 parent 3462c8d
commit 4a070e6
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/extensions/vscode-vue-language-features/schemas/vue-tsconfig.schema.json b/extensions/vscode-vue-language-features/schemas/vue-tsconfig.schema.json
@@ -27,6 +27,10 @@
 				"experimentalDisableTemplateSupport": {
 					"type": "boolean",
 					"markdownDescription": "https://github.com/johnsoncodehk/volar/issues/577"
+				},
+				"experimentalRsolveNonScopedCssClasses": {
+					"type": "boolean",
+					"markdownDescription": "https://github.com/johnsoncodehk/volar/issues/1038"
 				}
 			}
 		}

diff --git a/packages/vue-typescript/src/types.ts b/packages/vue-typescript/src/types.ts
@@ -20,4 +20,5 @@ export interface VueCompilerOptions {
 	experimentalTemplateCompilerOptions?: any;
 	experimentalTemplateCompilerOptionsRequirePath?: string;
 	experimentalDisableTemplateSupport?: boolean;
+	experimentalRsolveNonScopedCssClasses?: boolean;
 }
diff --git a/packages/vue-typescript/src/use/useSfcTemplateScript.ts b/packages/vue-typescript/src/use/useSfcTemplateScript.ts
@@ -45,7 +45,7 @@ export function useSfcTemplateScript(
 	const cssScopedClasses = computed(() => {
 		const obj: Record<string, Record<string, TextRange[]>> = {};
 		for (const style of styleFiles.value) {
-			if (style.data.scoped) {
+			if (style.data.scoped || compilerOptions.experimentalRsolveNonScopedCssClasses) {
 				const classes = getCssClasses(style);
 				obj[style.fileName] = classes;
 			}