update blog comment

docs/00-agent-intro/00-what-is-agent.md

@@ -1,7 +1,7 @@
 ---
+comments: true
 sidebar_position: 1
 slug: what-is-agent
-enableComments: true
 ---
 
 # 什么是Agent

src/components/GiscusComponent.tsx

@@ -9,16 +9,16 @@ export default function GiscusComponent() {
     <Giscus    
       repo="wj-Mcat/agent-handbook"
       repoId="R_kgDOMKUZww"
-      category="Q&A"
-      categoryId="DIC_kwDOMKUZw84ChvU2"  // E.g. id of "General"
-      mapping="url"                        // Important! To map comments to URL
+      category="General"
+      categoryId="DIC_kwDOMKUZw84ChvU1"  // E.g. id of "General"
+      mapping="pathname"                        // Important! To map comments to URL
       term="Welcome to @giscus/react component!"
       strict="0"
       reactionsEnabled="1"
       emitMetadata="1"
       inputPosition="top"
       theme={colorMode}
-      lang="en"
+      lang="zh"
       loading="lazy"
       crossorigin="anonymous"
       async

src/theme/BlogPostItem/index.tsx

@@ -1,22 +1,20 @@
-import React from 'react';
-import { useBlogPost } from '@docusaurus/theme-common/internal'
-import BlogPostItem from '@theme-original/BlogPostItem';
-import GiscusComponent from '@site/src/components/GiscusComponent';
-import useIsBrowser from '@docusaurus/useIsBrowser';
+import React from "react";
+import BlogPostItem from "@theme-original/BlogPostItem";
+import type BlogPostItemType from "@theme/BlogPostItem";
+import type { WrapperProps } from "@docusaurus/types";
+import { useBlogPost } from "@docusaurus/theme-common/internal";
+import GiscusComponent from "@site/src/components/GiscusComponent";
 
-export default function BlogPostItemWrapper(props) {
-  const { metadata, isBlogPostPage } = useBlogPost()
-  const isBrowser = useIsBrowser();
+type Props = WrapperProps<typeof BlogPostItemType>;
 
-  const { frontMatter, slug, title } = metadata
-  const { enableComments } = frontMatter
+export default function BlogPostItemWrapper(props: Props): JSX.Element {
+  const { metadata, isBlogPostPage } = useBlogPost();
+  const { comments = true } = metadata.frontMatter;
 
   return (
     <>
       <BlogPostItem {...props} />
-      {(enableComments && isBlogPostPage) && (
-        <GiscusComponent />
-      )}
+      {comments && isBlogPostPage && <GiscusComponent />}
     </>
   );
 }