I like more single file component, where markup, logic and style is a single file like Svelte. So a component look as defined and styles can not collide.

With svelte, it is possible to use "anonymous" classes. So in fact you do not use any classes, but svelte add auto-generate names. like...

<div>{content}</div> <style>div { background: red;}</style>