From ec00a40aefca73596ab76e3ebe3a8e1129b43688 Mon Sep 17 00:00:00 2001
From: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 27 Jan 2026 18:27:17 +0000
Subject: [PATCH] chore(deps): bump the production-dependencies group with 4 updates (#2289)

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

diff --git a/quartz/components/PageTitle.tsx b/quartz/components/PageTitle.tsx
index e8377ee..53ee824 100644
--- a/quartz/components/PageTitle.tsx
+++ b/quartz/components/PageTitle.tsx
@@ -1,22 +1,24 @@
-import { resolveToRoot } 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"
 
-interface Options {
-  title: string
+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>
+  )
 }
 
-export default ((opts?: Options) => {
-  const title = opts?.title ?? "Untitled Quartz"
-  function PageTitle({ fileData }: QuartzComponentProps) {
-    const slug = fileData.slug!
-    const baseDir = resolveToRoot(slug)
-    return <h1 class="page-title"><a href={baseDir}>{title}</a></h1>
-  }
-  PageTitle.css = `
-  .page-title {
-    margin: 0;
-  }
-  `
+PageTitle.css = `
+.page-title {
+  font-size: 1.75rem;
+  margin: 0;
+  font-family: var(--titleFont);
+}
+`
 
-  return PageTitle
-}) satisfies QuartzComponentConstructor
+export default (() => PageTitle) satisfies QuartzComponentConstructor

--
Gitblit v1.10.0