astro-ghostcms/packages/starlight-ghostcms/src/components/Preview.astro

41 lines
641 B
Plaintext

---
import type { Post } from '../schemas/posts'
import Metadata from './Metadata.astro'
interface Props {
entry: Post
}
const { entry } = Astro.props
const Excerpt = entry.excerpt
---
<article class="preview">
<header>
<h2>
<a href={`/blog/${entry.slug}`}>{entry.title}</a>
</h2>
<Metadata entry={entry} />
</header>
<div class="sl-markdown-content">
{typeof Excerpt === 'string' ? Excerpt : entry.excerpt}
</div>
</article>
<style>
.preview {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
h2 {
margin-bottom: 1.5rem;
}
h2 a {
text-decoration: none;
}
</style>