---
import { getCollection } from 'astro:content';
import Layout from '../../layouts/ContentLayout.astro';
import SmallCaps from '../../components/SmallCaps.astro';

export async function getStaticPaths() {
  const entries = await getCollection('posts');
  return entries.map(entry => {
    return {params: { post: entry.slug }, props: { entry },
  }});
}

const { entry } = Astro.props;
const { Content } = await entry.render();
---
<Layout title="">
  <Content components={{ SmallCaps }} />
</Layout>
