From 8be63f889126398e10e2f4e0fadc050026ba53ed Mon Sep 17 00:00:00 2001
From: Daine Mawer <hello@dainemawer.com>
Date: Sun, 2 Jun 2024 17:59:36 +0200
Subject: [PATCH] feat: remove entry microformats

---
 app/articles/[slug]/page.tsx           | 103 ++++++++++++-------------
 app/components/AuthorBio/AuthorBio.tsx |  10 +--
 2 files changed, 52 insertions(+), 61 deletions(-)

diff --git a/app/articles/[slug]/page.tsx b/app/articles/[slug]/page.tsx
index b1ec23b..8a33769 100644
--- a/app/articles/[slug]/page.tsx
+++ b/app/articles/[slug]/page.tsx
@@ -157,62 +157,57 @@ export default async function SinglePost({
 
 	return (
 		<Layout>
-			<div className="h-entry">
-				<script
-					type="application/ld+json"
-					dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
+			<script
+				type="application/ld+json"
+				dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
+			/>
+			<script
+				type="application/ld+json"
+				dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbSchema) }}
+			/>
+			<Progress />
+			<article
+				id=""
+				className={`section is-${article.category.slug.current}-page`}
+				aria-label=""
+			>
+				<Breadcrumbs
+					category={article.category.slug.current}
+					slug={article.slug.current}
+					title={article.title}
 				/>
-				<script
-					type="application/ld+json"
-					dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbSchema) }}
+				<header className={styles.header}>
+					<h1>
+						<Balancer>{article?.title}</Balancer>
+					</h1>
+					<div className="flex items-center justify-center">
+						<Link
+							className="capitalize"
+							href={`/category/${article.category.slug.current}`}
+						>
+							{article.category.title}
+						</Link>
+						<span className="mx-4">|</span>
+						<LocalDate dateString={article?.publishedAt} />
+						<span className="mx-4">|</span>
+						<p className={styles.readingTime}>
+							{article.estimatedReadingTime} min read
+						</p>
+					</div>
+				</header>
+				<TableOfContents outline={outline as any} />
+				<PortableText
+					components={components as any}
+					value={article.body as any}
 				/>
-				<Progress />
-				<article
-					id=""
-					className={`section is-${article.category.slug.current}-page e-content`}
-					aria-label=""
-				>
-					<Breadcrumbs
-						category={article.category.slug.current}
-						slug={article.slug.current}
-						title={article.title}
-					/>
-					<header className={styles.header}>
-						<h1 className="p-name">
-							<Balancer>{article?.title}</Balancer>
-						</h1>
-						<div className="flex items-center justify-center">
-							<Link
-								className="capitalize"
-								href={`/category/${article.category.slug.current}`}
-							>
-								{article.category.title}
-							</Link>
-							<span className="mx-4">|</span>
-							<LocalDate
-								className="dt-published"
-								dateString={article?.publishedAt}
-							/>
-							<span className="mx-4">|</span>
-							<p className={styles.readingTime}>
-								{article.estimatedReadingTime} min read
-							</p>
-						</div>
-					</header>
-					<TableOfContents outline={outline as any} />
-					<PortableText
-						components={components as any}
-						value={article.body as any}
-					/>
-				</article>
-				<Tags tags={article.tags} />
-				<AuthorBio
-					excerpt={article?.excerpt}
-					title={article?.excerpt}
-					slug={params.slug}
-				/>
-				<PostNavigation previous={previous} next={next} />
-			</div>
+			</article>
+			<Tags tags={article.tags} />
+			<AuthorBio
+				excerpt={article?.excerpt}
+				title={article?.excerpt}
+				slug={params.slug}
+			/>
+			<PostNavigation previous={previous} next={next} />
 		</Layout>
 	);
 }
diff --git a/app/components/AuthorBio/AuthorBio.tsx b/app/components/AuthorBio/AuthorBio.tsx
index 5105aa3..23046e1 100644
--- a/app/components/AuthorBio/AuthorBio.tsx
+++ b/app/components/AuthorBio/AuthorBio.tsx
@@ -4,7 +4,6 @@ import Image from "next/image";
 import classNames from "classnames";
 
 import styles from "./AuthorBio.module.css";
-import Link from "next/link";
 
 export const AuthorBio: FC<AuthorBioProps> = ({ excerpt, title, slug }) => {
 	const url = `${process.env.NEXT_PUBLIC_SITE_DOMAIN}/${slug}`;
@@ -31,12 +30,9 @@ export const AuthorBio: FC<AuthorBioProps> = ({ excerpt, title, slug }) => {
 					<strong>
 						Written by <span className="p-name">Daine Mawer</span>.
 					</strong>{" "}
-					Enjoy reading the{" "}
-					<Link className="u-url" href={slug}>
-						article
-					</Link>
-					? Im always posting new content. If you liked what you read, please
-					subscribe to my <a href="/rss">RSS feed </a> or follow me on{" "}
+					Enjoy reading the article? Im always posting new content. If you liked
+					what you read, please subscribe to my <a href="/rss">RSS feed </a> or
+					follow me on{" "}
 					<a
 						className="u-url"
 						href="https://github.com/dainemawer"