ajout d'images et de cotnenu du cms

pages/index.vue

@@ -1,3 +1,31 @@
 <template>
-    Bonjour à tous et à toutes et aux autres, variment à tout le monde
+    <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>