xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-16 01:01:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

update mdx source types

Browse Source
This commit is contained in:
DefectingCat
2023-05-17 09:32:50 +08:00
parent 25b043c78f
commit 556c3d5e4c
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/p/[slug]/page.tsx
View File

@ -12,6 +12,7 @@ import { notFound } from 'next/navigation';
import { Suspense, lazy } from 'react'; import { Suspense, lazy } from 'react';
import rehypeSlug from 'rehype-slug'; import rehypeSlug from 'rehype-slug';
import remarkGfm from 'remark-gfm'; import remarkGfm from 'remark-gfm';
import { Post } from 'types';
const PostComment = lazy(() => import('components/post/post-comment')); const PostComment = lazy(() => import('components/post/post-comment'));
@ -34,7 +35,7 @@ const Page = async ({
return childLen ? prev + childLen + 1 : prev + 1; return childLen ? prev + childLen + 1 : prev + 1;
}; };
const tocLength = toc.reduce(calcLength, 0); const tocLength = toc.reduce(calcLength, 0);
const mdxSource = await compileMDX({ const mdxSource = await compileMDX<Post>({
source: post, source: post,
options: { options: {
parseFrontmatter: true, parseFrontmatter: true,
@ -53,9 +54,7 @@ const Page = async ({
return ( return (
<> <>
<main id="article" className="relative max-w-4xl px-4 mx-auto my-10"> <main id="article" className="relative max-w-4xl px-4 mx-auto my-10">
{/* @ts-expect-error Async Server Component */}
<h1>{mdxSource.frontmatter?.title}</h1> <h1>{mdxSource.frontmatter?.title}</h1>
{/* @ts-expect-error Async Server Component */}
<time>{mdxSource.frontmatter?.date}</time> <time>{mdxSource.frontmatter?.date}</time>
<PostToc toc={toc} tocLength={tocLength} /> <PostToc toc={toc} tocLength={tocLength} />