mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use Prettier

Browse Source
This commit is contained in:
prototypa
2022-09-11 03:51:55 -04:00
parent 51362812c8
commit d909adb658
52 changed files with 1487 additions and 1447 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/[...blog]/[...page].astro
View File

@ -1,39 +1,39 @@
---
import { SITE, BLOG } from "~/config.mjs";
import { SITE, BLOG } from '~/config.mjs';
import Layout from "~/layouts/BlogLayout.astro";
import BlogList from "~/components/blog/List.astro";
import Pagination from "~/components/atoms/Pagination.astro";
import Layout from '~/layouts/BlogLayout.astro';
import BlogList from '~/components/blog/List.astro';
import Pagination from '~/components/atoms/Pagination.astro';
import { fetchPosts } from "~/utils/posts";
import { getCanonical, getPermalink, BLOG_BASE } from "~/utils/permalinks";
import { fetchPosts } from '~/utils/posts';
import { getCanonical, getPermalink, BLOG_BASE } from '~/utils/permalinks';
export async function getStaticPaths({ paginate }) {
if (BLOG?.disabled) return [];
if (BLOG?.disabled) return [];
const posts = await fetchPosts();
const posts = await fetchPosts();
return paginate(posts, {
params: { blog: BLOG_BASE || undefined },
pageSize: BLOG.postsPerPage,
});
return paginate(posts, {
params: { blog: BLOG_BASE || undefined },
pageSize: BLOG.postsPerPage,
});
}
const { page } = Astro.props;
const currentPage = page.currentPage ?? 1;
const meta = {
title: `Blog ${currentPage > 1 ? `— Page ${currentPage} ` : ""}— ${SITE.name}`,
description: SITE.description,
canonical: getCanonical(getPermalink(page.url.current)),
title: `Blog ${currentPage > 1 ? `— Page ${currentPage} ` : ''}— ${SITE.name}`,
description: SITE.description,
canonical: getCanonical(getPermalink(page.url.current)),
};
---
<Layout meta={meta}>
<Fragment slot="title">
News and step-by-step guides about
<span class="bg-clip-text text-transparent bg-gradient-to-r from-primary-500 to-secondary-500">AstroWind</span>
</Fragment>
<BlogList posts={page.data} />
<Pagination prevUrl={page.url.prev} nextUrl={page.url.next} />
<Layout {meta}>
<Fragment slot="title">
News and step-by-step guides about
<span class="bg-clip-text text-transparent bg-gradient-to-r from-primary-500 to-secondary-500">AstroWind</span>
</Fragment>
<BlogList posts={page.data} />
<Pagination prevUrl={page.url.prev} nextUrl={page.url.next} />
</Layout>

39
src/pages/[...blog]/[slug].astro
View File

@ -1,34 +1,37 @@
---
import { SITE, BLOG } from "~/config.mjs";
import { SITE, BLOG } from '~/config.mjs';
import Layout from "~/layouts/PageLayout.astro";
import SinglePost from "~/components/blog/SinglePost.astro";
import Layout from '~/layouts/PageLayout.astro';
import SinglePost from '~/components/blog/SinglePost.astro';
import { getCanonical, getPermalink, cleanSlug, BLOG_BASE } from "~/utils/permalinks";
import { fetchPosts } from "~/utils/posts";
import { findImage } from "~/utils/images";
import { getCanonical, getPermalink, cleanSlug, BLOG_BASE } from '~/utils/permalinks';
import { fetchPosts } from '~/utils/posts';
import { findImage } from '~/utils/images';
export async function getStaticPaths() {
if (BLOG?.disabled) return [];
if (BLOG?.disabled) return [];
const posts = await fetchPosts();
const posts = await fetchPosts();
return posts.map((post) => ({
params: { slug: cleanSlug(post.slug), blog: BLOG.postsWithoutBlogSlug ? undefined : BLOG_BASE || undefined },
props: { post },
}));
return posts.map((post) => ({
params: {
slug: cleanSlug(post.slug),
blog: BLOG.postsWithoutBlogSlug ? undefined : BLOG_BASE || undefined,
},
props: { post },
}));
}
const { post } = Astro.props;
const meta = {
title: `${post.title} — ${SITE.name}`,
description: post.description,
canonical: post.canonical || getCanonical(getPermalink(post.slug, "post")),
image: await findImage(post.image),
title: `${post.title} — ${SITE.name}`,
description: post.description,
canonical: post.canonical || getCanonical(getPermalink(post.slug, 'post')),
image: await findImage(post.image),
};
---
<Layout meta={meta}>
<SinglePost post={{ ...post, image: meta.image }} />
<Layout {meta}>
<SinglePost post={{ ...post, image: meta.image }} />
</Layout>