"[variable] is declared but never used" while it is used in a directive

[mort3za]

In this component:

<template lang="html">
  <button v-track:[trackName].click>my button</button>
</template>
<script setup lang="ts">
const trackName = 'MyButton';
</script>

I get a warning:
'trackName' is declared but its value is never read. ts(6133)

Environment:
VScode latest version.
Vue 2.7
Volar 1.2.0

[robertrosman]

@johnsoncodehk sorry to reopen this issue, but I think that static arguments broke due to ed863fb. Haven't encountered squiggly lines before on directive arguments, but they appeared a few days ago. Dynamic arguments works just fine though.

<script setup lang="ts">
const arg = 'title'
</script>

<template>
  <h2 v-custom-directive:title>This static argument is yelling at me :(</h2>
  <h2 v-custom-directive:[arg]>Dynamic works just fine :)</h2>
</template>

[johnsoncodehk]

@robertrosman it should be fixed by ded5a0e, you can update to v1.5.1 or later.

[robertrosman]

Amazing, big thanks @johnsoncodehk!