我尝试在我的模板中显示数据，但什么都没有显示，我有一个空白屏幕，使用Vue JS 3与typescript（和im new...）

<template>
    <div>
        <img :src="datas[0].image">
    </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue';

interface datasInterface {
    id: number,
    title: string,
    price: number,
    description: string,
    category: string,
    image: string,
    rating: {
        rate: number,
        count: number
    }
}

const datas = ref<datasInterface[]>([])

onMounted(async () => {
    const dataAsync = await (await fetch('https://fakestoreapi.com/products')).json()
    datas.value = dataAsync
    console.log(datas.value);
})

</script>