🚨 Lint

components/settings/swatch.vue

@@ -8,61 +8,61 @@
 </template>
 
 <style lang="scss">
-  .color {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0 16px 0 4px;
-    margin: 4px;
+.color {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 16px 0 4px;
+  margin: 4px;
+  background-color: var(--bg-dark-color);
+  color: var(--fg-color);
+  border-radius: 20px;
+  cursor: pointer;
+  height: 40px;
+
+  &.active {
     background-color: var(--bg-dark-color);
-    color: var(--fg-color);
-    border-radius: 20px;
-    cursor: pointer;
-    height: 40px;
-
-    &.active {
-      background-color: var(--bg-dark-color);
-    }
-
-    .preview {
-      vertical-align: middle;
-      display: inline-block;
-      border-radius: 100%;
-      margin-right: 8px;
-      padding: 16px;
-      position: relative;
-
-      .activeTick {
-          position: absolute;
-          top: 50%;
-          left: 50%;
-          transform: translate(-50%, -50%);
-          color: #ffffff;
-      }
-    }
   }
 
-  .color.vibrant {
-    .preview .activeTick {
-      color: var(--act-color);
+  .preview {
+    vertical-align: middle;
+    display: inline-block;
+    border-radius: 100%;
+    margin-right: 8px;
+    padding: 16px;
+    position: relative;
+
+    .activeTick {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      color: #ffffff;
     }
   }
+}
+
+.color.vibrant {
+  .preview .activeTick {
+    color: var(--act-color);
+  }
+}
 </style>
 
 <script>
-  export default {
-    props: {
-      'color': {
-        type: String,
-        required: true
-      },
-      'name': {
-        type: String
-      },
-      'active': {
-        type: Boolean,
-        default: false
-      }
+export default {
+  props: {
+    color: {
+      type: String,
+      required: true
+    },
+    name: {
+      type: String
+    },
+    active: {
+      type: Boolean,
+      default: false
     }
   }
+};
 </script>