fix: use Astro.site property to generate canonical urls

jonasmerlin · Apr 24, 2024 · 3fc0612 · 3fc0612
1 parent 7d3387a
commit 3fc0612
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/SEO.astro b/src/SEO.astro
@@ -128,13 +128,16 @@ if (Astro.props.title) {
 } else if (Astro.props.titleDefault) {
   updatedTitle = Astro.props.titleDefault;
 }
+
+const baseUrl = Astro.site ?? Astro.url;
+const defaultCanonicalUrl = new URL(Astro.url.pathname + Astro.url.search, baseUrl);
 ---
 
 {updatedTitle ? <title set:html={updatedTitle} /> : null}
 
 {Astro.props.charset ? <meta charset={Astro.props.charset} /> : null}
 
-<link rel="canonical" href={Astro.props.canonical || Astro.url.href} />
+<link rel="canonical" href={Astro.props.canonical || defaultCanonicalUrl.href} />
 
 {
   Astro.props.description ? (

diff --git a/src/index.ts b/src/index.ts
@@ -8,4 +8,4 @@ export * from "./SEO.astro";
 import { Props } from "./SEO.astro";
 
 // @ts-ignore
-export type SEOProps = Props;
+export type SEOProps = Props;