my website
feat: use client router
+24
-7
+23
-7
src/components/BaseHead.astro
+23
-7
src/components/BaseHead.astro
···
1
1
---
2
+
import { ClientRouter } from "astro:transitions";
3
+
2
4
// Import the global.css file here so that it is included on
3
5
// all pages through the use of the <BaseHead /> component.
4
-
import '../styles/global.css';
6
+
import "../styles/global.css";
5
7
6
8
interface Props {
7
-
title: string;
8
-
description: string;
9
-
image?: string;
9
+
title: string;
10
+
description: string;
11
+
image?: string;
10
12
}
11
13
12
14
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
13
15
14
-
const { title, description, image = '/blog-placeholder-1.jpg' } = Astro.props;
16
+
const { title, description, image = "/blog-placeholder-1.jpg" } = Astro.props;
15
17
---
16
18
17
19
<!-- Global Metadata -->
···
21
23
<meta name="generator" content={Astro.generator} />
22
24
23
25
<!-- Font preloads -->
24
-
<link rel="preload" href="/fonts/atkinson-regular.woff" as="font" type="font/woff" crossorigin />
25
-
<link rel="preload" href="/fonts/atkinson-bold.woff" as="font" type="font/woff" crossorigin />
26
+
<link
27
+
rel="preload"
28
+
href="/fonts/atkinson-regular.woff"
29
+
as="font"
30
+
type="font/woff"
31
+
crossorigin
32
+
/>
33
+
<link
34
+
rel="preload"
35
+
href="/fonts/atkinson-bold.woff"
36
+
as="font"
37
+
type="font/woff"
38
+
crossorigin
39
+
/>
26
40
27
41
<!-- Canonical URL -->
28
42
<link rel="canonical" href={canonicalURL} />
···
45
59
<meta property="twitter:title" content={title} />
46
60
<meta property="twitter:description" content={description} />
47
61
<meta property="twitter:image" content={new URL(image, Astro.url)} />
62
+
63
+
<ClientRouter />