CSS Module reference does not work on v0.34.6

[ryuseiabe15]

After updating Volar to v0.34.6, Volar shows a message "TypeScript intellisense is disabled on template, ..." on <template> tag.
According to the message, I changed the tsconfig setting from "jsx": "react", "jsxFactory": "h" to "jsx": "preserve" and the type of CSS module classes objects has become any; to be more precise, CSS reference is not working for CSS modules.

[alleluya-young]

it seems the same situation in <style scoped>

[customautosys]

Having the same problem here. Intellisense not working in template and I have changed jsx to preserve in compilerOptions to no avail.

[ryuseiabe15]

@johnsoncodehk
Thank you for the fix. I have confirmed that it works fine on v0.34.7.

[dxps]

Dear @johnsoncodehk & all,

Still not working on my side. Am I missing something?

Thanks!

[jomoflash]

Dear @johnsoncodehk & all,

Still not working on my side. Am I missing something?

Thanks!

@dxps In your jsconfig.json, put the following:

"vueCompilerOptions": {
"experimentalDisableTemplateSupport": true
}

Instead of "jsx": "preserve". Should make the error disappear.

[dxps]

@jomoflash Thanks, James! 🙏
Sure, that setting makes it disappear, as also stated in the error description.
I was hoping to have it working instead. But I guess that is part of a future episode. 😊

[johnsoncodehk]

@dxps See #1219 (comment).