<script setup lang="ts">
import { RouterView } from "vue-router";
import ErrorWrapper from "@/views/errorWrapper.vue";
import ProjectComponent from "@/components/ProjectComponent.vue";
</script>

<template>
    <HeaderComponent />
    <error-wrapper></error-wrapper>
    <div id="main">
        <ProjectComponent
            v-for="(project, index) in projects"
            :key="index"
            :project-name="project.name"
        />
    </div>
    <RouterView />
</template>

<script lang="ts">
import HeaderComponent from "@/components/HeaderComponent.vue";

export default {
    name: "App",
    components: {
        HeaderComponent,
    },
    data() {
        return {
            projects: [
                {
                    name: "Projet Alpha",
                    //link: './project-alpha.html',
                    //members: ['Alice', 'Bob', 'Charlie'],
                },
                {
                    name: "Projet Beta",
                    //link: './project-beta.html',
                    //members: ['David', 'Eve', 'Frank'],
                },
            ],
        };
    },
};
</script>

<style scoped></style>
