From b3f71b12975d044b2d9efdaee946790c50590c23 Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Mon, 23 Jan 2023 18:00:10 -0500
Subject: [PATCH] Remove readingTime

---
 astro.config.mjs                     | 5 +----
 src/components/blog/ListItem.astro   | 3 +--
 src/components/blog/SinglePost.astro | 6 ++----
 src/types.ts                         | 1 -
 src/utils/blog.ts                    | 4 +---
 5 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 680c0c2..59de232 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -10,7 +10,6 @@ import mdx from '@astrojs/mdx';
 import partytown from '@astrojs/partytown';
 import compress from 'astro-compress';
 
-import { remarkReadingTime } from './src/utils/frontmatter.mjs';
 import { SITE } from './src/config.mjs';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
@@ -56,9 +55,7 @@ export default defineConfig({
     }),
   ],
 
-  markdown: {
-    remarkPlugins: [remarkReadingTime],
-  },
+  markdown: {},
 
   vite: {
     resolve: {
diff --git a/src/components/blog/ListItem.astro b/src/components/blog/ListItem.astro
index 06fe825..20ce0b7 100644
--- a/src/components/blog/ListItem.astro
+++ b/src/components/blog/ListItem.astro
@@ -44,8 +44,7 @@ const link = !BLOG?.post?.disabled ? getPermalink(post.slug, 'post') : '';
       <div class="mb-1">
         <span class="text-sm">
           <Icon name="tabler:clock" class="w-3.5 h-3.5 inline-block -mt-0.5 dark:text-gray-400" />
-          <time datetime={String(post.publishDate)}>{getFormattedDate(post.publishDate)}</time> ~
-          {Math.ceil(post.readingTime)} min read
+          <time datetime={String(post.publishDate)}>{getFormattedDate(post.publishDate)}</time>
         </span>
       </div>
       <h2 class="text-xl sm:text-2xl font-bold leading-tight mb-2 font-heading dark:text-slate-300">
diff --git a/src/components/blog/SinglePost.astro b/src/components/blog/SinglePost.astro
index 32b7f1a..d53fb6f 100644
--- a/src/components/blog/SinglePost.astro
+++ b/src/components/blog/SinglePost.astro
@@ -22,10 +22,8 @@ const { post, url } = Astro.props;
     <header class={post.image ? '' : ''}>
       <div class="flex justify-between flex-col sm:flex-row max-w-3xl mx-auto mt-0 mb-2 px-4 sm:px-6 sm:items-center">
         <p>
-        <Icon name="tabler:clock" class="w-4 h-4 inline-block -mt-1 dark:text-gray-400" />
-        <time datetime={String(post.publishDate)}>{getFormattedDate(post.publishDate)}</time> ~ {
-          Math.ceil(post.readingTime)
-        } min read
+          <Icon name="tabler:clock" class="w-4 h-4 inline-block -mt-1 dark:text-gray-400" />
+          <time datetime={String(post.publishDate)}>{getFormattedDate(post.publishDate)}</time>
         </p>
       </div>
       <h1
diff --git a/src/types.ts b/src/types.ts
index 51a1deb..16a42a6 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -20,7 +20,6 @@ export interface Post {
 
   Content: unknown;
   content?: string;
-  readingTime: number;
 }
 
 export interface MetaSEO {
diff --git a/src/utils/blog.ts b/src/utils/blog.ts
index 3faf0ca..2396f8c 100644
--- a/src/utils/blog.ts
+++ b/src/utils/blog.ts
@@ -5,7 +5,7 @@ import { cleanSlug } from './permalinks';
 
 const getNormalizedPost = async (post: CollectionEntry<'posts'>): Promise<Post> => {
   const { id, slug = '', data } = post;
-  const { Content, remarkPluginFrontmatter } = await post.render();
+  const { Content } = await post.render();
 
   const { tags = [], category = 'default', author = 'Anonymous', publishDate = new Date(), ...rest } = data;
 
@@ -22,8 +22,6 @@ const getNormalizedPost = async (post: CollectionEntry<'posts'>): Promise<Post>
 
     Content: Content,
     // or 'body' in case you consume from API
-
-    readingTime: remarkPluginFrontmatter?.readingTime,
   };
 };