30 lines
433 B
Vue
30 lines
433 B
Vue
<template>
|
|
<ul>
|
|
<teams-item
|
|
v-for="team in teams"
|
|
:key="team.id"
|
|
:name="team.name"
|
|
:member-count="team.members.length"
|
|
></teams-item>
|
|
</ul>
|
|
</template>
|
|
|
|
<script>
|
|
import TeamsItem from './TeamsItem.vue';
|
|
|
|
export default {
|
|
components: {
|
|
TeamsItem,
|
|
},
|
|
inject: ['teams'],
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
ul {
|
|
list-style: none;
|
|
margin: 2rem auto;
|
|
max-width: 40rem;
|
|
padding: 0;
|
|
}
|
|
</style> |