Fix ESLint warnings

.eslintrc.js

@@ -18,6 +18,7 @@ module.exports = {
       ignoreWhenNoAttributes: true,
       ignoreWhenEmpty: true,
       ignores: ['pre', 'textarea', 'NuxtLink', 'h1', 'h2', 'h3', 'button', ...INLINE_ELEMENTS]
-    }]
+    }],
+    'space-before-function-paren': ['warn', 'never']
   }
 }

layouts/default.vue

@@ -10,7 +10,7 @@ export default {
   head() {
     return {
       bodyAttrs: {
-        id: "default-page"
+        id: 'default-page'
       }
     }
   }

layouts/error.vue

@@ -8,8 +8,13 @@
 
 <script>
 export default {
-  props: ['error'],
   layout: 'errorLayout',
+  props: {
+    error: {
+      type: Object,
+      default() { return {} }
+    }
+  }
 }
 </script>
 

layouts/errorLayout.vue

@@ -18,6 +18,6 @@ export default {
 
 <style>
 #error-page {
-  background-image: linear-gradient(hsl(201, 16%, 43%), #003b70);
+  background-image: linear-gradient(#5c737f, #003b70);
 }
 </style>

pages/index.vue

 <template>
   <div class="container">
-    <a id="top"></a>
-    <TheDroplet/>
-    <NuxtChild/>
-    <TheStatistics/>
-    <TheSettings/>
+    <a id="top" />
+    <TheDroplet />
+    <NuxtChild />
+    <TheStatistics />
+    <TheSettings />
   </div>
 </template>