Sass Syntax

[raneio]

Expected behavior

<style lang="sass" scoped>
$color: blue
.test
  background-color: $color
</style>

Actual behavior

<style lang="sass" scoped>
$color: blue;
.test {
  background-color: $color;
}
</style>

Steps to reproduce the behavior

If you set lang="sass" it should use sass syntax, not scss syntax. In my opinion, it should use "indentedSyntax: true" automatically when used lang="sass".

Now you can fix it adding follows lines to rollup.config.js

vue({
  scss: {
    indentedSyntax: true
  },
}),