vscode-scss icon indicating copy to clipboard operation
vscode-scss copied to clipboard

@use and @forward do not trigger intellisense

Open qzmfranklin opened this issue 5 years ago • 16 comments

  • VS Code Version: 1.39

  • SCSS IntelliSense Version: [email protected]

  • Operating System: Ubuntu 18.04.3

Reproducible Case:

foo/_bar.scss:

$var1: 'Mono';
$var2: 'Roboto';

foo.scss:

@use 'foo/bar';

foo.   // <---------- expect intelisense to show `$var1` and `$var2` as candidates, 
         // but not showing

qzmfranklin avatar Dec 30 '19 11:12 qzmfranklin

I believe this is a duplicate of https://github.com/mrmlnc/vscode-scss/issues/98. Looks like its not released yet

JessebotX avatar Jan 02 '20 02:01 JessebotX

Looks like #98 cannot resolve this issue.

Annotation 2020-01-04 113034

mrmlnc avatar Jan 04 '20 08:01 mrmlnc

@mrmlnc

Thanks for putting time on this issue. Appreciated.

qzmfranklin avatar Jan 04 '20 09:01 qzmfranklin

Wasn't able to trigger autocomplete neither by using @use nor @use ... as moduleName

xzilja avatar Jan 26 '20 12:01 xzilja

Myself included

kawinie avatar Feb 29 '20 02:02 kawinie

@mrmlnc Does this issue still being tracked?

proclml avatar Apr 03 '20 19:04 proclml

Yes please. :(

dperolio avatar May 10 '20 17:05 dperolio

Would love to see this working :)

dsuttonpreece avatar May 25 '20 23:05 dsuttonpreece

Yes please.

BladeMF avatar Jul 09 '20 08:07 BladeMF

@mrmlnc any chance this issue will be resolved?

ej52 avatar Jul 23 '20 11:07 ej52

No update on this?

clokken avatar Jan 23 '21 14:01 clokken

Is this extension still alive? The lack of this functionality unfortunately stops us from refactoring our mixins and start using the @use statement as intended, since it would impede the development rather than speeding it up.

laschon avatar Mar 23 '21 21:03 laschon

This one thing would make my life so much better.

slynagh avatar Sep 29 '21 14:09 slynagh

Just for reference, I also noticed the following behavior:

@use "../../style/theme.scss";
div {
    font-size: theme.$some-variable;
}

(where $some-variable is defined in theme.scss)

Here it does trigger intellisense and you can navigate to some-variable by clicking on it -- however, it takes you to the wrong file. When you hover over it, it also says the variable is referenced implicitly, even though the file with the variable is referenced explicitly via @use

blutorange avatar Jan 06 '22 10:01 blutorange

Would be important to get this implemented...

tunttunen avatar Oct 04 '22 13:10 tunttunen

Another example of what's not working:

_foo.scss

$color: #ffffff;

_main.scss

@forward "foo" as foo_*;

example.scss

@use "main.scss";

.bar {
    color: main.$foo_color;
}

The extension cannot resolve $foo_color when Ctrl+clicking on it and it also doesn't offer any suggestions when typing color: main..

codethief avatar May 26 '23 11:05 codethief