<template>
    <main>
        <Brush />
        <Projects :contents="galerie" />
    </main>
</template>

<script>
import Projects from '@/components/Projects.vue';
import Brush from '@/components/Brush.vue';

export default {
    setup() {
        const galerie = ref([]);

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

        return {
            galerie
        };
    },
    components: {
        Projects,
        Brush
    }
};
</script>