CSS Modules — scoped styles.
Basic:
1<script setup>2import classes from "./MyComponent.module.css"3</script>45<template>6 <div :class="classes.container">Content</div>7</template>89<style module>10.container {11 padding: 1rem;12}13</style>
Dynamic classes:
1<template>2 <div :class="[classes.base, isActive && classes.active]">3 Content4 </div>5</template>
Key: CSS Modules for scoped styles.