@jant/core 0.2.10 → 0.2.12

package/src/routes/dash/media.tsx

@@ -102,10 +102,19 @@ function MediaListContent({
 }) {
   const { t } = useLingui();
 
-  const processingText = t({ message: "Processing...", comment: "@context: Upload status - processing" });
-  const uploadingText = t({ message: "Uploading...", comment: "@context: Upload status - uploading" });
+  const processingText = t({
+    message: "Processing...",
+    comment: "@context: Upload status - processing",
+  });
+  const uploadingText = t({
+    message: "Uploading...",
+    comment: "@context: Upload status - uploading",
+  });
   const uploadText = t({ message: "Upload", comment: "@context: Button to upload media file" });
-  const errorText = t({ message: "Upload failed. Please try again.", comment: "@context: Upload error message" });
+  const errorText = t({
+    message: "Upload failed. Please try again.",
+    comment: "@context: Upload error message",
+  });
 
   // Plain JavaScript upload handler - shows progress in the list
   const uploadScript = `
@@ -272,12 +281,7 @@ function processSSEEvent(event) {
         </h1>
         <label class="btn cursor-pointer">
           <span>{uploadText}</span>
-          <input
-            type="file"
-            class="hidden"
-            accept="image/*"
-            onchange="handleMediaUpload(this)"
-          />
+          <input type="file" class="hidden" accept="image/*" onchange="handleMediaUpload(this)" />
         </label>
       </div>
 
@@ -289,7 +293,8 @@ function processSSEEvent(event) {
         <section class="text-sm text-muted-foreground">
           <p>
             {t({
-              message: "Images are automatically optimized: resized to max 1920px, converted to WebP, and metadata stripped.",
+              message:
+                "Images are automatically optimized: resized to max 1920px, converted to WebP, and metadata stripped.",
               comment: "@context: Media upload instructions - auto optimization",
             })}
           </p>
@@ -330,7 +335,12 @@ function processSSEEvent(event) {
         class="p-0 m-auto bg-transparent backdrop:bg-black/80"
         onclick="event.target === this && this.close()"
       >
-        <img id="lightbox-img" src="" alt="" class="max-w-[90vw] max-h-[90vh] object-contain rounded-lg" />
+        <img
+          id="lightbox-img"
+          src=""
+          alt=""
+          class="max-w-[90vw] max-h-[90vh] object-contain rounded-lg"
+        />
       </dialog>
     </>
   );
@@ -375,7 +385,9 @@ function ViewMediaContent({
         {/* Preview */}
         <div class="card">
           <header>
-            <h2>{t({ message: "Preview", comment: "@context: Media detail section - preview" })}</h2>
+            <h2>
+              {t({ message: "Preview", comment: "@context: Media detail section - preview" })}
+            </h2>
           </header>
           <section>
             {isImage ? (
@@ -392,7 +404,10 @@ function ViewMediaContent({
                   />
                 </button>
                 <p class="text-xs text-muted-foreground mt-2">
-                  {t({ message: "Click image to view full size", comment: "@context: Hint to click image for lightbox" })}
+                  {t({
+                    message: "Click image to view full size",
+                    comment: "@context: Hint to click image for lightbox",
+                  })}
                 </p>
               </>
             ) : (
@@ -411,12 +426,7 @@ function ViewMediaContent({
             </header>
             <section>
               <div class="flex items-center gap-2">
-                <input
-                  type="text"
-                  class="input flex-1 font-mono text-sm"
-                  value={url}
-                  readonly
-                />
+                <input type="text" class="input flex-1 font-mono text-sm" value={url} readonly />
                 <button
                   type="button"
                   class="btn-outline"
@@ -426,14 +436,22 @@ function ViewMediaContent({
                 </button>
               </div>
               <p class="text-xs text-muted-foreground mt-2">
-                {t({ message: "Use this URL to embed the media in your posts.", comment: "@context: Media URL helper text" })}
+                {t({
+                  message: "Use this URL to embed the media in your posts.",
+                  comment: "@context: Media URL helper text",
+                })}
               </p>
             </section>
           </div>
 
           <div class="card">
             <header>
-              <h2>{t({ message: "Markdown", comment: "@context: Media detail section - Markdown snippet" })}</h2>
+              <h2>
+                {t({
+                  message: "Markdown",
+                  comment: "@context: Media detail section - Markdown snippet",
+                })}
+              </h2>
             </header>
             <section>
               <div class="flex items-center gap-2">
@@ -448,7 +466,10 @@ function ViewMediaContent({
                   class="btn-outline"
                   onclick={`navigator.clipboard.writeText('![${media.alt || media.originalName}](${url})')`}
                 >
-                  {t({ message: "Copy", comment: "@context: Button to copy Markdown to clipboard" })}
+                  {t({
+                    message: "Copy",
+                    comment: "@context: Button to copy Markdown to clipboard",
+                  })}
                 </button>
               </div>
             </section>
@@ -456,10 +477,16 @@ function ViewMediaContent({
 
           {/* Delete */}
           <DangerZone
-            actionLabel={t({ message: "Delete Media", comment: "@context: Button to delete media" })}
+            actionLabel={t({
+              message: "Delete Media",
+              comment: "@context: Button to delete media",
+            })}
             formAction={`/dash/media/${media.id}/delete`}
             confirmMessage="Are you sure you want to delete this media?"
-            description={t({ message: "Deleting this media will remove it permanently from storage.", comment: "@context: Warning message before deleting media" })}
+            description={t({
+              message: "Deleting this media will remove it permanently from storage.",
+              comment: "@context: Warning message before deleting media",
+            })}
           />
         </div>
       </div>

package/src/routes/dash/pages.tsx

@@ -9,7 +9,15 @@ import { useLingui } from "../../i18n/index.js";
 import type { Bindings, Post } from "../../types.js";
 import type { AppVariables } from "../../app.js";
 import { DashLayout } from "../../theme/layouts/index.js";
-import { PageForm, VisibilityBadge, EmptyState, ListItemRow, ActionButtons, CrudPageHeader, DangerZone } from "../../theme/components/index.js";
+import {
+  PageForm,
+  VisibilityBadge,
+  EmptyState,
+  ListItemRow,
+  ActionButtons,
+  CrudPageHeader,
+  DangerZone,
+} from "../../theme/components/index.js";
 import * as sqid from "../../lib/sqid.js";
 import * as time from "../../lib/time.js";
 import { VisibilitySchema, parseFormData } from "../../lib/schemas.js";
@@ -31,8 +39,14 @@ function PagesListContent({ pages }: { pages: Post[] }) {
 
       {pages.length === 0 ? (
         <EmptyState
-          message={t({ message: "No pages yet.", comment: "@context: Empty state message when no pages exist" })}
-          ctaText={t({ message: "Create your first page", comment: "@context: Button in empty state to create first page" })}
+          message={t({
+            message: "No pages yet.",
+            comment: "@context: Empty state message when no pages exist",
+          })}
+          ctaText={t({
+            message: "Create your first page",
+            comment: "@context: Button in empty state to create first page",
+          })}
           ctaHref="/dash/pages/new"
         />
       ) : (
@@ -45,25 +59,22 @@ function PagesListContent({ pages }: { pages: Post[] }) {
                   editHref={`/dash/pages/${sqid.encode(page.id)}/edit`}
                   editLabel={t({ message: "Edit", comment: "@context: Button to edit page" })}
                   viewHref={page.visibility !== "draft" && page.path ? `/${page.path}` : undefined}
-                  viewLabel={t({ message: "View", comment: "@context: Button to view page on public site" })}
+                  viewLabel={t({
+                    message: "View",
+                    comment: "@context: Button to view page on public site",
+                  })}
                 />
               }
             >
               <div class="flex items-center gap-2 mb-1">
                 <VisibilityBadge visibility={page.visibility} />
-                <span class="text-xs text-muted-foreground">
-                  {time.formatDate(page.updatedAt)}
-                </span>
+                <span class="text-xs text-muted-foreground">{time.formatDate(page.updatedAt)}</span>
               </div>
-              <a
-                href={`/dash/pages/${sqid.encode(page.id)}`}
-                class="font-medium hover:underline"
-              >
-                {page.title || t({ message: "Untitled", comment: "@context: Default title for untitled page" })}
+              <a href={`/dash/pages/${sqid.encode(page.id)}`} class="font-medium hover:underline">
+                {page.title ||
+                  t({ message: "Untitled", comment: "@context: Default title for untitled page" })}
               </a>
-              <p class="text-sm text-muted-foreground mt-1">
-                /{page.path}
-              </p>
+              <p class="text-sm text-muted-foreground mt-1">/{page.path}</p>
             </ListItemRow>
           ))}
         </div>
@@ -90,16 +101,20 @@ function ViewPageContent({ page }: { page: Post }) {
     <>
       <div class="flex items-center justify-between mb-6">
         <div>
-          <h1 class="text-2xl font-semibold">{page.title || t({ message: "Page", comment: "@context: Default page heading when untitled" })}</h1>
-          {page.path && (
-            <p class="text-muted-foreground mt-1">/{page.path}</p>
-          )}
+          <h1 class="text-2xl font-semibold">
+            {page.title ||
+              t({ message: "Page", comment: "@context: Default page heading when untitled" })}
+          </h1>
+          {page.path && <p class="text-muted-foreground mt-1">/{page.path}</p>}
         </div>
         <ActionButtons
           editHref={`/dash/pages/${sqid.encode(page.id)}/edit`}
           editLabel={t({ message: "Edit", comment: "@context: Button to edit page" })}
           viewHref={page.visibility !== "draft" && page.path ? `/${page.path}` : undefined}
-          viewLabel={t({ message: "View", comment: "@context: Button to view page on public site" })}
+          viewLabel={t({
+            message: "View",
+            comment: "@context: Button to view page on public site",
+          })}
         />
       </div>
 
@@ -205,7 +220,12 @@ pagesRoutes.get("/:id/edit", async (c) => {
   const siteName = (await c.var.services.settings.get("SITE_NAME")) ?? "Jant";
 
   return c.html(
-    <DashLayout c={c} title={`Edit: ${page.title || "Page"}`} siteName={siteName} currentPath="/dash/pages">
+    <DashLayout
+      c={c}
+      title={`Edit: ${page.title || "Page"}`}
+      siteName={siteName}
+      currentPath="/dash/pages"
+    >
       <EditPageContent page={page} />
     </DashLayout>
   );

package/src/routes/dash/posts.tsx

@@ -39,7 +39,9 @@ function NewPostContent() {
   const { t } = useLingui();
   return (
     <>
-      <h1 class="text-2xl font-semibold mb-6">{t({ message: "New Post", comment: "@context: Page heading" })}</h1>
+      <h1 class="text-2xl font-semibold mb-6">
+        {t({ message: "New Post", comment: "@context: Page heading" })}
+      </h1>
       <PostForm action="/dash/posts" />
     </>
   );
@@ -123,7 +125,9 @@ function EditPostContent({ post }: { post: Post }) {
   const { t } = useLingui();
   return (
     <>
-      <h1 class="text-2xl font-semibold mb-6">{t({ message: "Edit Post", comment: "@context: Page heading" })}</h1>
+      <h1 class="text-2xl font-semibold mb-6">
+        {t({ message: "Edit Post", comment: "@context: Page heading" })}
+      </h1>
       <PostForm post={post} action={`/dash/posts/${sqid.encode(post.id)}`} />
     </>
   );
@@ -158,7 +162,12 @@ postsRoutes.get("/:id/edit", async (c) => {
   const siteName = (await c.var.services.settings.get("SITE_NAME")) ?? "Jant";
 
   return c.html(
-    <DashLayout c={c} title={`Edit: ${post.title || "Post"}`} siteName={siteName} currentPath="/dash/posts">
+    <DashLayout
+      c={c}
+      title={`Edit: ${post.title || "Post"}`}
+      siteName={siteName}
+      currentPath="/dash/posts"
+    >
       <EditPostContent post={post} />
     </DashLayout>
   );

package/src/routes/dash/redirects.tsx

@@ -7,7 +7,12 @@ import { useLingui } from "../../i18n/index.js";
 import type { Bindings, Redirect } from "../../types.js";
 import type { AppVariables } from "../../app.js";
 import { DashLayout } from "../../theme/layouts/index.js";
-import { EmptyState, ListItemRow, ActionButtons, CrudPageHeader } from "../../theme/components/index.js";
+import {
+  EmptyState,
+  ListItemRow,
+  ActionButtons,
+  CrudPageHeader,
+} from "../../theme/components/index.js";
 
 type Env = { Bindings: Bindings; Variables: AppVariables };
 
@@ -20,14 +25,23 @@ function RedirectsListContent({ redirects }: { redirects: Redirect[] }) {
     <>
       <CrudPageHeader
         title={t({ message: "Redirects", comment: "@context: Dashboard heading" })}
-        ctaLabel={t({ message: "New Redirect", comment: "@context: Button to create new redirect" })}
+        ctaLabel={t({
+          message: "New Redirect",
+          comment: "@context: Button to create new redirect",
+        })}
         ctaHref="/dash/redirects/new"
       />
 
       {redirects.length === 0 ? (
         <EmptyState
-          message={t({ message: "No redirects configured.", comment: "@context: Empty state message" })}
-          ctaText={t({ message: "New Redirect", comment: "@context: Button to create new redirect" })}
+          message={t({
+            message: "No redirects configured.",
+            comment: "@context: Empty state message",
+          })}
+          ctaText={t({
+            message: "New Redirect",
+            comment: "@context: Button to create new redirect",
+          })}
           ctaHref="/dash/redirects/new"
         />
       ) : (
@@ -38,7 +52,10 @@ function RedirectsListContent({ redirects }: { redirects: Redirect[] }) {
               actions={
                 <ActionButtons
                   deleteAction={`/dash/redirects/${r.id}/delete`}
-                  deleteLabel={t({ message: "Delete", comment: "@context: Button to delete redirect" })}
+                  deleteLabel={t({
+                    message: "Delete",
+                    comment: "@context: Button to delete redirect",
+                  })}
                 />
               }
             >
@@ -61,23 +78,28 @@ function NewRedirectContent() {
 
   return (
     <>
-      <h1 class="text-2xl font-semibold mb-6">{t({ message: "New Redirect", comment: "@context: Page heading" })}</h1>
+      <h1 class="text-2xl font-semibold mb-6">
+        {t({ message: "New Redirect", comment: "@context: Page heading" })}
+      </h1>
 
       <form method="post" action="/dash/redirects" class="flex flex-col gap-4 max-w-lg">
         <div class="field">
-          <label class="label">{t({ message: "From Path", comment: "@context: Redirect form field" })}</label>
-          <input
-            type="text"
-            name="fromPath"
-            class="input"
-            placeholder="/old-path"
-            required
-          />
-          <p class="text-xs text-muted-foreground mt-1">{t({ message: "The path to redirect from", comment: "@context: Redirect from path help text" })}</p>
+          <label class="label">
+            {t({ message: "From Path", comment: "@context: Redirect form field" })}
+          </label>
+          <input type="text" name="fromPath" class="input" placeholder="/old-path" required />
+          <p class="text-xs text-muted-foreground mt-1">
+            {t({
+              message: "The path to redirect from",
+              comment: "@context: Redirect from path help text",
+            })}
+          </p>
         </div>
 
         <div class="field">
-          <label class="label">{t({ message: "To Path", comment: "@context: Redirect form field" })}</label>
+          <label class="label">
+            {t({ message: "To Path", comment: "@context: Redirect form field" })}
+          </label>
           <input
             type="text"
             name="toPath"
@@ -85,14 +107,25 @@ function NewRedirectContent() {
             placeholder="/new-path or https://..."
             required
           />
-          <p class="text-xs text-muted-foreground mt-1">{t({ message: "The destination path or URL", comment: "@context: Redirect to path help text" })}</p>
+          <p class="text-xs text-muted-foreground mt-1">
+            {t({
+              message: "The destination path or URL",
+              comment: "@context: Redirect to path help text",
+            })}
+          </p>
         </div>
 
         <div class="field">
-          <label class="label">{t({ message: "Type", comment: "@context: Redirect form field" })}</label>
+          <label class="label">
+            {t({ message: "Type", comment: "@context: Redirect form field" })}
+          </label>
           <select name="type" class="select">
-            <option value="301">{t({ message: "301 (Permanent)", comment: "@context: Redirect type option" })}</option>
-            <option value="302">{t({ message: "302 (Temporary)", comment: "@context: Redirect type option" })}</option>
+            <option value="301">
+              {t({ message: "301 (Permanent)", comment: "@context: Redirect type option" })}
+            </option>
+            <option value="302">
+              {t({ message: "302 (Temporary)", comment: "@context: Redirect type option" })}
+            </option>
           </select>
         </div>
 

package/src/routes/dash/settings.tsx

@@ -12,12 +12,22 @@ type Env = { Bindings: Bindings; Variables: AppVariables };
 
 export const settingsRoutes = new Hono<Env>();
 
-function SettingsContent({ siteName, siteDescription, siteLanguage }: { siteName: string; siteDescription: string; siteLanguage: string }) {
+function SettingsContent({
+  siteName,
+  siteDescription,
+  siteLanguage,
+}: {
+  siteName: string;
+  siteDescription: string;
+  siteLanguage: string;
+}) {
   const { t } = useLingui();
 
   return (
     <>
-      <h1 class="text-2xl font-semibold mb-6">{t({ message: "Settings", comment: "@context: Dashboard heading" })}</h1>
+      <h1 class="text-2xl font-semibold mb-6">
+        {t({ message: "Settings", comment: "@context: Dashboard heading" })}
+      </h1>
 
       <form method="post" action="/dash/settings" class="flex flex-col gap-6 max-w-lg">
         <div class="card">
@@ -26,19 +36,25 @@ function SettingsContent({ siteName, siteDescription, siteLanguage }: { siteName
           </header>
           <section class="flex flex-col gap-4">
             <div class="field">
-              <label class="label">{t({ message: "Site Name", comment: "@context: Settings form field" })}</label>
+              <label class="label">
+                {t({ message: "Site Name", comment: "@context: Settings form field" })}
+              </label>
               <input type="text" name="siteName" class="input" value={siteName} required />
             </div>
 
             <div class="field">
-              <label class="label">{t({ message: "Site Description", comment: "@context: Settings form field" })}</label>
+              <label class="label">
+                {t({ message: "Site Description", comment: "@context: Settings form field" })}
+              </label>
               <textarea name="siteDescription" class="textarea" rows={3}>
                 {siteDescription}
               </textarea>
             </div>
 
             <div class="field">
-              <label class="label">{t({ message: "Language", comment: "@context: Settings form field" })}</label>
+              <label class="label">
+                {t({ message: "Language", comment: "@context: Settings form field" })}
+              </label>
               <select name="siteLanguage" class="select">
                 <option value="en" selected={siteLanguage === "en"}>
                   English
@@ -70,7 +86,11 @@ settingsRoutes.get("/", async (c) => {
 
   return c.html(
     <DashLayout c={c} title="Settings" siteName={siteName} currentPath="/dash/settings">
-      <SettingsContent siteName={siteName} siteDescription={siteDescription} siteLanguage={siteLanguage} />
+      <SettingsContent
+        siteName={siteName}
+        siteDescription={siteDescription}
+        siteLanguage={siteLanguage}
+      />
     </DashLayout>
   );
 });

package/src/routes/pages/archive.tsx

@@ -80,10 +80,7 @@ function ArchiveContent({
 
         {/* Type filter */}
         <nav class="flex flex-wrap gap-2 mt-4">
-          <a
-            href="/archive"
-            class={`badge ${!type ? "badge-primary" : "badge-outline"}`}
-          >
+          <a href="/archive" class={`badge ${!type ? "badge-primary" : "badge-outline"}`}>
             {t({ message: "All", comment: "@context: Archive filter - all types" })}
           </a>
           {POST_TYPES.filter((t) => t !== "page").map((typeKey) => (
@@ -121,10 +118,7 @@ function ArchiveContent({
                         {new Date(post.publishedAt * 1000).getDate()}
                       </time>
                       <div class="flex-1 min-w-0">
-                        <a
-                          href={`/p/${sqid.encode(post.id)}`}
-                          class="hover:underline"
-                        >
+                        <a href={`/p/${sqid.encode(post.id)}`} class="hover:underline">
                           {post.title || post.content?.slice(0, 80) || `Post #${post.id}`}
                         </a>
                         {!type && (
@@ -132,9 +126,18 @@ function ArchiveContent({
                         )}
                         {replyCount && replyCount > 0 && (
                           <span class="ml-2 text-xs text-muted-foreground">
-                            ({replyCount === 1
-                              ? t({ message: "1 reply", comment: "@context: Archive post reply indicator - single" })
-                              : t({ message: "{count} replies", comment: "@context: Archive post reply indicator - plural", values: { count: String(replyCount) } })})
+                            (
+                            {replyCount === 1
+                              ? t({
+                                  message: "1 reply",
+                                  comment: "@context: Archive post reply indicator - single",
+                                })
+                              : t({
+                                  message: "{count} replies",
+                                  comment: "@context: Archive post reply indicator - plural",
+                                  values: { count: String(replyCount) },
+                                })}
+                            )
                           </span>
                         )}
                       </div>
@@ -191,10 +194,11 @@ archiveRoutes.get("/", async (c) => {
   const replyCounts = await c.var.services.posts.getReplyCounts(postIds);
 
   // Get next cursor
-  const nextCursor = hasMore && displayPosts.length > 0
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- Length check above guarantees element exists
-    ? displayPosts[displayPosts.length - 1]!.id
-    : undefined;
+  const nextCursor =
+    hasMore && displayPosts.length > 0
+      ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- Length check above guarantees element exists
+        displayPosts[displayPosts.length - 1]!.id
+      : undefined;
 
   // Group posts by year-month
   const grouped = new Map<string, typeof displayPosts>();

package/src/routes/pages/collection.tsx

@@ -28,7 +28,12 @@ function CollectionContent({ collection, posts }: { collection: Collection; post
 
       <main class="flex flex-col gap-6">
         {posts.length === 0 ? (
-          <p class="text-muted-foreground">{t({ message: "No posts in this collection.", comment: "@context: Empty state message" })}</p>
+          <p class="text-muted-foreground">
+            {t({
+              message: "No posts in this collection.",
+              comment: "@context: Empty state message",
+            })}
+          </p>
         ) : (
           posts.map((post) => (
             <article key={post.id} class="h-entry">
@@ -72,7 +77,11 @@ collectionRoutes.get("/:path", async (c) => {
   const siteName = (await c.var.services.settings.get("SITE_NAME")) ?? "Jant";
 
   return c.html(
-    <BaseLayout title={`${collection.title} - ${siteName}`} description={collection.description ?? undefined} c={c}>
+    <BaseLayout
+      title={`${collection.title} - ${siteName}`}
+      description={collection.description ?? undefined}
+      c={c}
+    >
       <CollectionContent collection={collection} posts={posts} />
     </BaseLayout>
   );

package/src/routes/pages/home.tsx

@@ -33,7 +33,9 @@ function HomeContent({ siteName, posts }: { siteName: string; posts: Post[] }) {
 
       <main class="flex flex-col gap-6">
         {posts.length === 0 ? (
-          <p class="text-muted-foreground">{t({ message: "No posts yet.", comment: "@context: Empty state message on home page" })}</p>
+          <p class="text-muted-foreground">
+            {t({ message: "No posts yet.", comment: "@context: Empty state message on home page" })}
+          </p>
         ) : (
           posts.map((post) => (
             <article key={post.id} class="h-entry">
@@ -53,7 +55,9 @@ function HomeContent({ siteName, posts }: { siteName: string; posts: Post[] }) {
                   {time.formatDate(post.publishedAt)}
                 </time>
                 {post.visibility === "featured" && (
-                  <span class="ml-2 text-xs">{t({ message: "Featured", comment: "@context: Post visibility badge" })}</span>
+                  <span class="ml-2 text-xs">
+                    {t({ message: "Featured", comment: "@context: Post visibility badge" })}
+                  </span>
                 )}
               </footer>
             </article>
@@ -64,7 +68,10 @@ function HomeContent({ siteName, posts }: { siteName: string; posts: Post[] }) {
       {posts.length >= 20 && (
         <nav class="mt-8 text-center">
           <a href="/archive" class="text-sm text-muted-foreground hover:text-foreground">
-            {t({ message: "View all posts →", comment: "@context: Link to view all posts on archive page" })}
+            {t({
+              message: "View all posts →",
+              comment: "@context: Link to view all posts on archive page",
+            })}
           </a>
         </nav>
       )}

package/src/routes/pages/page.tsx

@@ -22,10 +22,7 @@ function PageContent({ page }: { page: Post }) {
       <article class="h-entry">
         {page.title && <h1 class="p-name text-3xl font-semibold mb-6">{page.title}</h1>}
 
-        <div
-          class="e-content prose"
-          dangerouslySetInnerHTML={{ __html: page.contentHtml || "" }}
-        />
+        <div class="e-content prose" dangerouslySetInnerHTML={{ __html: page.contentHtml || "" }} />
       </article>
 
       <nav class="mt-8 pt-6 border-t">
@@ -57,7 +54,11 @@ pageRoutes.get("/:path", async (c) => {
   const siteName = (await c.var.services.settings.get("SITE_NAME")) ?? "Jant";
 
   return c.html(
-    <BaseLayout title={`${page.title} - ${siteName}`} description={page.content?.slice(0, 160)} c={c}>
+    <BaseLayout
+      title={`${page.title} - ${siteName}`}
+      description={page.content?.slice(0, 160)}
+      c={c}
+    >
       <PageContent page={page} />
     </BaseLayout>
   );

package/src/routes/pages/post.tsx

@@ -22,10 +22,7 @@ function PostContent({ post }: { post: Post }) {
       <article class="h-entry">
         {post.title && <h1 class="p-name text-2xl font-semibold mb-4">{post.title}</h1>}
 
-        <div
-          class="e-content prose"
-          dangerouslySetInnerHTML={{ __html: post.contentHtml || "" }}
-        />
+        <div class="e-content prose" dangerouslySetInnerHTML={{ __html: post.contentHtml || "" }} />
 
         <footer class="mt-6 pt-4 border-t text-sm text-muted-foreground">
           <time class="dt-published" datetime={time.toISOString(post.publishedAt)}>