I used reading time as per the <a href="https://docs.astro.build/en/recipes/reading-ti

My Bad i was troubleshooting deployment had to reinitiate the <a href="https://github.

If you are able, can you see if this works? <div class="highlight highlight-source

Hey <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url=

⚠️ Issue Reading Time about docs HOT 5 CLOSED

sahillangoo commented on May 23, 2024

⚠️ Issue Reading Time

from docs.

Comments (5)

sahillangoo commented on May 23, 2024 1

My Bad i was troubleshooting deployment had to reinitiate the repo
Yeah I have the content collection and the above snippet works as already mention in the recipe but i want it in the layout!
So used the other one but now i have add it as a prop and it works like a charm!
Thanks for helping!

<BlogPost {...data} timetoread={remarkPluginFrontmatter.minutesRead}>
	<Content />
</BlogPost>

from docs.

TheOtterlord commented on May 23, 2024 1

Glad we could help!

from docs.

VoxelMC commented on May 23, 2024

If you are able, can you see if this works?

---
const { frontmatter } = Astro.props;
---

<html>
  <head>...</head>
  <body>
    <p>{frontmatter.minutesRead}</p>
    <slot />
  </body>
</html>

There is probably no reason for this to work any differently, but maybe we can start here?
If it still doesn't work, I'll see if I can reproduce this tomorrow and work from there :)

from docs.

sahillangoo commented on May 23, 2024

Not working , Link to repo:

from docs.

TheOtterlord commented on May 23, 2024

Hey @sahillangoo! Looks like your repo is empty, but looking at the screenshot I see a CollectionEntry type. The frontmatter Astro prop only exists if you're using markdown templating instead of content collections. If your markdown is coming from content collections (like it looks to be here), you can instead use the example from the previous snippet in the recipe:

---
import { CollectionEntry, getCollection } from 'astro:content';

export async function getStaticPaths() {
  const blog = await getCollection('blog');
  return blog.map(entry => ({
    params: { slug: entry.slug },
    props: { entry },
  }));
}

const { entry } = Astro.props;
const { Content, remarkPluginFrontmatter } = await entry.render();
---

<html>
  <head>...</head>
  <body>
    ...
    <p>{remarkPluginFrontmatter.minutesRead}</p>
    ...
  </body>
</html>

Let me know if this helps!

from docs.

Recommend Projects

⚠️ Issue Reading Time about docs HOT 5 CLOSED

Comments (5)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent