Problem using CSS Modules

[chanon]

Using vue-class-component, I can not reference CSS Module css class name using $style.className in the template.

See reproduction:
https://github.com/chanon/ts-vue-hmr/blob/master/src/components/Hello.vue#L13

It creates a runtime error in the browser:

I tried to create property / data declaration of $style but I could not get it to work.

[chanon]

For reference av-ts does not have this problem.

[ktsn]

Move to vuejs/vue#4976

[snaptopixel]

Hey @chanon looks like the team is working on this but I had the same issue you've mentioned. I show a workaround here: vuejs/vue-loader#540

[Astray-git]

mounted() { console.log(this.$style) }

As the original issue is fixed. I still get error Property '$style' does not exist on type MyComponent with [email protected].