diff options
Diffstat (limited to 'examples/blog/src/layouts/BlogPost.astro')
| -rw-r--r-- | examples/blog/src/layouts/BlogPost.astro | 31 |
1 files changed, 15 insertions, 16 deletions
diff --git a/examples/blog/src/layouts/BlogPost.astro b/examples/blog/src/layouts/BlogPost.astro index b227d5222..e6bb0a6c7 100644 --- a/examples/blog/src/layouts/BlogPost.astro +++ b/examples/blog/src/layouts/BlogPost.astro @@ -3,23 +3,22 @@ import BaseHead from '../components/BaseHead.astro'; import BlogHeader from '../components/BlogHeader.astro'; import BlogPost from '../components/BlogPost.astro'; -const {content} = Astro.props; -const {title, description, publishDate, author, heroImage, permalink, alt} = content; +const { content } = Astro.props; +const { title, description, publishDate, author, heroImage, permalink, alt } = content; --- -<html lang={ content.lang || 'en' }> - <head> - <BaseHead title={title} description={description} permalink={permalink} /> - <link rel="stylesheet" href={Astro.resolve('../styles/blog.css')} /> - </head> +<html lang={content.lang || 'en'}> + <head> + <BaseHead {title} {description} {permalink} /> + <link rel="stylesheet" href={Astro.resolve('../styles/blog.css')} /> + </head> - <body> - <BlogHeader /> - <div class="wrapper"> - <BlogPost title={title} author={author} heroImage={heroImage} publishDate={publishDate} alt={alt}> - <slot /> - </BlogPost> - </div> - </body> + <body> + <BlogHeader /> + <div class="wrapper"> + <BlogPost {title} {author} {heroImage} {publishDate} {alt}> + <slot /> + </BlogPost> + </div> + </body> </html> - |