package updates

.eslintrc

@@ -3,10 +3,9 @@
   "extends": [
     "eslint:recommended",
     "plugin:react/recommended",
-    "prettier",
+    "plugin:prettier/recommended"
-    "prettier/react"
   ],
-  "plugins": ["react", "graphql"],
+  "plugins": ["react", "graphql", "prettier", "compat"],
   "parserOptions": {
     "sourceType": "module",
     "ecmaFeatures": {
@@ -25,6 +24,8 @@
   "rules": {
     "quotes": ["error", "single"],
     "semi": ["error", "never"],
-    "object-curly-spacing": ["error", "always"]
+    "object-curly-spacing": ["error", "always"],
+    "prettier/prettier": "error",
+    "compat/compat": "error"
   }
 }

.prettierrc

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

package.json

@@ -21,12 +21,12 @@
   "dependencies": {
     "camel-case": "^3.0.0",
     "file-saver": "^1.3.8",
-    "gatsby": "^1.9.260",
+    "gatsby": "^1.9.261",
     "gatsby-image": "^1.0.51",
     "gatsby-link": "^1.6.44",
     "gatsby-plugin-favicon": "^2.1.1",
     "gatsby-plugin-google-analytics": "^1.0.31",
-    "gatsby-plugin-matomo": "^0.3.0",
+    "gatsby-plugin-matomo": "^0.3.1",
     "gatsby-plugin-offline": "^1.0.16",
     "gatsby-plugin-react-helmet": "^2.0.11",
     "gatsby-plugin-react-next": "^1.0.11",
@@ -35,9 +35,9 @@
     "gatsby-plugin-sharp": "^1.6.44",
     "gatsby-plugin-sitemap": "^1.2.23",
     "gatsby-plugin-svgr": "^1.0.0",
-    "gatsby-source-filesystem": "^1.5.35",
+    "gatsby-source-filesystem": "^1.5.36",
     "gatsby-transformer-sharp": "^1.6.24",
-    "gatsby-transformer-yaml": "^1.5.16",
+    "gatsby-transformer-yaml": "^1.5.17",
     "giphy-js-sdk-core": "^1.0.3",
     "intersection-observer": "^0.5.0",
     "js-yaml": "^3.11.0",
@@ -55,13 +55,13 @@
     "eslint-plugin-graphql": "^2.1.1",
     "eslint-plugin-prettier": "^2.6.0",
     "eslint-plugin-react": "^7.8.2",
-    "gatsby-transformer-json": "^1.0.17",
+    "gatsby-transformer-json": "^1.0.18",
     "ora": "^2.1.0",
     "prepend": "^1.0.2",
     "prettier": "^1.12.1",
     "prettier-stylelint": "^0.4.2",
     "slugify": "^1.3.0",
-    "stylelint": "^9.2.0",
+    "stylelint": "^9.2.1",
     "stylelint-config-standard": "^18.2.0"
   },
   "browserslist": ["defaults"]

src/components/atoms/Content.jsx

@@ -9,7 +9,7 @@ const Content = props => (
 )
 
 Content.propTypes = {
-  children: PropTypes.node,
+  children: PropTypes.node
 }
 
 export default Content

src/components/atoms/FullWidth.jsx

@@ -5,7 +5,7 @@ import './FullWidth.scss'
 const FullWidth = ({ children }) => <div className="full-width">{children}</div>
 
 FullWidth.propTypes = {
-  children: PropTypes.node,
+  children: PropTypes.node
 }
 
 export default FullWidth

src/components/atoms/Head.jsx

@@ -20,7 +20,7 @@ const Head = ({ meta }) => {
 }
 
 Head.propTypes = {
-  meta: PropTypes.object.isRequired,
+  meta: PropTypes.object.isRequired
 }
 
 export default Head

src/components/atoms/LogoUnit.jsx

@@ -19,7 +19,7 @@ const LogoUnit = ({ meta, minimal }) => {
 
 LogoUnit.propTypes = {
   meta: PropTypes.object.isRequired,
-  minimal: PropTypes.bool,
+  minimal: PropTypes.bool
 }
 
 export default LogoUnit

src/components/atoms/ProjectImage.jsx

@@ -16,7 +16,7 @@ const ProjectImage = ({ sizes, alt }) => (
 
 ProjectImage.propTypes = {
   sizes: PropTypes.object.isRequired,
-  alt: PropTypes.string,
+  alt: PropTypes.string
 }
 
 export const projectImage = graphql`

src/components/atoms/SEO.jsx

@@ -51,12 +51,12 @@ const SEO = ({ project, meta }) => {
 
 SEO.propTypes = {
   project: PropTypes.object,
-  meta: PropTypes.object,
+  meta: PropTypes.object
 }
 
 SEO.defaultProps = {
   project: {},
-  meta: {},
+  meta: {}
 }
 
 export default SEO

src/components/atoms/Vcard.jsx

@@ -95,7 +95,7 @@ class Vcard extends PureComponent {
 }
 
 Vcard.propTypes = {
-  meta: PropTypes.object,
+  meta: PropTypes.object
 }
 
 export default Vcard

src/components/molecules/Availability.jsx

@@ -16,7 +16,7 @@ class Availability extends PureComponent {
         const opts = Object.defineProperty({}, 'passive', {
           get: function() {
             supportsPassive = true
-          },
+          }
         })
         window.addEventListener('test', null, opts)
       } catch (e) {
@@ -69,7 +69,7 @@ class Availability extends PureComponent {
             >
               <p
                 dangerouslySetInnerHTML={{
-                  __html: status ? available : unavailable,
+                  __html: status ? available : unavailable
                 }}
               />
             </aside>
@@ -82,7 +82,7 @@ class Availability extends PureComponent {
 
 Availability.propTypes = {
   meta: PropTypes.object,
-  hide: PropTypes.bool,
+  hide: PropTypes.bool
 }
 
 export default Availability

src/components/molecules/Networks.jsx

@@ -34,7 +34,7 @@ class Network extends PureComponent {
     super(props)
 
     this.state = {
-      classes: 'networks',
+      classes: 'networks'
     }
   }
 
@@ -79,7 +79,7 @@ class Network extends PureComponent {
 Network.propTypes = {
   meta: PropTypes.object,
   minimal: PropTypes.bool,
-  hide: PropTypes.bool,
+  hide: PropTypes.bool
 }
 
 export default Network

src/components/molecules/ProjectLinks.jsx

@@ -55,7 +55,7 @@ const ProjectLinks = ({ links }) => (
 )
 
 ProjectLinks.propTypes = {
-  links: PropTypes.array,
+  links: PropTypes.array
 }
 
 export default ProjectLinks

src/components/molecules/ProjectNav.jsx

@@ -48,7 +48,7 @@ const ProjectNav = ({ previous, next }) => (
 
 ProjectNav.propTypes = {
   previous: PropTypes.object,
-  next: PropTypes.object,
+  next: PropTypes.object
 }
 
 export default ProjectNav

src/components/molecules/ProjectTechstack.jsx

@@ -12,7 +12,7 @@ const ProjectTechstack = ({ techstack }) => (
 )
 
 ProjectTechstack.propTypes = {
-  techstack: PropTypes.array,
+  techstack: PropTypes.array
 }
 
 export default ProjectTechstack

src/components/organisms/Footer.jsx

@@ -38,7 +38,7 @@ class Footer extends PureComponent {
 
 Footer.propTypes = {
   meta: PropTypes.object,
-  pkg: PropTypes.object,
+  pkg: PropTypes.object
 }
 
 export default Footer

src/components/organisms/Header.jsx

@@ -57,7 +57,7 @@ class Header extends PureComponent {
 
 Header.propTypes = {
   meta: PropTypes.object,
-  isHomepage: PropTypes.bool,
+  isHomepage: PropTypes.bool
 }
 
 export default Header

src/layouts/index.jsx

@@ -49,17 +49,17 @@ const TemplateWrapper = ({ data, location, children }) => {
 
 TransitionHandler.propTypes = {
   children: PropTypes.any,
-  location: PropTypes.object.isRequired,
+  location: PropTypes.object.isRequired
 }
 
 Main.propTypes = {
-  children: PropTypes.any,
+  children: PropTypes.any
 }
 
 TemplateWrapper.propTypes = {
   children: PropTypes.func,
   data: PropTypes.object.isRequired,
-  location: PropTypes.object.isRequired,
+  location: PropTypes.object.isRequired
 }
 
 export default withRouter(TemplateWrapper)

src/pages/index.jsx

@@ -27,7 +27,7 @@ const Home = ({ data }) => {
 }
 
 Home.propTypes = {
-  data: PropTypes.object,
+  data: PropTypes.object
 }
 
 export default Home

src/templates/Project.jsx

@@ -18,7 +18,7 @@ class Project extends Component {
     const description = this.props.data.projectsYaml.description
 
     this.state = {
-      descriptionWithLineBreaks: description.split('\n').join('\n\n'),
+      descriptionWithLineBreaks: description.split('\n').join('\n\n')
     }
   }
 
@@ -68,7 +68,7 @@ class Project extends Component {
 
 Project.propTypes = {
   data: PropTypes.object.isRequired,
-  pathContext: PropTypes.object.isRequired,
+  pathContext: PropTypes.object.isRequired
 }
 
 export default Project