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

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

<script lang="ts">
import Header from "@/components/Header.vue";
import ProjectComp from "@/components/Project-comp.vue";

export default {
  name: 'App',
  components: {
    Header,
    ProjectComp,
  },
  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>