local and global graph

quartz/components/PageTitle.tsx

@@ -1,11 +1,22 @@
 import { resolveToRoot } from "../path"
 import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
 
-function PageTitle({ cfg, fileData }: QuartzComponentProps) {
-  const title = cfg.siteTitle
-  const slug = fileData.slug!
-  const baseDir = resolveToRoot(slug)
-  return <h1><a href={baseDir}>{title}</a></h1>
+interface Options {
+  title: string
 }
 
-export default (() => PageTitle) satisfies QuartzComponentConstructor
+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;
+  }
+  `
+
+  return PageTitle
+}) satisfies QuartzComponentConstructor