Not working with Vue files

[alexbudure]

I have Vetur installed, yet it still doesn't seem to work. Any ideas?

[zignd]

I just tried it out and worked with a .vue file. This simple div declaration triggered auto completion for me:

<div class="something">
</div>

Are you using the extension from inside a workspace? Do you have your CSS classes defined in .css files, referenced through a link element in HTML files or inside style elements? If you answered yes for most of those questions would be great if you could check your Developer Tools (Help > Toggle Developer Tools) as the extension logs some useful info to it.

[alexbudure]

Sorry, I should've been more clear. It recognizes styles in global css files, however it does not recognize the styles within the <style> tag in a Vue single file component.

[zignd]

No problem. Actually, the extension doesn't support CSS classes defined inside .vue files, it only supports auto-completion for the class attribute in this file format. You would have to define them on the outside.

[alexbudure]

Ohhh, is this something you're willing to consider? Coming from WebStorm, that was a pretty helpful feature.

[zignd]

Actually, that's something I never thought about, I didn't know Vue allowed you to do so (as I mostly use React in real life). But I will open another issue requesting this feature, so I can keep track of it.