linting

.editorconfig

@@ -1,5 +1,5 @@
-
 # EditorConfig is awesome: http://EditorConfig.org
+root = true
 
 [*]
 indent_style = space
@@ -9,8 +9,6 @@ insert_final_newline = true
 charset = utf-8
 trim_trailing_whitespace = true
 
-[*.scss]
+[{*.svg, *.scss, *.css}]
 indent_size = 4
 
-[*.css]
-indent_size = 4

.eslintrc

@@ -1,37 +1,12 @@
 {
+  "parser": "babel-eslint",
   "extends": [
     "eslint:recommended",
-    "plugin:react/recommended"
+    "plugin:react/recommended",
+    "prettier",
+    "prettier/react"
   ],
-  "plugins": [
-    "react",
-    "graphql",
-    "compat"
-  ],
-  "rules": {
-    "quotes": [
-      "error",
-      "single"
-    ],
-    "semi": [
-      "error",
-      "never"
-    ],
-    "compat/compat": "error",
-    "react/jsx-wrap-multilines": [
-      "error",
-      {
-        "declaration": "parens-new-line",
-        "assignment": "parens-new-line",
-        "return": "parens-new-line",
-        "arrow": "parens-new-line",
-        "condition": "parens-new-line",
-        "logical": "parens-new-line",
-        "prop": "parens-new-line"
-      }
-    ]
-  },
-  "parser": "babel-eslint",
+  "plugins": ["react", "graphql"],
   "parserOptions": {
     "sourceType": "module",
     "ecmaFeatures": {
@@ -47,7 +22,9 @@
   "globals": {
     "graphql": true
   },
-  "settings": {
-    "polyfills": ["promises"]
+  "rules": {
+    "quotes": ["error", "single"],
+    "semi": ["error", "never"],
+    "object-curly-spacing": ["error", "always"]
   }
 }

.prettierignore

@@ -2,3 +2,4 @@ node_modules/
 .cache/
 src/lib/vcf
 static/
+public/

.prettierrc

@@ -1,5 +1,6 @@
 {
   "semi": false,
   "singleQuote": true,
-  "trailingComma": "es5"
+  "trailingComma": "es5",
+  "tabWidth": 2
 }

data/projects.yml

@@ -264,9 +264,7 @@
   slug: "/ipixelpad/"
   img: "../src/images/portfolio-ipixelpad-01.png"
   description: >
-    So, what to do when everyone seem to release iPad icons but fail to
-    include some crisp small size icons? Pushing the pixels for yourself of course.
-    So here’s my take on the smaller sizes of an Apple iPad icon, called iPixelPad.
+    So, what to do when everyone seem to release iPad icons but fail to include some crisp small size icons? Pushing the pixels for yourself of course. So here’s my take on the smaller sizes of an Apple iPad icon, called iPixelPad.
 
     Released as a goodie on [kremalicious.com](https://kremalicious.com/ipixelpad/).
 
@@ -283,9 +281,7 @@
   slug: "/outofwhaleoil/"
   img: "../src/images/portfolio-outofwhaleoil-01.jpg"
   description: >
-    Tribute wallpaper pack inspired by the Futurama movie _Into The Wild
-    Green Yonder_. Released as a goodie
-    on [kremalicious.com](https://kremalicious.com/out-of-whale-oil/).
+    Tribute wallpaper pack inspired by the Futurama movie _Into The Wild Green Yonder_. Released as a goodie on [kremalicious.com](https://kremalicious.com/out-of-whale-oil/).
   links:
   - title: Download
     url: https://kremalicious.com/out-of-whale-oil/

gatsby-node.js

@@ -16,7 +16,8 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
   return new Promise((resolve, reject) => {
     const template = path.resolve('src/templates/Project.jsx')
 
-    resolve(graphql(`
+    resolve(
+      graphql(`
         {
           allProjectsYaml {
             edges {
@@ -86,6 +87,7 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
         )
 
         resolve()
-      }))
+      })
+    )
   })
 }

package.json

@@ -43,6 +43,7 @@
   "devDependencies": {
     "babel-eslint": "^8.2.3",
     "eslint": "^4.19.1",
+    "eslint-config-prettier": "^2.9.0",
     "eslint-loader": "^2.0.0",
     "eslint-plugin-compat": "^2.2.0",
     "eslint-plugin-graphql": "^2.1.1",
@@ -52,7 +53,5 @@
     "stylelint": "^9.2.0",
     "stylelint-config-standard": "^18.2.0"
   },
-  "browserslist": [
-    "defaults"
-  ]
+  "browserslist": ["defaults"]
 }