<template>
    <div>
        <p>
            Bonjour à tous et à toutes et aux autres, variment à tout le monde
        </p>
        <p v-for="item in test" :key="item.id">
           {{ item.test_item }}
           <img :src="`/imgs/small/${item.image}.webp`" alt="zbeb" width="20" height="20">
        </p>
    </div>
</template>

<script>
export default {
    setup() {
        const test = ref([]);

        const { data: itemsTest } = useFetch('/api/items/test_collection', { server: true });
        
        onMounted(async () => {
            if (itemsTest.value) {
                test.value = itemsTest.value.data;
            }
        });

        return {
            test
        };
    }
};
</script>