SCSS scoped inside vue files vs. SCSS files inside css folder about forms HOT 4 CLOSED

@luixxiul good point! @skjnldsv what do you think? :)

from forms.

Hello :)
At nextcloud we suggest to not use scss file anymore with your vue apps.
Scss inside vue single-file-components is the easiest way to go.
Lots of apps now uses this pattern and lots of new contributors were quite happy by how easy they were able to manage it.

The only scss that is usually still needed or helpful at least, is an icons.scss file so apps can use the svg colour api, but that's very specific and should not bother newcomers :)

There should possibly be a naming rule like BEM to be adopted to maintain the codebase clean and organized

Bem was also more or less pushed in lots of apps, contacts, talk, the vue components.

from forms.

Scss inside vue single-file-components is the easiest way to go.

From my experience at another project without the naming rules it's surely the easiest and yet also a way of inconsistent styling, and the very reason of UI regressions.

Adding comments might help, which isn't promised though.

from forms.

Closing :)

from forms.