[edge] cssModules does not work
[issue link]Version
Reproduction link
https://github.com/dojineko/reproduction-nuxt-edge-css-modules
Steps to reproduce
- npm install (or yarn)
- npx nuxt
- see http://localhost:3000, and you can see RED typography, but I want BLUE one.
What is expected ?
What is actually happening?
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>
Additional comments?
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)