https://github.com/dojineko/reproduction-nuxt-edge-css-modules
If you rewrite it as follows it will turn blue.
<template>
<div :class="$style.text" style="font-size:32pt; color:red;">
EXPECT BLUE
</div>
</template>
<style module>
- .text
+ :local(.text) {
color: blue !important;
}
</style>
I want cssModules to behave like the current version Nuxt.js.
Perhaps it is necessary to set the vue-loader. The README of vue-loader 15 beta had the following description. https://github.com/vuejs/vue-loader/tree/next#css-modules
(and it seems not works scopedCSS too.... maybe)
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This bug report is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c6794">#c6794</a>)</em></sub></div>