<script lang="javascript">
	let {data} = $props()

	$inspect("b",data)
</script>

<svelte:head>
	<title></title>
	<meta name="description" content="" />
</svelte:head>

<section>
	<h1>I might decide to write sometime</h1>
	<ol>
		{#each data.blags as {title, uri, created_at}}
			<li><a href="blag/{uri}">{title}</a> @ <p>{new Date(created_at).toLocaleDateString()}</p></li>
		{/each}
	</ol>
</section>

<style lang="scss">
  @use '/src/app.scss' as *;

	section {
		margin: 1rem auto;
		min-width: 60rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		h1{
			font-size: 1.5rem;
			text-shadow: 3px 3px 3px $green;
		}
		ol{
			list-style: none;
			padding: 0;
			li{
				display: flex;
				gap: 1rem;
				justify-content: space-between;
			}
		}
	}
</style>