| | |
| | | import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "../types" |
| | | import style from "../styles/listPage.scss" |
| | | import { PageList, SortFn } from "../PageList" |
| | | import { FullSlug, getAllSegmentPrefixes, simplifySlug } from "../../util/path" |
| | | import { FullSlug, getAllSegmentPrefixes, resolveRelative, simplifySlug } from "../../util/path" |
| | | import { QuartzPluginData } from "../../plugins/vfile" |
| | | import { Root } from "hast" |
| | | import { htmlToJsx } from "../../util/jsx" |
| | | import { i18n } from "../../i18n" |
| | | import { ComponentChildren } from "preact" |
| | | import { concatenateResources } from "../../util/resources" |
| | | |
| | | interface TagContentOptions { |
| | | sort?: SortFn |
| | |
| | | ? contentPage?.description |
| | | : htmlToJsx(contentPage.filePath!, root) |
| | | |
| | | const tagListingPage = `/tags/${tag}` as FullSlug |
| | | const href = resolveRelative(fileData.slug!, tagListingPage) |
| | | |
| | | return ( |
| | | <div> |
| | | <h2> |
| | | <a class="internal tag-link" href={`../tags/${tag}`}> |
| | | <a class="internal tag-link" href={href}> |
| | | {tag} |
| | | </a> |
| | | </h2> |
| | |
| | | } |
| | | |
| | | return ( |
| | | <div class={classes}> |
| | | <article class="popover-hint">{content}</article> |
| | | <div class="popover-hint"> |
| | | <article class={classes}>{content}</article> |
| | | <div class="page-listing"> |
| | | <p>{i18n(cfg.locale).pages.tagContent.itemsUnderTag({ count: pages.length })}</p> |
| | | <div> |
| | |
| | | } |
| | | } |
| | | |
| | | TagContent.css = style + PageList.css |
| | | TagContent.css = concatenateResources(style, PageList.css) |
| | | return TagContent |
| | | }) satisfies QuartzComponentConstructor |