diff options
| author |  Fred K. Schott <fkschott@gmail.com>
| 2022-07-21 10:45:59 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-07-21 13:45:59 -0400 |
| commit | ddefb172f66bcd646dd0b75a7ea8360157dd2ba0 (patch) | |
| tree | a43eb2a6a7cadf867e3f333e09ebac51974b1438 /examples/blog-multiple-authors | |
| parent | d503c5bf3db39afeecb28522861ac5d78c919408 (diff) | |
| download | astro-ddefb172f66bcd646dd0b75a7ea8360157dd2ba0.tar.gz astro-ddefb172f66bcd646dd0b75a7ea8360157dd2ba0.tar.zst astro-ddefb172f66bcd646dd0b75a7ea8360157dd2ba0.zip | |
Replace/Rename Astro.canonicalURL with new Astro.url helper (#3959)
* add Astro.url
* Add examples of how to create the canonicalURL
Co-authored-by: Matthew Phillips <matthew@skypack.dev>
Diffstat (limited to 'examples/blog-multiple-authors')
6 files changed, 7 insertions, 6 deletions
diff --git a/examples/blog-multiple-authors/astro.config.mjs b/examples/blog-multiple-authors/astro.config.mjs index 5a51e487a..2b6a0fe14 100644 --- a/examples/blog-multiple-authors/astro.config.mjs +++ b/examples/blog-multiple-authors/astro.config.mjs @@ -5,4 +5,5 @@ import preact from '@astrojs/preact'; export default defineConfig({ // Enable the Preact integration to support Preact JSX components. integrations: [preact()], + site: `http://astro.build` }); diff --git a/examples/blog-multiple-authors/src/layouts/post.astro b/examples/blog-multiple-authors/src/layouts/post.astro index b940bbb40..8aaa5ba5e 100644 --- a/examples/blog-multiple-authors/src/layouts/post.astro +++ b/examples/blog-multiple-authors/src/layouts/post.astro @@ -1,10 +1,9 @@ --- import MainHead from "../components/MainHead.astro"; import Nav from "../components/Nav.astro"; -import authorData from "../data/authors.json"; const { content } = Astro.props; -let canonicalURL = Astro.canonicalURL; +const canonicalURL = new URL(Astro.url.pathname, Astro.site); --- <html lang={content.lang || "en"}> diff --git a/examples/blog-multiple-authors/src/pages/about.astro b/examples/blog-multiple-authors/src/pages/about.astro index 2d2c9665b..0edb1446e 100644 --- a/examples/blog-multiple-authors/src/pages/about.astro +++ b/examples/blog-multiple-authors/src/pages/about.astro @@ -4,7 +4,7 @@ import Nav from "../components/Nav.astro"; let title = "About"; let description = "About page of an example blog on Astro"; -let canonicalURL = Astro.canonicalURL; +const canonicalURL = new URL(Astro.url.pathname, Astro.site); --- <html lang="en"> diff --git a/examples/blog-multiple-authors/src/pages/authors/[author].astro b/examples/blog-multiple-authors/src/pages/authors/[author].astro index cc83c6bbb..368fdd591 100644 --- a/examples/blog-multiple-authors/src/pages/authors/[author].astro +++ b/examples/blog-multiple-authors/src/pages/authors/[author].astro @@ -13,6 +13,7 @@ export async function getStaticPaths() { const { allPosts } = Astro.props; const title = "Don’s Blog"; const description = "An example blog on Astro"; +const canonicalURL = new URL(Astro.url.pathname, Astro.site); /** filter posts by author, sort by date */ const posts = allPosts @@ -28,7 +29,7 @@ const author = authorData[posts[0].frontmatter.author]; {title} {description} image={posts[0].frontmatter.image} - canonicalURL={Astro.canonicalURL.toString()} + canonicalURL={canonicalURL.toString()} /> <style lang="scss"> diff --git a/examples/blog-multiple-authors/src/pages/index.astro b/examples/blog-multiple-authors/src/pages/index.astro index 91168ed43..8e47b8f15 100644 --- a/examples/blog-multiple-authors/src/pages/index.astro +++ b/examples/blog-multiple-authors/src/pages/index.astro @@ -12,7 +12,7 @@ import authorData from "../data/authors.json"; // 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.canonicalURL; +const canonicalURL = new URL(Astro.url.pathname, Astro.site); // Data Fetching: List all Markdown posts in the repo. let allPosts = await Astro.glob("./post/*.md"); diff --git a/examples/blog-multiple-authors/src/pages/posts/[...page].astro b/examples/blog-multiple-authors/src/pages/posts/[...page].astro index 8a6c9a730..3c6488855 100644 --- a/examples/blog-multiple-authors/src/pages/posts/[...page].astro +++ b/examples/blog-multiple-authors/src/pages/posts/[...page].astro @@ -32,7 +32,7 @@ export async function getStaticPaths({ paginate, rss }) { // page const title = "Don’s Blog"; const description = "An example blog on Astro"; -const { canonicalURL } = Astro; +const canonicalURL = new URL(Astro.url.pathname, Astro.site); const { page } = Astro.props; --- |