I use nuxt 2 with css modules and when i use one css module with multiple components it results in then multiple css files have same class
Hello.vue
<template>
<div :class="$style.title">Hello, World</div>
<div :class="$second.secondClass">Hello, World</div>
</template>
<script>
export default {}
</script>
<style module src="./hello.css"></style>
<style module="$second" src="./uncommon.css"></style>
Goodbye.vue
<template>
<div :class="$style.title">Goodbye, World</div>
<div :class="$second.secondClass">Goodbye, World</div>
</template>
<script>
export default {}
</script>
<style module src="./goodbye.css"></style>
<style module="$second" src="./uncommon.css"></style>
and as a result i have two files with content
where in both files i have same class .YT3xv
Can i do something about it? in perfect scenario i would like to extract classes like that in separate file