Remove readingTime

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: {

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">

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

src/types.ts

@@ -20,7 +20,6 @@ export interface Post {
 
   Content: unknown;
   content?: string;
-  readingTime: number;
 }
 
 export interface MetaSEO {

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,
   };
 };