diff --git a/quartz.layout.ts b/quartz.layout.ts
index d2a85dc82..a6e3e40a7 100644
--- a/quartz.layout.ts
+++ b/quartz.layout.ts
@@ -4,17 +4,15 @@ import * as Component from "./quartz/components"
// components shared across all pages
export const sharedPageComponents: SharedLayout = {
head: Component.Head({
- favicons: [
- { path: "static/icon.png", size: "200x200", mime: "image/png" }
- ],
+ favicons: [{ path: "static/icon.png", size: "200x200", mime: "image/png" }],
openGraph: {
path: "static/og-image.png",
mime: "image/png",
width: "1200",
height: "675",
- alt: "Quartz logo"
- }
+ alt: "Quartz logo",
+ },
}),
header: [],
afterBody: [],
diff --git a/quartz/components/Head.tsx b/quartz/components/Head.tsx
index 2c7414fd1..b16b6ddd4 100644
--- a/quartz/components/Head.tsx
+++ b/quartz/components/Head.tsx
@@ -55,10 +55,14 @@ export default ((opts?: Options) => {
{cfg.baseUrl && opts?.openGraph && (
<>
- {opts.openGraph.mime && ()}
- {opts.openGraph.width && ()}
- {opts.openGraph.height && ()}
- {opts.openGraph.alt && ()}
+ {opts.openGraph.mime && }
+ {opts.openGraph.width && (
+
+ )}
+ {opts.openGraph.height && (
+
+ )}
+ {opts.openGraph.alt && }
>
)}
{icons.map(({ path, size, mime }) => (