fix stupid prettier

Author: prateekbh

Diff for: docs/package.json

@@ -10,8 +10,8 @@
     "serve": "preact build && preact serve",
     "dev": "preact watch",
     "test": "npm run prettier",
-    "prettier": "prettier -l 'src/**/*.js'",
-    "prettier:write": "prettier --write 'src/**/*.js'"
+    "prettier": "prettier -l --print-width 80 'src/**/*.js'",
+    "prettier:write": "prettier --write --print-width 80 'src/**/*.js'"
   },
   "repository": {
     "type": "git",

Diff for: docs/src/components/code-block/index.js

@@ -19,8 +19,9 @@ export default ({ children, ...props }) => {
     isHighlight = child && child.nodeName === "code";
   if (isHighlight) {
     let text = child.children[0].replace(/(^\s+|\s+$)/g, ""),
-      lang = (child.attributes.class && child.attributes.class)
-        .match(/lang-([a-z]+)/)[1],
+      lang = (child.attributes.class && child.attributes.class).match(
+        /lang-([a-z]+)/
+      )[1],
       highlighted = hljs.highlightAuto(text, lang ? [lang] : null),
       hLang = highlighted.language;
     return (

Diff for: docs/src/routes/button/index.js

@@ -66,9 +66,8 @@ export default class ButtonPage extends Component {
 
         <div className="mdc-typography--display1">Original documentation</div>
         <div className="mdc-typography--body">
-          This component encapsulates <span className="strong">
-            mdc-button
-          </span>, you can refer to its documentation
+          This component encapsulates <span className="strong">mdc-button</span>,
+          you can refer to its documentation
           <a href="https://github.com/material-components/material-components-web/tree/master/packages/mdc-button">
             {" "}
             here

Diff for: docs/src/routes/dialog/index.js

@@ -81,9 +81,8 @@ export default class DialogPage extends Component {
 
         <div className="mdc-typography--display1">Original documentation</div>
         <div className="mdc-typography--body">
-          This component encapsulates <span className="strong">
-            mdc-dialog
-          </span>, you can refer to its documentation
+          This component encapsulates <span className="strong">mdc-dialog</span>,
+          you can refer to its documentation
           <a href="https://github.com/material-components/material-components-web/tree/master/packages/mdc-dialog">
             {" "}
             here

Diff for: docs/src/routes/drawer/index.js

@@ -93,9 +93,8 @@ export default class DrawerPage extends Component {
 
         <div className="mdc-typography--display1">Original documentation</div>
         <div className="mdc-typography--body">
-          This component encapsulates <span className="strong">
-            mdc-drawer
-          </span>, you can refer to its documentation
+          This component encapsulates <span className="strong">mdc-drawer</span>,
+          you can refer to its documentation
           <a href="https://github.com/material-components/material-components-web/tree/master/packages/mdc-drawer">
             {" "}
             here

Diff for: docs/src/routes/select/index.js

@@ -67,9 +67,8 @@ export default class SelectPage extends Component {
 
         <div className="mdc-typography--display1">Original documentation</div>
         <div className="mdc-typography--body">
-          This component encapsulates <span className="strong">
-            mdc-select
-          </span>, you can refer to its documentation
+          This component encapsulates <span className="strong">mdc-select</span>,
+          you can refer to its documentation
           <a href="https://github.com/material-components/material-components-web/tree/master/packages/mdc-select">
             {" "}
             here

Diff for: docs/src/routes/slider/index.js

@@ -77,9 +77,8 @@ export default class SliderPage extends Component {
 
         <div className="mdc-typography--display1">Original documentation</div>
         <div className="mdc-typography--body">
-          This component encapsulates <span className="strong">
-            mdc-slider
-          </span>, you can refer to its documentation
+          This component encapsulates <span className="strong">mdc-slider</span>,
+          you can refer to its documentation
           <a href="https://github.com/material-components/material-components-web/tree/master/packages/mdc-slider">
             {" "}
             here

Diff for: docs/src/routes/switch/index.js

@@ -42,9 +42,8 @@ export default class SwitchPage extends Component {
 
         <div className="mdc-typography--display1">Original documentation</div>
         <div className="mdc-typography--body">
-          This component encapsulates <span className="strong">
-            mdc-switch
-          </span>, you can refer to its documentation
+          This component encapsulates <span className="strong">mdc-switch</span>,
+          you can refer to its documentation
           <a href="https://github.com/material-components/material-components-web/tree/master/packages/mdc-switch">
             {" "}
             here

Diff for: package.json

@@ -10,8 +10,8 @@
     "test": "npm run build && npm run prettier",
     "lint": "eslint index.js */*.jsx",
     "lint-staged": "lint-staged",
-    "prettier": "prettier -l *.js */*.jsx sample/webpack.config.js",
-    "prettier:write": "prettier --write *.js */*.jsx sample/webpack.config.js",
+    "prettier": "prettier -l --print-width 80  *.js */*.jsx sample/webpack.config.js",
+    "prettier:write": "prettier --write --print-width 80  *.js */*.jsx sample/webpack.config.js",
     "sample": "http-server ./sample"
   },
   "repository": {