fix: og image generation

app/books/kb/[volume]/[slug]/page.tsx

@@ -1,6 +1,11 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import { getProseChapter, getProseChapters } from "@/lib/api";
+import { ogForChapter, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
+import { BOOK_NAMES } from "@/lib/constants";
 import { PageHeader } from "@/components/page-header";
 import { Card, CardContent } from "@/components/ui/card";
 import { buttonVariants } from "@/components/ui/button";
@@ -8,6 +13,31 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { MobileNav, type MobileNavGroup } from "@/components/mobile-nav";
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ volume: string; slug: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { volume, slug } = await params;
+  const sp = await searchParams;
+  const vol = parseInt(volume);
+  const chapter = !isNaN(vol) ? await getProseChapter("kb", vol, slug) : null;
+  const hlQuote = extractQuoteFromHl(sp);
+  if (hlQuote) {
+    return buildOgMeta({
+      title: BOOK_NAMES["kb"],
+      detail: chapter ? `Volume ${vol} — ${chapter.title}` : `Volume ${vol}`,
+      quote: hlQuote,
+    });
+  }
+  return ogForChapter(
+    "kb",
+    chapter ? `Volume ${vol} — ${chapter.title}` : `Volume ${vol}`,
+  );
+}
+
 export default async function KbChapterPage({
   params,
 }: {