From 103dfe2e6cb61b8f13d760fef674dd1ec02b6739 Mon Sep 17 00:00:00 2001
From: Boshen <boshenc@gmail.com>
Date: Thu, 9 Nov 2023 14:33:15 +0800
Subject: [PATCH] format

---
 package.json                              |  2 +-
 src/components/HomepageFeatures/index.tsx |  8 +++++---
 src/pages/index.tsx                       | 19 ++++++++++++-------
 3 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index a4424a14df..6c2c18b7ec 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "typescript": "~5.2.2"
   },
   "lint-staged": {
-    "*.{js,ts,css,md,json}": "prettier --write"
+    "*.{js,jsx,tsx,ts,css,md,json}": "prettier --write"
   },
   "browserslist": {
     "production": [
diff --git a/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx
index e08e6951d3..f21a78e91a 100644
--- a/src/components/HomepageFeatures/index.tsx
+++ b/src/components/HomepageFeatures/index.tsx
@@ -90,11 +90,13 @@ const FeatureList: FeatureItem[] = [
   },
 ];
 
-function Feature({title, description}: FeatureItem) {
+function Feature({ title, description }: FeatureItem) {
   return (
-    <div className='col col--4 padding-bottom--lg padding-left--xl'>
+    <div className="col col--4 padding-bottom--lg padding-left--xl">
       <div>
-        <Heading as="h3" className="margin-bottom--sm">{title}</Heading>
+        <Heading as="h3" className="margin-bottom--sm">
+          {title}
+        </Heading>
         <p>{description}</p>
       </div>
     </div>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 6230274db2..df8c6b0aeb 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -8,19 +8,25 @@ import Link from '@docusaurus/Link';
 import styles from './index.module.css';
 
 function HomepageHeader() {
-  const {siteConfig} = useDocusaurusContext();
+  const { siteConfig } = useDocusaurusContext();
   return (
-    <header className={clsx('hero', styles.heroBanner)} style={{color:"black"}}>
+    <header
+      className={clsx('hero', styles.heroBanner)}
+      style={{ color: 'black' }}
+    >
       <div className="container">
         <Heading as="h1" className="hero__title">
           {siteConfig.title}
         </Heading>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
-          <Link className="button button--primary" to="/docs">
+          <Link className="button button--primary" to="/docs/usage/info">
             Get Started
           </Link>
-          <Link className="button button--secondary" to="https://github.com/web-infra-dev/oxc">
+          <Link
+            className="button button--secondary"
+            to="https://github.com/web-infra-dev/oxc"
+          >
             View on Github
           </Link>
         </div>
@@ -30,10 +36,9 @@ function HomepageHeader() {
 }
 
 export default function Home(): JSX.Element {
-  const {siteConfig} = useDocusaurusContext();
+  const { siteConfig } = useDocusaurusContext();
   return (
-    <Layout
-      title={`${siteConfig.title}`}>
+    <Layout title={`${siteConfig.title}`}>
       <HomepageHeader />
       <main>
         <HomepageFeatures />