<script>
	import SongTile from '../../components/song/SongTile.svelte';
	import meta from '../../data/_songs-meta_';

	export const { songs } = meta;
</script>

<div class="songs content">
	<h1>Songs</h1>

	<div class="songs-list">
		{#each songs as song}
			<a href={`/songs/${song.slug}`}>
				<SongTile {song} />
			</a>
		{/each}
	</div>
</div>

<style>
	.songs {
		margin: 0 auto 0 auto;
	}
</style>