v-for looses types for iterating over object

[zigomir]

Hi – your plugin is amazing, thanks so much for creating it!

This issue is probably similar to #104 but maybe this can be improved.

For a component

<template>
  <div>
    <div v-for="(value, key) in obj">
      <span>{{key}}</span>: {{ value.toFixed() }}
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    const obj: Record<'key1' | 'key2', number> = {
      key1: 1,
      key2: 2,
    }

    return { obj }
  }
})
</script>

I get these on hover

1. obj is correctly typed

2. value is any while it should be number

3. key is string while it should be 'key1' | 'key2'

This is a reproduction repo.

[johnsoncodehk]

Fixed in 0.22.24, thanks for the report!

[zigomir]

Amazing – thank you very much – it now works very well with a lot more complex object! 🎉