Update index.js

docusaurus/website/src/pages/index.js

@@ -41,95 +41,95 @@ function Home() {
 
  return (
  <Layout
- permalink={'/'}
- description={'Set up a modern web app by running one command.'}
+ permalink={ '/' }
+ description={ 'Set up a modern web app by running one command.' }
  >
- <div className={clsx('hero hero--dark', styles.heroBanner)}>
+ <div className={ clsx('hero hero--dark', styles.heroBanner) }>
  <div className="container">
  <img
- className={clsx(styles.heroBannerLogo, 'margin-vert--md')}
+ className={ clsx(styles.heroBannerLogo, 'margin-vert--md') }
  alt="Create React App logo"
- src={useBaseUrl('img/logo.svg')}
- />{' '}
- <h1 className="hero__title"> {siteConfig.title} </h1>{' '}
- <p className="hero__subtitle"> {siteConfig.tagline} </p>{' '}
- <div className={styles.getStarted}>
+ src={ useBaseUrl('img/logo.svg') }
+ />
+ <h1 className="hero__title">{ siteConfig.title }</h1>
+ <p className="hero__subtitle">{ siteConfig.tagline }</p>
+ <div className={ styles.getStarted }>
  <Link
  className="button button--outline button--primary button--lg"
- to={useBaseUrl('docs/getting-started')}
+ to={ useBaseUrl('docs/getting-started') }
  >
- Get Started{' '}
- </Link>{' '}
- </div>{' '}
- </div>{' '}
- </div>{' '}
- {features && features.length && (
- <div className={styles.features}>
+ Get Started
+ </Link>
+ </div>
+ </div>
+ </div>
+ { features && features.length && (
+ <div className={ styles.features }>
  <div className="container">
  <div className="row">
- {' '}
- {features.map(({ title, content }, idx) => (
- <div key={idx} className={clsx('col col--4', styles.feature)}>
- <h2> {title} </h2> <p> {content} </p>{' '}
+ { features.map(({ title, content }, idx) => (
+  <div key={ idx } className={ clsx('col col--4', styles.feature) }>
+  <h2>{ title }</h2>
+ <p>{ content }</p>
  </div>
- ))}{' '}
- </div>{' '}
- </div>{' '}
+ )) }
+ </div>
+ </div>
  </div>
- )}{' '}
- <div className={styles.gettingStartedSection}>
+ ) }
+ <div className={ styles.gettingStartedSection }>
  <div className="container padding-vert--xl text--left">
  <div className="row">
  <div className="col col--4 col--offset-1">
- <h2> Get started in seconds </h2>{' '}
+ <h2>Get started in seconds</h2>
  <p>
- Whether you’ re using React or another library, Create React App
- lets you <strong> focus on code, not build tools </strong>.{' '}
+ Whether you’re using React or another library, Create React App
+ lets you <strong>focus on code, not build tools</strong>.
  <br />
  <br />
- To create a project called <i> my - app </i>, run this command:{' '}
- </p>{' '}
+ To create a project called <i>my-app</i>, run this command:
+ </p>
  <CodeBlock className="language-sh">
- npx create - react - app my - app{' '}
- </CodeBlock>{' '}
+ npx create-react-app my-app
+ </CodeBlock>
  <br />
- </div>{' '}
+ </div>
  <div className="col col--5 col--offset-1">
  <img
- className={styles.featureImage}
+ className={ styles.featureImage }
  alt="Easy to get started in seconds"
  src={
  'https://cdn.jsdelivr.net/gh/facebook/create-react-app@27b42ac/screencast.svg'
  }
- />{' '}
- </div>{' '}
- </div>{' '}
- </div>{' '}
- </div>{' '}
+ />
+ </div>
+ </div>
+ </div>
+ </div>
  <div>
  <div className="container padding-vert--xl text--left">
  <div className="row">
  <div className="col col--4 col--offset-1">
  <img
- className={styles.featureImage}
+ className={ styles.featureImage }
  alt="Easy to update"
- src={useBaseUrl('img/update.png')}
- />{' '}
- </div>{' '}
+ src={ useBaseUrl('img/update.png') }
+ />
+ </div>
  <div className="col col--5 col--offset-1">
- <h2> Easy to Maintain </h2>{' '}
+ <h2>Easy to Maintain</h2>
  <p>
- Updating your build tooling is typically a daunting and time -
- consuming task.When new versions of Create React App are
+ Updating your build tooling is typically a daunting and
+ time-consuming task. When new versions of Create React App are
  released, you can upgrade using a single command:
- </p>{' '}
+ </p>
  <CodeBlock className="language-sh">
- npm install react - scripts @latest{' '}
- </CodeBlock>{' '}
- </div>{' '}
- </div>{' '}
- </div>{' '}
- </div>{' '}
+ npm install react-scripts@latest
+ </CodeBlock>
+ </div>
+ </div>
+ </div>
+ </div>
  </Layout>
  );
 }