refactor: general repo clean up

src/App.vue

@@ -9,6 +9,7 @@ import FloatingElement from './components/FloatingElement.vue'
 
 export default {
   name: 'App',
+
   components: {
     FloatingElement
   }

src/components/FloatingElement.vue

@@ -26,7 +26,6 @@ export default {
   methods: {
     dragMouseDown: function (event) {
       event.preventDefault();
-
       this.coordinates.x = event.clientX;
       this.coordinates.y = event.clientY;
       document.onmousemove = this.elementDrag;
@@ -35,7 +34,6 @@ export default {
 
     elementDrag: function (event) {
       event.preventDefault();
-
       let element = this.$refs.element;
 
       this.coordinates.offsetX = this.coordinates.x - event.clientX;
@@ -45,31 +43,32 @@ export default {
 
       this.$refs.element.style.top =
         element.offsetTop - this.coordinates.offsetY + "px";
+
       this.$refs.element.style.left =
         element.offsetLeft - this.coordinates.offsetX + "px";
     },
 
     closeDragElement: function () {
-      document.onmousemove = null;
       document.onmouseup = null;
+      document.onmousemove = null;
     },
   },
 };
 </script>
 
 <style>
 .element {
-  position: fixed;
-  z-index: 9998;
-  bottom: 25px;
   right: 25px;
+  bottom: 25px;
+  z-index: 9998;
+  position: fixed;
 }
 
 #element-subelement.element__subelement {
-  z-index: 9999;
-  color: white;
-  background: #1ed392;
   width: 60px;
+  color: white;
   height: 60px;
+  z-index: 9999;
+  background: #1ed392;
 }
 </style>

src/main.js

@@ -2,7 +2,4 @@ import Vue from 'vue'
 import App from './App.vue'
 
 Vue.config.productionTip = false
-
-new Vue({
-  render: h => h(App),
-}).$mount('#app')
+new Vue({ render: h => h(App) }).$mount('#app')