Access properties like styles['test']

[PodaruDragos]

Is there any plan to support accessing styles like styles['test'] ?

styles.test;
string | undefined
Property 'test' comes from an index signature, so it must be accessed with ['test'].ts(4111)

this check is coming from "noPropertyAccessFromIndexSignature": true in tsconfig.

[iChenLei]

Any idea for this feature ? @clinyong

[iChenLei]

@PodaruDragos Hello, I think there isn't a easy solution for your issue. Because vscode-css-modules is not a typechecker, We don't known whenever to auto complete .test or ['test'] . We only check if property is kebab-case or not and then auto complete your code like styles['kebab-case'] pr styles.camelCase (#48) , because styles.kebab-case is invalid javascript, we must check it and this case is simple(only need check if it is kebab-case).

[clinyong]

@iChenLei is right. When you are typing styles['], vscode doesn't trigger our CompletionProvider. It's hard to do this ourself.

[PodaruDragos]

Ok, thanks for clearing this out

[Viijay-Kr]

React CSS Modules Addresses this problem .

My project has only non camel case selectors and this feature was so needed so I built my own extension with lots of other features too.
I hope it helps