@meith/theme-default 0.6.0 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/theme-default",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "Meith's default theme — every slot and every token, and the reference for what a complete theme fills.",
   "license": "LGPL-3.0-or-later",
   "repository": {
@@ -20,8 +20,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@meith/theme-kit": "^0.6.0",
-    "@meith/ui": "^0.6.0"
+    "@meith/theme-kit": "^0.8.0",
+    "@meith/ui": "^0.8.0"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/src/copy.ts

@@ -0,0 +1,316 @@
+import type { SlotCopy, Translator } from '@meith/theme-kit'
+
+function copyFor(t: Translator, keys: readonly string[]): SlotCopy {
+  const copy: Record<string, string> = {}
+  for (const key of keys) copy[key] = t.t(key)
+  return copy
+}
+
+export function whoIsOnlineCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.whoIsOnline.heading',
+    'default.whoIsOnline.online',
+    'default.whoIsOnline.member.one',
+    'default.whoIsOnline.member.other',
+    'default.whoIsOnline.guest.one',
+    'default.whoIsOnline.guest.other',
+    'default.whoIsOnline.nobody',
+    'default.whoIsOnline.onlyGuests',
+    'default.whoIsOnline.and',
+    'default.whoIsOnline.more',
+    'default.whoIsOnline.seeEveryone',
+    'default.whoIsOnline.record',
+    'default.whoIsOnline.invisible',
+  ])
+}
+
+export function announcementCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['default.announcement.posted', 'default.announcement.postedBy'])
+}
+
+export function boardIndexCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['default.boardIndex.boardActivity', 'default.boardIndex.markAllRead'])
+}
+
+export function boardStatsCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.boardStats.counted',
+    'default.boardStats.heading',
+    'default.boardStats.members',
+    'default.boardStats.newestMember',
+    'default.boardStats.notComputed',
+    'default.boardStats.posts',
+    'default.boardStats.threads',
+  ])
+}
+
+export function discoveryViewCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.discoveryView.by',
+    'default.discoveryView.dot',
+    'default.discoveryView.in',
+    'default.discoveryView.lastPost',
+    'default.discoveryView.nextArrow',
+    'default.discoveryView.reply.one',
+    'default.discoveryView.reply.other',
+    'default.discoveryView.startedBy',
+  ])
+}
+
+export function errorNoticeCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.errorNotice.error',
+    'default.errorNotice.forumHome',
+    'default.errorNotice.quoteThis',
+  ])
+}
+
+export function footerCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['default.footer.nav', 'default.footer.timesShownIn'])
+}
+
+export function forumDisplayCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.forumDisplay.emptyNoThread',
+    'default.forumDisplay.emptyNoThreadFirst',
+    'default.forumDisplay.markRead',
+    'default.forumDisplay.newThread',
+    'default.forumDisplay.noThreadsYet',
+    'default.forumDisplay.post.one',
+    'default.forumDisplay.post.other',
+    'default.forumDisplay.postsLabel',
+    'default.forumDisplay.startFirstThread',
+    'default.forumDisplay.thread.one',
+    'default.forumDisplay.thread.other',
+    'default.forumDisplay.threadsLabel',
+  ])
+}
+
+export function forumRowCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.forumRow.by',
+    'default.forumRow.dot',
+    'default.forumRow.newPosts',
+    'default.forumRow.noPostsYet',
+    'default.forumRow.post.one',
+    'default.forumRow.post.other',
+    'default.forumRow.postsLabel',
+    'default.forumRow.subforums',
+    'default.forumRow.thread.one',
+    'default.forumRow.thread.other',
+    'default.forumRow.threadsLabel',
+  ])
+}
+
+export function headerCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['default.header.sections'])
+}
+
+export function latestPostsCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.latestPosts.asOf',
+    'default.latestPosts.dot',
+    'default.latestPosts.emptyDescription',
+    'default.latestPosts.heading',
+    'default.latestPosts.in',
+    'default.latestPosts.nothingYet',
+  ])
+}
+
+export function latestThreadsCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.latestThreads.asOf',
+    'default.latestThreads.dot',
+    'default.latestThreads.emptyDescription',
+    'default.latestThreads.heading',
+    'default.latestThreads.in',
+    'default.latestThreads.nothingYet',
+    'default.latestThreads.reply.one',
+    'default.latestThreads.reply.other',
+  ])
+}
+
+export function memberProfileCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.memberProfile.about',
+    'default.memberProfile.joinedLabel',
+    'default.memberProfile.lastVisitLabel',
+    'default.memberProfile.memberActions',
+    'default.memberProfile.never',
+    'default.memberProfile.postsLabel',
+    'default.memberProfile.signature',
+  ])
+}
+
+export function navigationCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['default.navigation.breadcrumb', 'default.navigation.separator'])
+}
+
+export function noticeCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.notice.dismiss',
+    'default.notice.error',
+    'default.notice.info',
+    'default.notice.success',
+    'default.notice.warning',
+  ])
+}
+
+export function paginationCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.pagination.ellipsis',
+    'default.pagination.nav',
+    'default.pagination.next',
+    'default.pagination.of',
+    'default.pagination.page',
+    'default.pagination.previous',
+  ])
+}
+
+export function panelNavCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['default.panelNav.countCap', 'default.panelNav.waiting'])
+}
+
+export function panelPageCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['default.panelPage.back'])
+}
+
+export function postActionsCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.postActions.edit',
+    'default.postActions.moderate',
+    'default.postActions.nav',
+    'default.postActions.quote',
+    'default.postActions.rate',
+    'default.postActions.report',
+    'default.postActions.restore',
+    'default.postActions.warn',
+  ])
+}
+
+export function postBitCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.postBit.attachment.one',
+    'default.postBit.attachment.other',
+    'default.postBit.deletedPost',
+    'default.postBit.hiddenNotice',
+    'default.postBit.ignoringPrefix',
+    'default.postBit.joined',
+    'default.postBit.online',
+    'default.postBit.post.one',
+    'default.postBit.post.other',
+    'default.postBit.postsLabel',
+    'default.postBit.reputation',
+    'default.postBit.reputationLabel',
+    'default.postBit.showAnyway',
+    'default.postBit.staffOnly',
+    'default.postBit.waitingApproval',
+  ])
+}
+
+export function postFormCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['default.postForm.cannotPost'])
+}
+
+export function redirectNoticeCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.redirectNotice.continueNow',
+    'default.redirectNotice.continuingOnItsOwnIn',
+    'default.redirectNotice.pleaseWait',
+    'default.redirectNotice.redirecting',
+    'default.redirectNotice.second.one',
+    'default.redirectNotice.second.other',
+  ])
+}
+
+export function searchFormCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.searchForm.in',
+    'default.searchForm.noResults',
+    'default.searchForm.placeholder',
+    'default.searchForm.search',
+    'default.searchForm.searchFor',
+    'default.searchForm.sortBy',
+  ])
+}
+
+export function searchResultsCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.searchResults.clearFilters',
+    'default.searchResults.closeQuote',
+    'default.searchResults.dot',
+    'default.searchResults.nextArrow',
+    'default.searchResults.nothingMatched',
+    'default.searchResults.openQuote',
+    'default.searchResults.removeFilter',
+    'default.searchResults.removeFilterX',
+    'default.searchResults.resultsFor',
+    'default.searchResults.searched',
+    'default.searchResults.searchedNote',
+    'default.searchResults.startNewSearch',
+    'default.searchResults.tryFewerWords',
+  ])
+}
+
+export function shellCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['default.shell.skipToContent'])
+}
+
+export function subforumListCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.subforumList.heading',
+    'default.subforumList.post.one',
+    'default.subforumList.post.other',
+    'default.subforumList.postsLabel',
+    'default.subforumList.thread.one',
+    'default.subforumList.thread.other',
+    'default.subforumList.threadsLabel',
+  ])
+}
+
+export function threadRowCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.threadRow.by',
+    'default.threadRow.dot',
+    'default.threadRow.latestReply',
+    'default.threadRow.locked',
+    'default.threadRow.moved',
+    'default.threadRow.newPosts',
+    'default.threadRow.noRepliesYet',
+    'default.threadRow.pinned',
+    'default.threadRow.reply.one',
+    'default.threadRow.reply.other',
+    'default.threadRow.repliesLabel',
+    'default.threadRow.startedBy',
+    'default.threadRow.view.one',
+    'default.threadRow.view.other',
+    'default.threadRow.viewsLabel',
+  ])
+}
+
+export function threadViewCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.threadView.locked',
+    'default.threadView.markRead',
+    'default.threadView.moved',
+    'default.threadView.pinned',
+    'default.threadView.reply.one',
+    'default.threadView.reply.other',
+    'default.threadView.replyAction',
+    'default.threadView.repliesLabel',
+    'default.threadView.view.one',
+    'default.threadView.view.other',
+    'default.threadView.viewsLabel',
+  ])
+}
+
+export function userPanelCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'default.userPanel.new',
+    'default.userPanel.signedIn',
+    'default.userPanel.unread',
+    'default.userPanel.unreadMessages',
+    'default.userPanel.unreadNotifications',
+    'default.userPanel.yourAccount',
+  ])
+}

