bugs in volar

bug1.vue

<script setup lang="ts">
interface IFoo {
    id: number;
    name: string;
}
const foos: Array<IFoo> = [
    { id: 1, name: "aaa" },
    { id: 2, name: "bbb" },
];
</script>
<template>
    <div>
        <div v-for="foo in foos" :key="foo.id">{foo.name}</div>
        <div :key="foos[0].name"></div>
    </div>
</template>

bug2.vue

<script setup lang="ts">
interface IFoo {
    id: number;
    name: string;
}
const props = defineProps<{
    foos: Array<IFoo>;
}>();
</script>
<template>
    <div>
        <div v-for="foo in props.foos" :key="foo.id">{foo.name}</div>
        <div :key="foos[0].name"></div>
    </div>
</template>

bug3-type.ts

export interface IFoo {
    id: number;
    name: string;
}

bug3.vue

<script setup lang="ts">
import { IFoo } from "./TestType";
const props = defineProps<{
    foos: Array<IFoo>;
}>();
</script>
<template>
    <div>
        <div v-for="foo in props.foos" :key="foo.id">{foo.name}</div>
        <div :key="foos[0].name"></div>
    </div>
</template>