The issue was first posted in CSS-Loader https://github.com/webpack-contrib/css-loader/issues/1518 as I wasn't sure if was a css-loader issue or a vue-loader issue. After very helpful assistance from Alex and upon further investigation, the issue lies in how vue-loader imports each file's style tags.
You can read my post in the link above, and also see my PoC for various test cases https://github.com/RaphaelDDL/vue3-css-module (and ofcourse, the PR where I added most of the cases as fixtures + tests)
To try sum up, in vue-loader documentation there's an entry for CSS Module regarding Custom Inject Name:
Hello,
The issue was first posted in CSS-Loader https://github.com/webpack-contrib/css-loader/issues/1518 as I wasn't sure if was a css-loader issue or a vue-loader issue. After very helpful assistance from Alex and upon further investigation, the issue lies in how vue-loader imports each file's style tags.
You can read my post in the link above, and also see my PoC for various test cases https://github.com/RaphaelDDL/vue3-css-module (and ofcourse, the PR where I added most of the cases as fixtures + tests)
To try sum up, in vue-loader documentation there's an entry for CSS Module regarding Custom Inject Name: