chore: upgrade docusaurus & polishing

Signed-off-by: Josh-Cena <sidachen2003@gmail.com>

Author: Josh-Cena

docusaurus.d.ts

@@ -17,8 +17,8 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.3",
-    "@docusaurus/preset-classic": "2.0.0-beta.3",
+    "@docusaurus/core": "2.0.0-beta.4",
+    "@docusaurus/preset-classic": "2.0.0-beta.4",
     "clsx": "1.1.1",
     "prism-react-renderer": "1.2.1",
     "react": "17.0.2",
@@ -39,8 +39,8 @@
     ]
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.0.0-beta.3",
-    "@tsconfig/docusaurus": "1.0.2",
+    "@docusaurus/module-type-aliases": "2.0.0-beta.4",
+    "@tsconfig/docusaurus": "1.0.3",
     "@types/react": "17.0.15",
     "@typescript-eslint/eslint-plugin": "4.29.0",
     "@typescript-eslint/parser": "4.29.0",

package.json

@@ -15,7 +15,7 @@ import styles from './styles.module.css';
 
 const features = [
   {
-    title: <Translate id="frontpage.sec1.item1.title">Web 开发</Translate>,
+    title: 'Web 开发',
     imageUrl: 'img/undraw_version_control.svg',
     description: (
       <Translate
@@ -32,7 +32,7 @@ const features = [
     ),
   },
   {
-    title: <Translate id="frontpage.sec1.item2.title">算法竞赛</Translate>,
+    title: '算法竞赛',
     imageUrl: 'img/undraw_docusaurus_tree.svg',
     description: (
       <Translate id="frontpage.sec1.item2">
@@ -42,7 +42,7 @@ const features = [
     ),
   },
   {
-    title: <Translate id="frontpage.sec1.item3.title">人工智能探索</Translate>,
+    title: '人工智能探索',
     imageUrl: 'img/undraw_docusaurus_react.svg',
     description: (
       <Translate id="frontpage.sec1.item3">
@@ -53,7 +53,7 @@ const features = [
   },
 ];
 
-function Home() {
+function Home(): JSX.Element {
   const context = useDocusaurusContext();
   const { siteConfig = {} } = context;
   return (
@@ -108,7 +108,11 @@ function Home() {
                         />
                       </div>
                     )}
-                    <h3>{title}</h3>
+                    <h3>
+                      <Translate id={`frontpage.sec1.item${idx + 1}.title`}>
+                        {title}
+                      </Translate>
+                    </h3>
                     <p>{description}</p>
                   </div>
                 ))}