package/src/index.ts

@@ -1,10 +1,10 @@
+export { defaultMessages } from './messages'
+export { defaultTheme } from './theme'
 export {
-  TOKEN_NAMES,
-  SCHEME_INDEPENDENT_TOKENS,
-  LIGHT_TOKENS,
-  DARK_TOKENS,
   BROWSER_THEME_COLOR,
+  DARK_TOKENS,
+  LIGHT_TOKENS,
+  SCHEME_INDEPENDENT_TOKENS,
+  TOKEN_NAMES,
   type TokenName,
 } from './tokens'
-
-export { defaultTheme } from './theme'

package/src/messages/en.json

@@ -0,0 +1,189 @@
+{
+  "default.announcement.posted": "Posted",
+  "default.announcement.postedBy": "Posted by",
+  "default.boardIndex.boardActivity": "Board activity",
+  "default.boardIndex.markAllRead": "Mark all forums read",
+  "default.boardStats.counted": "Counted",
+  "default.boardStats.heading": "Board statistics",
+  "default.boardStats.members": "members",
+  "default.boardStats.newestMember": "newest member",
+  "default.boardStats.notComputed": "The board’s totals are rolled up on a schedule, and the first run has not happened.",
+  "default.boardStats.posts": "posts",
+  "default.boardStats.threads": "threads",
+  "default.discoveryView.by": "by",
+  "default.discoveryView.dot": "·",
+  "default.discoveryView.in": "in",
+  "default.discoveryView.lastPost": "last post",
+  "default.discoveryView.nextArrow": "→",
+  "default.discoveryView.reply.one": "reply",
+  "default.discoveryView.reply.other": "replies",
+  "default.discoveryView.startedBy": "started by",
+  "default.errorNotice.error": "Error",
+  "default.errorNotice.forumHome": "Forum home",
+  "default.errorNotice.quoteThis": "Quote this if you report it:",
+  "default.footer.nav": "Footer",
+  "default.footer.timesShownIn": "Times are shown in",
+  "default.forumDisplay.emptyNoThread": "Nothing has been posted in this forum.",
+  "default.forumDisplay.emptyNoThreadFirst": "Nothing has been posted in this forum. Yours would be the first.",
+  "default.forumDisplay.markRead": "Mark read",
+  "default.forumDisplay.newThread": "New thread",
+  "default.forumDisplay.noThreadsYet": "No threads here yet",
+  "default.forumDisplay.post.one": "post",
+  "default.forumDisplay.post.other": "posts",
+  "default.forumDisplay.postsLabel": "Posts",
+  "default.forumDisplay.startFirstThread": "Start the first thread",
+  "default.forumDisplay.thread.one": "thread",
+  "default.forumDisplay.thread.other": "threads",
+  "default.forumDisplay.threadsLabel": "Threads",
+  "default.forumRow.by": "by",
+  "default.forumRow.dot": "·",
+  "default.forumRow.newPosts": "(new posts)",
+  "default.forumRow.noPostsYet": "No posts yet",
+  "default.forumRow.post.one": "post",
+  "default.forumRow.post.other": "posts",
+  "default.forumRow.postsLabel": "Posts",
+  "default.forumRow.subforums": "Subforums",
+  "default.forumRow.thread.one": "thread",
+  "default.forumRow.thread.other": "threads",
+  "default.forumRow.threadsLabel": "Threads",
+  "default.header.sections": "Board sections",
+  "default.latestPosts.asOf": "As of",
+  "default.latestPosts.dot": "·",
+  "default.latestPosts.emptyDescription": "The newest posts you can see will appear here.",
+  "default.latestPosts.heading": "Latest posts",
+  "default.latestPosts.in": "in",
+  "default.latestPosts.nothingYet": "Nothing said yet",
+  "default.latestThreads.asOf": "As of",
+  "default.latestThreads.dot": "·",
+  "default.latestThreads.emptyDescription": "The newest threads you can see will appear here.",
+  "default.latestThreads.heading": "Latest threads",
+  "default.latestThreads.in": "in",
+  "default.latestThreads.nothingYet": "Nothing started yet",
+  "default.latestThreads.reply.one": "reply",
+  "default.latestThreads.reply.other": "replies",
+  "default.memberProfile.about": "About",
+  "default.memberProfile.joinedLabel": "Joined",
+  "default.memberProfile.lastVisitLabel": "Last visit",
+  "default.memberProfile.memberActions": "Member actions",
+  "default.memberProfile.never": "Never",
+  "default.memberProfile.postsLabel": "Posts",
+  "default.memberProfile.signature": "Signature",
+  "default.navigation.breadcrumb": "Breadcrumb",
+  "default.navigation.separator": "/",
+  "default.notice.dismiss": "Dismiss",
+  "default.notice.error": "Error:",
+  "default.notice.info": "Notice:",
+  "default.notice.success": "Done:",
+  "default.notice.warning": "Warning:",
+  "default.pagination.ellipsis": "…",
+  "default.pagination.nav": "Pagination",
+  "default.pagination.next": "Next",
+  "default.pagination.of": "of",
+  "default.pagination.page": "Page",
+  "default.pagination.previous": "Previous",
+  "default.panelNav.countCap": "99+",
+  "default.panelNav.waiting": "waiting",
+  "default.panelPage.back": "←",
+  "default.postActions.edit": "Edit",
+  "default.postActions.moderate": "Moderate",
+  "default.postActions.nav": "Post actions",
+  "default.postActions.quote": "Quote",
+  "default.postActions.rate": "Rate",
+  "default.postActions.report": "Report",
+  "default.postActions.restore": "Restore",
+  "default.postActions.warn": "Warn",
+  "default.postBit.attachment.one": "attachment",
+  "default.postBit.attachment.other": "attachments",
+  "default.postBit.deletedPost": "Deleted post.",
+  "default.postBit.hiddenNotice": "This post is hidden.",
+  "default.postBit.ignoringPrefix": "You are ignoring",
+  "default.postBit.joined": "Joined",
+  "default.postBit.online": "Online",
+  "default.postBit.post.one": "post",
+  "default.postBit.post.other": "posts",
+  "default.postBit.postsLabel": "Posts",
+  "default.postBit.reputation": "reputation",
+  "default.postBit.reputationLabel": "Reputation",
+  "default.postBit.showAnyway": "Show it anyway",
+  "default.postBit.staffOnly": "Only moderators can see this.",
+  "default.postBit.waitingApproval": "Waiting for approval.",
+  "default.postForm.cannotPost": "Cannot post.",
+  "default.redirectNotice.continueNow": "Continue now",
+  "default.redirectNotice.continuingOnItsOwnIn": "Continuing on its own in",
+  "default.redirectNotice.pleaseWait": "Please wait",
+  "default.redirectNotice.redirecting": "Redirecting",
+  "default.redirectNotice.second.one": "second",
+  "default.redirectNotice.second.other": "seconds",
+  "default.searchForm.in": "In",
+  "default.searchForm.noResults": "No results.",
+  "default.searchForm.placeholder": "Words in a subject or a post",
+  "default.searchForm.search": "Search",
+  "default.searchForm.searchFor": "Search for",
+  "default.searchForm.sortBy": "Sort by",
+  "default.searchResults.clearFilters": "Clear filters",
+  "default.searchResults.closeQuote": "”",
+  "default.searchResults.dot": "·",
+  "default.searchResults.nextArrow": "→",
+  "default.searchResults.nothingMatched": "Nothing matched.",
+  "default.searchResults.openQuote": "“",
+  "default.searchResults.removeFilter": "— remove this filter",
+  "default.searchResults.removeFilterX": "×",
+  "default.searchResults.resultsFor": "Results for",
+  "default.searchResults.searched": "Searched",
+  "default.searchResults.searchedNote": "Results are checked against your access every time this page is opened, so they can change.",
+  "default.searchResults.startNewSearch": "Start a new search",
+  "default.searchResults.tryFewerWords": "Or nothing you can see does. Try fewer words, or a different spelling.",
+  "default.shell.skipToContent": "Skip to content",
+  "default.subforumList.heading": "Subforums",
+  "default.subforumList.post.one": "post",
+  "default.subforumList.post.other": "posts",
+  "default.subforumList.postsLabel": "Posts",
+  "default.subforumList.thread.one": "thread",
+  "default.subforumList.thread.other": "threads",
+  "default.subforumList.threadsLabel": "Threads",
+  "default.threadRow.by": "by",
+  "default.threadRow.dot": "·",
+  "default.threadRow.latestReply": "Latest reply",
+  "default.threadRow.locked": "Locked",
+  "default.threadRow.moved": "Moved",
+  "default.threadRow.newPosts": "(new posts)",
+  "default.threadRow.noRepliesYet": "No replies yet",
+  "default.threadRow.pinned": "Pinned",
+  "default.threadRow.repliesLabel": "Replies",
+  "default.threadRow.reply.one": "reply",
+  "default.threadRow.reply.other": "replies",
+  "default.threadRow.startedBy": "Started by",
+  "default.threadRow.view.one": "view",
+  "default.threadRow.view.other": "views",
+  "default.threadRow.viewsLabel": "Views",
+  "default.threadView.locked": "Locked — no new replies",
+  "default.threadView.markRead": "Mark read",
+  "default.threadView.moved": "Moved",
+  "default.threadView.pinned": "Pinned",
+  "default.threadView.repliesLabel": "Replies",
+  "default.threadView.reply.one": "reply",
+  "default.threadView.reply.other": "replies",
+  "default.threadView.replyAction": "Reply",
+  "default.threadView.view.one": "view",
+  "default.threadView.view.other": "views",
+  "default.threadView.viewsLabel": "Views",
+  "default.userPanel.new": "new",
+  "default.userPanel.signedIn": "Signed in",
+  "default.userPanel.unread": "unread",
+  "default.userPanel.unreadMessages": "unread messages",
+  "default.userPanel.unreadNotifications": "unread notifications",
+  "default.userPanel.yourAccount": "Your account",
+  "default.whoIsOnline.and": "and",
+  "default.whoIsOnline.guest.one": "guest",
+  "default.whoIsOnline.guest.other": "guests",
+  "default.whoIsOnline.heading": "Who’s online",
+  "default.whoIsOnline.invisible": "Invisible",
+  "default.whoIsOnline.member.one": "member",
+  "default.whoIsOnline.member.other": "members",
+  "default.whoIsOnline.more": "more",
+  "default.whoIsOnline.nobody": "Nobody is reading the board right now.",
+  "default.whoIsOnline.online": "online —",
+  "default.whoIsOnline.onlyGuests": "Only guests are reading the board right now.",
+  "default.whoIsOnline.record": "Record:",
+  "default.whoIsOnline.seeEveryone": "See everyone online"
+}

