michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix type error in blog-multiple-authors example (#1553)

Browse source 
* chore: add description to avoid type error

* fix: fix canonical url type in main head component
This commit is contained in:
Yoshiaki Togami 2021-10-15 03:40:33 +09:00 committed by GitHub
parent 7e4f91db60
commit 32dbf68247
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/blog-multiple-authors/src/components/MainHead.astro
View file

@ -6,7 +6,7 @@ export interface Props {
type?: string;
next?: string;
prev?: string;
canonicalURL?: string;
canonicalURL?: string | URL;
}
const { title, description, image, type, next, prev, canonicalURL } = Astro.props as Props;

3
examples/blog-multiple-authors/src/layouts/post.astro
View file

@ -4,12 +4,13 @@ import Nav from '../components/Nav.astro';
import authorData from '../data/authors.json';
const { content } = Astro.props;
let canonicalURL = Astro.request.canonicalURL;
---
<html lang={ content.lang || 'en' }>
<head>
<title>{content.title}</title>
<MainHead title={content.title} description={content.description} image={content.image} canonicalURL={Astro.request.canonicalURL} />
<MainHead title={content.title} description={content.description} image={content.image} canonicalURL={canonicalURL} />
<style lang="scss">
.title {
margin-top: 4rem;

5
examples/blog-multiple-authors/src/pages/about.astro
View file

@ -3,12 +3,15 @@ import MainHead from '../components/MainHead.astro';
import Nav from '../components/Nav.astro';
let title = "About";
let description = "About page of an example blog on Astro";
let canonicalURL = Astro.request.canonicalURL;
---
<html lang="en">
<head>
<MainHead
title={title}
canonicalURL={Astro.request.canonicalURL}
description={description}
canonicalURL={canonicalURL}
/>
<style lang="scss">

3
examples/blog-multiple-authors/src/pages/index.astro
View file

@ -18,6 +18,7 @@ interface MarkdownFrontmatter {
// All variables are available to use in the HTML template below.
let title = 'Don’s Blog';
let description = 'An example blog on Astro';
let canonicalURL = Astro.request.canonicalURL;
// Data Fetching: List all Markdown posts in the repo.
let allPosts = Astro.fetchContent<MarkdownFrontmatter>('./post/*.md');
@ -34,7 +35,7 @@ let firstPage = allPosts.slice(0, 2);
title={title}
description={description}
image={allPosts[0].image}
canonicalURL={Astro.request.canonicalURL.href}
canonicalURL={canonicalURL}
/>
</head>