Создание приложения с использованием Styled-Components в Vue.js

Лично я предпочитаю использовать CSS модули, так же с импортом стилей в основном коде компонента, Webpack же делает всю остальную магию. Так же можно сразу же для стилей (css, sass, less) с помощью tsm сгенерировать d.ts файл, в котором будет список всех классов и других экспортированных переменных. Это удобно, так как если что-то из стилей удалить, но не обновить при этом код компонента, то проект просто не будет собираться. И ситуации, когда класс есть, а стилей для него нет просто невозможны в принципе.
А Styled Components у меня так и не прижились, нормальная подсветка синтаксиса все же пока что важнее.

Ужас какой-то. Вместо отличного и всем понятного css придумали этого монстра. Чем больше узнаю о react тем больше люблю vue. Иногда складывается ощущение, что в react почти ничего нельзя сделать и для решения этих проблем созданы сотни библиотек. Просто пользуйтесь vue. :-)

Так вся прелесть SFC именно в том что там уже подразумевается блок style, для которого доступен атрибут scoped.

Что позволяет разделить css на 3 уровня.
1) Глобальный, который можно проимпортить во все приложение.
2) Статичный css компонента, то что находится в блоке style
3) Динамичный, который можно доопределить через атрибут :style в шаблоне компонента с помощью computed свойства.

Имею удовольствие писать и Vue и на React. Скажу прямо — не надо тащить в Vue мрачные ужасы из React. Пусть страх и ненависть будет только в одном случае.