Revert "Added PrismJS for syntax highlighting"

This reverts commit 5a4d1c7.

Author: zoltantothcom

.babelrc

@@ -1,12 +1,3 @@
 {
-  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "plugins": [
-    [
-      "prismjs",
-      {
-        "languages": ["javascript"],
-        "theme": "twilight"
-      }
-    ]
-  ]
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
 }

css/prism.css

@@ -3,7 +3,6 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "prismjs": "^1.15.0",
     "react": "^16.7.0",
     "react-dom": "^16.7.0",
     "styled-components": "^4.1.3"
@@ -20,15 +19,12 @@
     "@babel/preset-react": "^7.0.0",
     "babel-eslint": "^10.0.1",
     "babel-loader": "^8.0.5",
-    "babel-plugin-prismjs": "^1.0.2",
-    "css-loader": "^2.1.0",
     "eslint": "^5.12.1",
     "eslint-config-react": "^1.1.7",
     "eslint-loader": "^2.1.1",
     "eslint-plugin-react": "^7.12.4",
     "html-webpack-plugin": "^3.2.0",
     "prettier": "1.16.2",
-    "style-loader": "^0.23.1",
     "webpack": "^4.29.0",
     "webpack-bundle-analyzer": "^3.0.3",
     "webpack-cli": "^3.2.1",

package.json

@@ -1,44 +1,20 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import styled from 'styled-components';
-import Prism from 'prismjs';
-import '../css/prism.css';
 
 const Title = styled.h1`
   font-family: sans-serif;
-  padding: 1.5em;
+  padding: 2em;
   background: papayawhip;
-  font-size: 2em;
+  font-size: 4em;
   text-align: center;
   color: palevioletred;
   margin: 0;
 `;
 
 class Welcome extends React.Component {
-  componentDidMount() {
-    Prism.highlightAll();
-  }
-
   render() {
-    return (
-      <React.Fragment>
-        <Title>JavaScript Patterns</Title>
-
-        <pre>
-          <code className="language-javascript">
-            {`
-    onSubmit(e) {
-      e.preventDefault();
-      const job = {
-        title: 'Developer',
-        company: 'Facebook' 
-        };
-      }
-  `}
-          </code>
-        </pre>
-      </React.Fragment>
-    );
+    return <Title>Hello World</Title>;
   }
 }
 

src/index.js

@@ -24,10 +24,6 @@ module.exports = {
         test: /\.(js|jsx)$/,
         exclude: /node_modules/,
         use: ['babel-loader', 'eslint-loader']
-      },
-      {
-        test: /\.css$/,
-        use: ['style-loader', 'css-loader']
       }
     ]
   },