lint

src/components/component_preview/component_preview.vue

@@ -1,11 +1,11 @@
 <template>
-<div
+  <div
     class="ComponentPreview"
     :class="{ '-shadow-controls': shadowControl }"
->
+  >
     <label
-    class="header"
       v-show="shadowControl"
+      class="header"
       :class="{ faint: disabled }"
     >
       {{ $t('settings.style.shadows.offset') }}
@@ -70,9 +70,36 @@
     >
       {{ $t('settings.style.shadows.light_grid') }}
     </Checkbox>
-</div>
+  </div>
 </template>
 
+<script>
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+
+export default {
+  components: {
+    Checkbox
+  },
+  props: [
+    'shadow',
+    'shadowControl',
+    'previewClass',
+    'previewStyle',
+    'disabled'
+  ],
+  emits: ['update:shadow'],
+  data () {
+    return {
+      lightGrid: false
+    }
+  },
+  methods: {
+    updateProperty (axis, value) {
+      this.$emit('update:shadow', { axis, value })
+    }
+  }
+}
+</script>
 <style lang="scss">
 .ComponentPreview {
   display: grid;
@@ -185,30 +212,3 @@
   }
 }
 </style>
-<script>
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-
-export default {
-  props: [
-    'shadow',
-    'shadowControl',
-    'previewClass',
-    'previewStyle',
-    'disabled'
-  ],
-  data () {
-    return {
-      lightGrid: false
-    }
-  },
-  emits: ['update:shadow'],
-  components: {
-    Checkbox
-  },
-  methods: {
-    updateProperty (axis, value) {
-      this.$emit('update:shadow', { axis, value })
-    }
-  }
-}
-</script>