更新日誌

npx @fumadocs/cli@latest add changelog

import type { Route } from './+types/changelog';
import { HomeLayout } from 'fumadocs-ui/layouts/home';
import { githubReleases } from '@fumadocs/changelog/github';
import { baseOptions } from '@/lib/layout.shared';
import { ChangelogPagination, ChangelogTimeline } from '@/components/changelog';

export async function loader({ params }: Route.LoaderArgs) {
  const page = Number(params.page ?? 1);
  const releases = await githubReleases({
    owner: 'fuma-nama',
    repo: 'fumadocs',
    token: process.env.GITHUB_TOKEN,
    page,
  });
  if (releases.entries.length === 0) throw new Response('Not Found', { status: 404 });

  return { page, ...releases };
}

export default function Page({ loaderData }: Route.ComponentProps) {
  const { page, entries, nextPage } = loaderData;

  return (
    <HomeLayout {...baseOptions()}>
      <div className="mx-auto flex w-full max-w-[900px] flex-col gap-10 px-4 py-12">
        <ChangelogTimeline entries={entries} />
        <ChangelogPagination
          newer={page > 1 ? `/changelog/${page - 1}` : undefined}
          older={nextPage ? `/changelog/${nextPage}` : undefined}
        />
      </div>
    </HomeLayout>
  );
}