theme-default should support all pre-processor

[mrleblanc101]

Feature request

Hi,
I extended theme-default with custom components.
Those components are SFC using scss as the pre-processor.
The issue is that I can't access variables i created in palette.styl.
If i rename palette.styl in palette.scss, theme-default ignore the file.
Same goes for index.styl.
Shouldn't the theme load the correct file depending on the user configuration ?

What problem does this feature solve?

This would let the user use his prefered pre-processor.
SASS/SCSS is far more popular than Stylus.

What does the proposed API look like?

How should this be implemented in your opinion?

Are you willing to work on this yourself?**

[janvennemann]

You can't mix and match stylus and scss (at least not in terms of variable access). And since the default theme uses stylus you need to use that when you extend the theme and want to access stylus defined variables.

You are free to use SASS/SCSS if you start from scratch with your own theme, though.

[mrleblanc101]

Then, could we use css custom propriety (css-vars) for variables so they are available in both or that wouldn't work either ?

[ulivz]

See: https://vuepress.vuejs.org/guide/using-vue.html#using-pre-processors

[mrleblanc101]

As said, I was able to use SCSS in my vue component, but since the default theme use stylus, there is no way to access the theme color.

[mrleblanc101]

Is there a specific reason why you choose stylus instead of the more popular scss/sass ?