inlay hints display wrong suggestions - toString! toLocaleString!

[beljand]

I've noticed that inlay hint is displayed but the prop(s) does not exist on the component.

toString!
toLocaleString!

minimal repro repo

[johnsoncodehk]

I can't reproduce with the component code, can you provide minimal reproduction?

[beljand]

I can't reproduce with the component code, can you provide minimal reproduction?

Will try

[beljand]

@johnsoncodehk managed to reproduce it on a brand new Vue 2.x project, but not on 3.x https://github.com/beljand/volar-inlay-hints-repro

[johnsoncodehk]

Thanks for the repro case!

[mythz]

I have a similar but worse problem where it lists all string members and goes completely off the screen:

Seems to be an issue with the <label> and <select> elements as when I replace it with <span> and <textarea> the problem goes away:

<div class="sm:hidden">
    <span :for="id" class="sr-only">Select a tab</span>
    <textarea :id="id" :name="id" class="block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500" @change="select(($event.target as HTMLSelectElement)?.value)">
        <option :key="tab" v-for="tab in tabNames" :value="tab">{{ label(tab) }}</option>
    </textarea>
</div>

disabling the extension also fixes it

Strange thing is that the library uses <label> in several other places already but it's only happening with the new Tabs.vue component

Repro:

1. Clone https://github.com/ServiceStack/servicestack-vue
2. Open Tabs.vue in VS Code

[beljand]

@johnsoncodehk v1.2.0 does not solve the problem for me :/