chore: add eslint and fix lint errors

components/common/app-lazy-background/index.vue

@@ -16,10 +16,9 @@ export default {
       default: f => f
     }
   }
-};
+}
 </script>
 
-
 <style lang="scss" scoped>
 .image {
   height: 100%;
@@ -32,7 +31,7 @@ export default {
   transition: opacity 300ms ease;
   will-change: opacity;
 
-  &[lazy="loaded"] {
+  &[lazy='loaded'] {
     opacity: 1;
   }
 }

components/common/app-loader/index.vue

@@ -1,12 +1,12 @@
 <template>
   <div :class="{ 'is-shown': show, 'is-contained': contained }" class="cover">
     <ul class="loader">
-      <li/>
-      <li/>
-      <li/>
-      <li/>
-      <li/>
-      <li/>
+      <li />
+      <li />
+      <li />
+      <li />
+      <li />
+      <li />
     </ul>
   </div>
 </template>
@@ -25,7 +25,7 @@ export default {
       default: false
     }
   }
-};
+}
 </script>
 
 <style lang="scss" scoped>
@@ -94,4 +94,3 @@ export default {
   }
 }
 </style>
-

components/common/app-message/index.vue

@@ -6,7 +6,7 @@
       </div>
       <h3>{{ message }}</h3>
       <p>{{ description }}</p>
-      <slot name="extras"/>
+      <slot name="extras" />
     </div>
   </div>
 </template>
@@ -21,13 +21,12 @@ export default {
     description: {
       type: String,
       required: false,
-      default: ""
+      default: ''
     }
   }
-};
+}
 </script>
 
-
 <style lang="scss" scoped>
 .message-container {
   margin: 10vh auto;
@@ -52,4 +51,3 @@ export default {
   }
 }
 </style>
-