add

src/components/SplitPane/Resizer.vue

@@ -1,6 +1,28 @@
 <template>
     <div :class="classes" @mousedown="onMouseDown"></div>
 </template>
+<script>
+    export default {
+      props: {
+        split: {
+          validator(value) {
+            return ['vertical', 'horizontal'].indexOf(value) >= 0
+          },
+          required: true
+        },
+        onMouseDown: {
+          type: Function,
+          required: true
+        }
+      },
+      data() {
+        const classes = ['Resizer', this.split, 'className'];
+        return {
+          classes: classes.join(' ')
+        }
+      }
+    }
+</script>
 <style scoped>
     .Resizer {
         -moz-box-sizing: border-box;
@@ -37,8 +59,6 @@
     .Resizer.vertical {
         width: 11px;
         height: 100%;
-        /*margin: 0 -5px;*/
-
         border-left: 5px solid rgba(255, 255, 255, 0);
         border-right: 5px solid rgba(255, 255, 255, 0);
         cursor: col-resize;
@@ -49,27 +69,3 @@
         border-right: 5px solid rgba(0, 0, 0, 0.5);
     }
 </style>
-<script>
-    export default {
-      props: {
-        split: {
-          validator(value) {
-            return ['vertical', 'horizontal'].indexOf(value) >= 0
-          },
-          required: true
-        },
-        onMouseDown: {
-          type: Function,
-          required: true
-        }
-      },
-      data() {
-        const classes = ['Resizer', this.split, 'className'];
-        return {
-          classes: classes.join(' ')
-        }
-      },
-
-      methods: {}
-    }
-</script>