2024-02-21 00:30:14 +01:00
|
|
|
<template>
|
2024-05-28 00:18:18 +02:00
|
|
|
<main>
|
|
|
|
<Brush />
|
|
|
|
<Projects :contents="galerie" />
|
|
|
|
</main>
|
2024-02-21 00:30:14 +01:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import Projects from '@/components/Projects.vue';
|
2024-05-28 00:18:18 +02:00
|
|
|
import Brush from '@/components/Brush.vue';
|
2024-02-21 00:30:14 +01:00
|
|
|
|
|
|
|
export default {
|
|
|
|
setup() {
|
|
|
|
const galerie = ref([]);
|
2024-04-06 00:46:44 +02:00
|
|
|
|
2024-04-12 00:23:57 +02:00
|
|
|
const { data: itemsData } = useFetch('/api/items/galerie', { server: true });
|
|
|
|
|
2024-02-21 00:30:14 +01:00
|
|
|
onMounted(async () => {
|
2024-04-12 00:23:57 +02:00
|
|
|
if (itemsData.value) {
|
2024-04-06 00:46:44 +02:00
|
|
|
galerie.value = itemsData.value.data;
|
|
|
|
}
|
2024-02-21 00:30:14 +01:00
|
|
|
});
|
|
|
|
|
|
|
|
return {
|
2024-04-12 00:23:57 +02:00
|
|
|
galerie
|
2024-02-21 00:30:14 +01:00
|
|
|
};
|
|
|
|
},
|
|
|
|
components: {
|
2024-05-28 00:18:18 +02:00
|
|
|
Projects,
|
|
|
|
Brush
|
2024-02-21 00:30:14 +01:00
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|