diff options
Diffstat (limited to 'examples/blog-multiple-authors/src/pages/index.astro')
| -rw-r--r-- | examples/blog-multiple-authors/src/pages/index.astro | 24 |
1 files changed, 14 insertions, 10 deletions
diff --git a/examples/blog-multiple-authors/src/pages/index.astro b/examples/blog-multiple-authors/src/pages/index.astro index 4e93a932e..91168ed43 100644 --- a/examples/blog-multiple-authors/src/pages/index.astro +++ b/examples/blog-multiple-authors/src/pages/index.astro @@ -1,22 +1,24 @@ --- // Component Imports -import MainHead from '../components/MainHead.astro'; -import Nav from '../components/Nav.astro'; -import PostPreview from '../components/PostPreview.astro'; -import Pagination from '../components/Pagination.astro'; -import authorData from '../data/authors.json'; +import MainHead from "../components/MainHead.astro"; +import Nav from "../components/Nav.astro"; +import PostPreview from "../components/PostPreview.astro"; +import Pagination from "../components/Pagination.astro"; +import authorData from "../data/authors.json"; // Component Script: // You can write any JavaScript/TypeScript that you'd like here. // It will run during the build, but never in the browser. // All variables are available to use in the HTML template below. -let title = 'Don’s Blog'; -let description = 'An example blog on Astro'; +let title = "Don’s Blog"; +let description = "An example blog on Astro"; let canonicalURL = Astro.canonicalURL; // Data Fetching: List all Markdown posts in the repo. -let allPosts = await Astro.glob('./post/*.md'); -allPosts.sort((a, b) => new Date(b.frontmatter.date).valueOf() - new Date(a.frontmatter.date).valueOf()); +let allPosts = await Astro.glob("./post/*.md"); +allPosts.sort( + (a, b) => new Date(b.frontmatter.date).valueOf() - new Date(a.frontmatter.date).valueOf() +); let firstPage = allPosts.slice(0, 2); // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ @@ -31,7 +33,9 @@ let firstPage = allPosts.slice(0, 2); <Nav {title} /> <main class="wrapper"> - {allPosts.map((post) => <PostPreview post={post} author={authorData[post.frontmatter.author]} />)} + {allPosts.map((post) => ( + <PostPreview post={post} author={authorData[post.frontmatter.author]} /> + ))} </main> <footer> |