50 lines
983 B
Vue
50 lines
983 B
Vue
<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> |