---
import {getCollection, render} from 'astro:content';
import BaseLayout from "../../layouts/BaseLayout.astro";
// 1. Generate a new path for every collection entry
export async function getStaticPaths() {
    const hobbies = await getCollection('hobbies');
    return hobbies.map(hobby => ({
        params: {id: hobby.id},
        props: {hobby: hobby, title: hobby.id},
    }));
}
// 2. For your template, you can get the entry directly from the prop
const {hobby} = Astro.props;
const {Content} = await render(hobby);
---
<BaseLayout title={hobby.id}>
    <Content/>
</BaseLayout>