How to structure styles in an application?

Question

Vue.js

What is the best way to structure styles in an application? For example, is it possible to style buttons, inputs, and everything that is not a separate Vue component in a separate file (or several, for each element), or is it better to write styles in the component itself each time with the scoped attribute? Or should it be done differently?

Answer 1

Make separate mini-components for buttons / popups and other things that, based on the data, will display the desired result. Accordingly, you will write styles in the component itself under scoped.
You can structure styles in different ways, but I recommend writing styles in the component itself with the scoped attribute.

Answer 2

Reader is a friend of CSS modules in view
https://vue-loader.vuejs.org/ru/guide/css-modules....