2023-08-20 07:52:25 +09:00
|
|
|
import { pathToRoot } from "../util/path"
|
2024-02-14 13:53:44 +09:00
|
|
|
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
|
2024-01-30 14:51:13 +09:00
|
|
|
import { classNames } from "../util/lang"
|
2024-02-05 13:57:10 +09:00
|
|
|
import { i18n } from "../i18n"
|
2023-06-08 14:27:32 +09:00
|
|
|
|
2024-02-14 13:53:44 +09:00
|
|
|
const PageTitle: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzComponentProps) => {
|
2024-02-05 13:57:10 +09:00
|
|
|
const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title
|
2023-08-20 07:52:25 +09:00
|
|
|
const baseDir = pathToRoot(fileData.slug!)
|
2023-07-23 09:27:41 +09:00
|
|
|
return (
|
2024-01-30 14:51:13 +09:00
|
|
|
<h1 class={classNames(displayClass, "page-title")}>
|
2023-07-23 09:27:41 +09:00
|
|
|
<a href={baseDir}>{title}</a>
|
|
|
|
</h1>
|
|
|
|
)
|
2023-06-08 14:27:32 +09:00
|
|
|
}
|
2023-06-12 15:46:38 +09:00
|
|
|
|
2023-07-02 05:35:27 +09:00
|
|
|
PageTitle.css = `
|
|
|
|
.page-title {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
`
|
2023-06-19 02:47:07 +09:00
|
|
|
|
2023-07-02 05:35:27 +09:00
|
|
|
export default (() => PageTitle) satisfies QuartzComponentConstructor
|