Volar confuses ref for a component when using kebab-case syntax

[victorgarciaesgi]

First thing thanks a lot for making Volar and congrats on 1.0.0!

Basically, if I have a component and a ref that have the same name but with different casing (basically: foo and Foo), Volar will confuse the ref for a component when using kebab-case style. (<foo/>)
The error is not here when using PascalCase.

Exemple component: https://codesandbox.io/s/elated-hooks-d9vgsb?file=/src/App.vue

Screenshot is using <script setup/>

[innocenzi]

I have a similar issue here: https://github.com/hybridly/demo/blob/main/resources/views/pages/chirps/show.vue#L21. It also works properly if I use PascalCase.

[victorgarciaesgi]

Sorry to reopen @johnsoncodehk , I encountered the same issue, but with class-api this time

[victorgarciaesgi]

Volar version: 1.0.8

[johnsoncodehk]

We never supported class component decorations, you can a feature request.