Vue Class Component - Project Inactivity and HMR Failure

[MatthewSH]

I don't think the option should be removed, however I think a warning or something should be added beside the prompt

quasar-starter-kit/meta.js

Line 96 in 7cf4e7d

'Class-based (https://github.com/vuejs/vue-class-component & https://github.com/kaorun343/vue-property-decorator)',

Even if it just looks like:

Class-based (https://github.com/vuejs/vue-class-component & https://github.com/kaorun343/vue-property-decorator) NOTE: HMR does not function correctly with class-based projects.

Or maybe just a new prompt as a whole to acknowledge the potential issue. It seems this bug has existed for months (reported initially in February on Quasar, then issues open on vue-class-component in late March) without acknowledgement from the devs.

For reference:
vuejs/vue-class-component#521
quasarframework/quasar#10527
quasarframework/quasar#8534

[IlCallo]

We're considering this, in case we cannot find a solution by ourselves or with Vue team support

[basurahan]

i like the class based approach hopefully it be fixed

[IlCallo]

Razvan was finally able to pin-point the problem into a vue loader bug: vuejs/vue-loader#1897
We're still going to mark Class API as deprecated, but at least the HMR problem will be fixed in next vue-loader version

[rstoenescu]

Seems that my PR has been merged and the vue-loader team has released a new version.
So upgraded to the new vue-loader in "@quasar/app" v3.1.9 -- highly recommended for those using the Class API.

Enjoy!