<template>
	<section class="starred-projects">
		<VindiTitle icon="mdi mdi-star">
			{{ $t('HOMEPAGE_SECTION_STARRED') }}
		</VindiTitle>
		<ProjectTileList :projects="starred" :rows="1" />
	</section>
</template>

<script lang="ts">
import Vue, { PropType } from 'vue';

export default Vue.extend({
	name: 'StarredProjects',

	props: {
		starred: {
			type: Array as PropType<any[]>,
			required: true
		}
	}
	
});
</script>

<style lang="scss">
.starred-projects {
	@include margin(14, b);
}
</style>