<template>
  <ul
    class="project-list"
    data-cy="project-list"
  >
    <project-list-item
      :project="project"
      data-cy="project"
      class="project-list__item"
      v-for="project in projects"
      :key="project.id"
    />
  </ul>
</template>

<script>
import ProjectListItem from '@/components/portfolio/ProjectListItem.vue';

export default {
  props: {
    projects: {
      type: Array,
      default: () => [],
    },
  },
  components: { ProjectListItem },
};
</script>

<style scoped lang="scss">
@import 'styles/helpers';

.project-list {
  border-top: 1px solid $color-silver;
}
</style>
