Update prettier config and version

The prettier configuration has been updated by changing the printWidth from 80 to 100 and tabWidth from 2 to 4. We also updated the project version in package.json from version 2.0.0 to 2.0.1. Consequently, the changes in tab width apply to all .tsx files as visibly shown by the indentation changes in several files.

Author: Alexey Ivanov

.prettierrc

@@ -1,10 +1,9 @@
 {
-  "printWidth": 80,
+  "printWidth": 100,
   "semi": true,
   "singleQuote": true,
-  "tabWidth": 2,
+  "tabWidth": 4,
   "useTabs": false,
   "arrowParens": "avoid",
-  "jsxBracketSameLine": false,
   "trailingComma": "all"
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-app",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "license": "MIT",
   "lint-staged": {
     "src/**/*.{ts,tsx}": [

src/@types/custom.d.ts

@@ -1,6 +1,6 @@
 declare module '*.svg' {
-  import React = require('react');
-  export const ReactComponent: React.SFC<React.SVGProps<SVGSVGElement>>;
-  const src: string;
-  export default src;
+    import React = require('react');
+    export const ReactComponent: React.SFC<React.SVGProps<SVGSVGElement>>;
+    const src: string;
+    export default src;
 }

src/components/app.tsx

@@ -3,22 +3,22 @@ import './app.css';
 import logo from '../assets/logo.svg';
 
 export const App = (): JSX.Element => {
-  return (
-    <div className="app">
-      <header className="app__header">
-        <img src={logo} className="app__logo" alt="logo" />
-        <p>
-          Edit <code>src/app.tsx</code> and save to reload.
-        </p>
-        <a
-          className="app__link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
-  );
+    return (
+        <div className="app">
+            <header className="app__header">
+                <img src={logo} className="app__logo" alt="logo" />
+                <p>
+                    Edit <code>src/app.tsx</code> and save to reload.
+                </p>
+                <a
+                    className="app__link"
+                    href="https://reactjs.org"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                >
+                    Learn React
+                </a>
+            </header>
+        </div>
+    );
 };

src/index.tsx

@@ -3,8 +3,8 @@ import ReactDOM from 'react-dom';
 import { App } from './components/app';
 
 ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root'),
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>,
+    document.getElementById('root'),
 );