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": [
+  "plugins": ["react", "graphql"],
-    "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",
   "parserOptions": {
     "sourceType": "module",
     "ecmaFeatures": {
@@ -47,7 +22,9 @@
   "globals": {
     "graphql": true
   },
-  "settings": {
+  "rules": {
-    "polyfills": ["promises"]
+    "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
+    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.
-    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
+    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/).
-    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": [
+  "browserslist": ["defaults"]
-    "defaults"
-  ]
 }