From dc3323b5741845ac6109781da32d34f16e925815 Mon Sep 17 00:00:00 2001
From: Akihiro Saiki <sk@myuu.dev>
Date: Sat, 04 Jan 2025 17:45:53 +0000
Subject: [PATCH] chore: use Google Fonts API v2 to get fonts for ogp (#1705)

---
 quartz/components/PageTitle.tsx |   20 +++++++++++++-------
 1 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/quartz/components/PageTitle.tsx b/quartz/components/PageTitle.tsx
index 00b2300..046dc52 100644
--- a/quartz/components/PageTitle.tsx
+++ b/quartz/components/PageTitle.tsx
@@ -1,15 +1,21 @@
-import { canonicalizeServer, pathToRoot } from "../path"
-import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
+import { pathToRoot } from "../util/path"
+import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
+import { classNames } from "../util/lang"
+import { i18n } from "../i18n"
 
-function PageTitle({ fileData, cfg }: QuartzComponentProps) {
-  const title = cfg?.pageTitle ?? "Untitled Quartz"
-  const slug = canonicalizeServer(fileData.slug!)
-  const baseDir = pathToRoot(slug)
-  return <h1 class="page-title"><a href={baseDir}>{title}</a></h1>
+const PageTitle: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzComponentProps) => {
+  const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title
+  const baseDir = pathToRoot(fileData.slug!)
+  return (
+    <h2 class={classNames(displayClass, "page-title")}>
+      <a href={baseDir}>{title}</a>
+    </h2>
+  )
 }
 
 PageTitle.css = `
 .page-title {
+  font-size: 1.75rem;
   margin: 0;
 }
 `

--
Gitblit v1.10.0