Fix linting

Author: canmingir

.eslintrc.js

@@ -2,9 +2,9 @@ module.exports = {
   env: {
     es6: true,
     node: true,
-    mocha: true,
+    browser: true,
   },
-  extends: ["eslint:recommended", "prettier"],
+  extends: ["eslint:recommended", "prettier", "plugin:react/recommended"],
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: "module",
@@ -23,4 +23,9 @@ module.exports = {
       },
     ],
   },
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
 };

.prettierignore

@@ -1 +1,2 @@
 /build
+/.docusaurus

README.md

@@ -1 +1 @@
-# nucleoid.com
+# nucleoid.com

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
+  presets: [require.resolve("@docusaurus/core/lib/babel/preset")],
 };

docs/tutorial-basics/create-a-document.md

@@ -30,7 +30,7 @@ Add metadata to customize the sidebar label and position:
 
 ```md title="docs/hello.md" {1-4}
 ---
-sidebar_label: 'Hi!'
+sidebar_label: "Hi!"
 sidebar_position: 3
 ---
 
@@ -45,10 +45,10 @@ It is also possible to create your sidebar explicitly in `sidebars.js`:
 module.exports = {
   tutorialSidebar: [
     {
-      type: 'category',
-      label: 'Tutorial',
+      type: "category",
+      label: "Tutorial",
       // highlight-next-line
-      items: ['hello'],
+      items: ["hello"],
     },
   ],
 };

docs/tutorial-basics/create-a-page.md

@@ -15,8 +15,8 @@ Add **Markdown or React** files to `src/pages` to create a **standalone page**:
 Create a file at `src/pages/my-react-page.js`:
 
 ```jsx title="src/pages/my-react-page.js"
-import React from 'react';
-import Layout from '@theme/Layout';
+import React from "react";
+import Layout from "@theme/Layout";
 
 export default function MyReactPage() {
   return (

docs/tutorial-extras/manage-docs-versions.md

@@ -34,7 +34,7 @@ module.exports = {
       items: [
         // highlight-start
         {
-          type: 'docsVersionDropdown',
+          type: "docsVersionDropdown",
         },
         // highlight-end
       ],

docs/tutorial-extras/translate-your-site.md

@@ -13,8 +13,8 @@ Modify `docusaurus.config.js` to add support for the `fr` locale:
 ```js title="docusaurus.config.js"
 module.exports = {
   i18n: {
-    defaultLocale: 'en',
-    locales: ['en', 'fr'],
+    defaultLocale: "en",
+    locales: ["en", "fr"],
   },
 };
 ```
@@ -60,7 +60,7 @@ module.exports = {
       items: [
         // highlight-start
         {
-          type: 'localeDropdown',
+          type: "localeDropdown",
         },
         // highlight-end
       ],

docusaurus.config.js

@@ -34,7 +34,7 @@ const config = {
       /** @type {import('@docusaurus/preset-classic').Options} */
       ({
         docs: {
-          routeBasePath: '/',
+          routeBasePath: "/",
           sidebarPath: require.resolve("./sidebars.js"),
           editUrl:
             "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
@@ -57,6 +57,10 @@ const config = {
       },
       navbar: {
         items: [
+          { to: "/docs", label: "HOME", position: "left" },
+          { to: "/docs", label: "GET STARTED", position: "left" },
+          { to: "/docs", label: "LEARN", position: "left" },
+          { to: "/docs", label: "API", position: "left" },
           {
             href: "https://dev.to/nucleoid",
             label: "BLOG",