package/src/messages/index.ts

@@ -0,0 +1,5 @@
+import type { CatalogBundle } from '@meith/theme-kit'
+
+import en from './en.json'
+
+export const defaultMessages: CatalogBundle = { en }

package/src/panel-icons.tsx

@@ -1,7 +1,6 @@
 import type { PanelNavIcon } from '@meith/theme-kit'
 
 const SHARED = {
-  'aria-hidden': true,
   viewBox: '0 0 16 16',
   fill: 'none',
   stroke: 'currentColor',
@@ -57,7 +56,7 @@ export function PanelIcon({ icon }: { icon: PanelNavIcon }) {
   if (path === undefined) return null
 
   return (
-    <svg {...SHARED}>
+    <svg {...SHARED} aria-hidden="true">
       <path d={path} />
     </svg>
   )

package/src/shared.tsx

@@ -1,5 +1,5 @@
+import type { CountModel, PrefixModel, TimeModel, UserRefModel } from '@meith/theme-kit'
 import { Badge, cn } from '@meith/ui'
-import type { PrefixModel, TimeModel, UserRefModel } from '@meith/theme-kit'
 
 const PAGE_WIDTH = 'max-w-6xl'
 
@@ -78,7 +78,7 @@ export function Prefix({ prefix }: { prefix: PrefixModel }) {
 
 export interface CountItem {
   readonly label: string
-  readonly value: number
+  readonly value: CountModel
   readonly one: string
   readonly many: string
 }
@@ -90,10 +90,8 @@ export function Counts({ items, className }: { items: readonly CountItem[]; clas
         <div key={item.label}>
           <dt className="sr-only">{item.label}</dt>
           <dd>
-            <span className={cn('font-medium text-foreground', NUMERIC)}>
-              {item.value.toLocaleString('en')}
-            </span>{' '}
-            {item.value === 1 ? item.one : item.many}
+            <span className={cn('font-medium text-foreground', NUMERIC)}>{item.value.label}</span>{' '}
+            {item.value.value === 1 ? item.one : item.many}
           </dd>
         </div>
       ))}

package/src/slots/announcement.tsx

@@ -1,28 +1,34 @@
+import type { AnnouncementModel, SlotCopy } from '@meith/theme-kit'
+import { fromSlotCopy } from '@meith/theme-kit'
 import { Card, CardContent, CardFooter } from '@meith/ui'
-import type { AnnouncementModel } from '@meith/theme-kit'
 
 import { MUTED_LINK, Stamp, UserRef } from '../shared'
 
-export function Announcement({ title, bodyHtml, postedBy, postedAt, forum }: AnnouncementModel) {
+export function Announcement({
+  title,
+  bodyHtml,
+  postedBy,
+  postedAt,
+  forum,
+  copy,
+}: AnnouncementModel & { copy: SlotCopy }) {
+  const c = (key: string) => fromSlotCopy(copy, `default.announcement.${key}`)
+
   return (
     <Card as="article" className="border-l-4 border-l-foreground">
       <CardContent className="flex flex-col gap-2 p-4">
         <h2 className="text-lg font-semibold tracking-tight text-balance">{title}</h2>
 
-        <div
-          className="prose-md text-sm"
-          dangerouslySetInnerHTML={{ __html: bodyHtml }}
-        />
+        <div className="prose-md text-sm" dangerouslySetInnerHTML={{ __html: bodyHtml }} />
       </CardContent>
 
       <CardFooter>
         <span>
           {postedBy === null ? (
-            'Posted'
+            c('posted')
           ) : (
             <>
-              {'Posted by '}
-              <UserRef user={postedBy} className="text-foreground" />
+              {c('postedBy')} <UserRef user={postedBy} className="text-foreground" />
             </>
           )}{' '}
           <Stamp at={postedAt} />

package/src/slots/auth-page.tsx

@@ -39,7 +39,9 @@ export function AuthPage({ title, alert, links, regions }: AuthPageModel) {
                 {link.lead === null ? null : `${link.lead} `}
                 <a
                   href={link.href}
-                  className={link.lead === null ? MUTED_LINK : `font-medium text-foreground ${MUTED_LINK}`}
+                  className={
+                    link.lead === null ? MUTED_LINK : `font-medium text-foreground ${MUTED_LINK}`
+                  }
                 >
                   {link.label}
                 </a>