template with v-for and index does not recognise :key="index"

[jfrs]

Doing something like this

  <template v-for="(test, index) in ['a', 'b', 'c']" :key="index">
    <div>{{ test }}</div>
  </template>

results in 'index' is declared but its value is never read.ts(6133) and there is no IntelliSense on :key="index".

Vue 3.2.47, Volar 1.6.4

[dockfries]

<template>
  <div>
    <!-- similar closing tag intellisense issue -->
    <!-- Although v-for is recommended for computed or variables -->
    <!-- v-for uses index and calls function, exception -->
    <div v-for="(item, index) in foo('bar')" :key="item.id"></div>
    <!-- v-for uses string array, exception -->
    <div v-for="(item, index) in ['foo']" :key="item.id"></div>
    <!-- v-for without index, normal -->
    <div v-for="item in foo('bar')" :key="item.id"></div>
    <div v-for="item in ['foo']" :key="item.id"></div>
  </div>
</template>

VSCode Version: 1.78.0, Volar 1.6.4

[NathanAP]

Actually happening for me as well but only if I use v-for in a template.

<template
    v-for="(column, index) in myArray" // -> I get ts6133 in index
    :key="index" 
>

Other elements works fine.

[johnsoncodehk]

Duplicate of #329