add in lint plugins

Signed-off-by: Joshua Fernandes <[email protected]>

package.json

@@ -47,7 +47,10 @@
   "devDependencies": {
     "@commitlint/cli": "^18.2.0",
     "@commitlint/config-conventional": "^18.1.0",
+    "@docusaurus/eslint-plugin": "^3.5.2",
     "@docusaurus/module-type-aliases": "^3.5.2",
+    "@docusaurus/tsconfig": "^3.5.2",
+    "@docusaurus/types": "^3.5.2",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^10.0.4",
     "@semantic-release/git": "^10.0.1",

src/components/HomepageCards/index.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 import Link from "@docusaurus/Link";
+import Heading from '@theme/Heading'
 // import styles from "./styles.module.css";
 
 type CardItem = {
@@ -51,7 +52,7 @@ function Card({ title, link, description, buttonName, buttonType }: CardItem) {
       <div className="card-demo">
         <div className="card">
           <div className="card__header">
-            <h3>{title}</h3>
+            <Heading as='h3'>{title}</Heading>
           </div>
           <div className="card__body">
             <p>{description}</p>
@@ -77,7 +78,7 @@ export default function HomepageCards(): JSX.Element {
   return (
     <section className={clsx("margin-top--lg", "margin-bottom--lg")}>
       <div className="container homepageContainer">
-        <h1 className="homepageTitle">Hyperledger Besu Ethereum client</h1>
+        <Heading as='h1' className="homepageTitle">Hyperledger Besu Ethereum client</Heading>
         <p>
           Hyperledger Besu is an open source Ethereum client developed under the
           Apache 2.0 license and written in Java. It runs on public and private

src/pages/index.tsx

@@ -1,52 +1,54 @@
 import React from "react";
 import Layout from "@theme/Layout";
+import Link from "@docusaurus/Link";
+import Heading from '@theme/Heading'
 import HomepageCards from "@site/src/components/HomepageCards";
 
 function HomepageText() {
   return (
     <div className="container homepageContainer margin-bottom--xl">
-      <h2>What does Besu support?</h2>
+      <Heading as='h2'>What does Besu support?</Heading>
       <p>
         Besu includes a{" "}
-        <a href="/public-networks/reference/cli/options">
+        <Link href="/public-networks/reference/cli/options">
           command line interface
-        </a>{" "}
-        and <a href="/public-networks/how-to/use-besu-api">JSON-RPC API</a> for
+        </Link>{" "}
+        and <Link to="/public-networks/how-to/use-besu-api">JSON-RPC API</Link> for
         running, maintaining, debugging, and monitoring nodes in an Ethereum
         network. You can use the API via RPC over HTTP or via WebSocket. Besu
         also supports Pub/Sub.
       </p>
       <p>
         Besu supports common smart contract and dapp development, deployment,
         and operational use cases, using tools such as{" "}
-        <a href="https://github.com/NomicFoundation/hardhat">Hardhat</a>,{" "}
-        <a href="https://github.com/ethereum/remix">Remix</a>, and{" "}
-        <a href="https://web3j.io/">web3j</a>. The client supports common
+        <Link to="https://github.com/NomicFoundation/hardhat">Hardhat</Link>,{" "}
+        <Link to="https://github.com/ethereum/remix">Remix</Link>, and{" "}
+        <Link to="https://web3j.io/">web3j</Link>. The client supports common
         JSON-RPC API methods such as <code>eth</code>, <code>net</code>,{" "}
         <code>web3</code>, <code>debug</code>, and <code>miner</code>.
       </p>
       <p>
         Besu doesn&apos;t support key management inside the client. You can use{" "}
-        <a href="https://docs.web3signer.consensys.net/">Web3Signer</a> with
+        <Link to="https://docs.web3signer.consensys.net/">Web3Signer</Link> with
         Besu to access your keystore and sign transactions.
       </p>
 
-      <h2>Questions?</h2>
+      <Heading as='h2'>Questions?</Heading>
       <p>
         If you have any questions about Besu, ask on the <b>besu</b> channel on{" "}
-        <a href="https://discord.gg/hyperledger">Hyperledger Discord</a>.
+        <Link to="https://discord.gg/hyperledger">Hyperledger Discord</Link>.
       </p>
       <p>
         Learn more about the{" "}
-        <a href="https://www.hyperledger.org/about">Hyperledger Foundation</a>.
+        <Link to="https://www.hyperledger.org/Linkbout">Hyperledger Foundation</Link>.
         You can{" "}
-        <a href="https://wiki.hyperledger.org/display/BESU/Documentation">
+        <Link to="https://wiki.hyperledger.org/display/BESU/Documentation">
           contribute to the documentation
-        </a>{" "}
+        </Link>{" "}
         or to{" "}
-        <a href="https://wiki.hyperledger.org/display/BESU/Contributing">
+        <Link to="https://wiki.hyperledger.org/display/BESU/Contributing">
           Besu itself
-        </a>
+        </Link>
         .
       </p>
     </div>