graham/ghall.space
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prettier config

Browse Source
This commit is contained in:
Graham Hall
2022-12-09 09:24:59 -05:00
parent a1f8b3e91e
commit 28be6d311b
9 changed files with 111 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/posts/[slug].astro
+19 -13
View File
@@ -1,23 +1,29 @@
---
import { format } from 'date-fns';
import { Markup } from 'astro-remote';
import { format } from "date-fns";
import { Markup } from "astro-remote";
import Layout from '../../layouts/Layout.astro';
import Layout from "../../layouts/Layout.astro";
const { slug } = Astro.params;
const response = await fetch(`https://api.cosmicjs.com/v2/buckets/${import.meta.env.BUCKET_SLUG}/objects?pretty=true&query=%7B%22type%22%3A%22blog-posts%22%7D&read_key=${import.meta.env.BUCKET_READ_KEY}&limit=20&slug=${slug}`)
const response = await fetch(
`https://api.cosmicjs.com/v2/buckets/${
import.meta.env.BUCKET_SLUG
}/objects?pretty=true&query=%7B%22type%22%3A%22blog-posts%22%7D&read_key=${
import.meta.env.BUCKET_READ_KEY
}&limit=20&slug=${slug}`
);
const posts = await response.json();
const post = posts.objects[0];
---
<Layout title={post.title}>
<article>
<div style={{display: 'flex', justifyContent: 'space-between'}}>
<h4>{post.title}</h4>
<h5>{`🗓️ ${format(new Date(post.published_at), 'MMM do, y')}`}</h5>
</div>
<Markup content={post.content} />
</article>
</Layout>
<article>
<div style={{ display: "flex", justifyContent: "space-between" }}>
<h4>{post.title}</h4>
<h5>{`🗓️ ${format(new Date(post.published_at), "MMM do, y")}`}</h5>
</div>
<Markup content={post.content} />
</article>
</Layout>