test_front/pages/index.vue

31 lines
718 B
Vue

<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>