Formating of sass in a .vue file

[treforcoster]

Any chance of some improved Sass support in a .vue file.
Am able to use it but formatting is awful and breaks code.

[Nes-si]

@treforcoster
you can use this syntax:
<style lang="sass" rel="stylesheet/sass">

[se-panfilov]

That syntax a bit weird ( I mean rel="stylesheet/sass" not really supposed to be here).
vue-for-idea plugin don't need such declaration btw.

But I want to recommend this plugin over vue-for-idea on StackOverFlow here, because vue-for-idea have shity side-effect.

Can you fix this issue?

[hedii]

IDE plugins should not change the way we code, rel="stylesheet/sass" is not a solution

[wujekbogdan]

@Nes-si

This is not a solution. Even when these attributes are present on a <style> tag then scss formatting rules are ignored. The code should be formatted based on global language-specific rules.

I have 2 spaces set for scss language, but scss code in *.vue files is indented with 4 spaces.

[callumacrae]

Vote on this :D https://youtrack.jetbrains.com/issue/WEB-19082

[iloginow]

rel="stylesheet/..." is not a solution at all if you're using postcss <style lang="postcss">!

[callumacrae]

@iloginow there's an official jetbrains plugin now, check it out: https://plugins.jetbrains.com/plugin/9442-vue-js

[iloginow]

@callumacrae it looks very buggy just yet. It recognizes neither '@/components/...' import syntax for .vue files nor data object parameters usage in templates. Not to mention that JetBrains support for popular postcss plugins is very poor. It doesn't recognize variables for example. Unfortunately, I don't really see any alternative to vscode for my Vue stack right now...