Minor refactoring

Author: robbinjohansson

README.md

@@ -38,13 +38,13 @@ Vue.use(VueScrollIndicator);
 
 Display the component using default style:
 
-```html
+``` vue
 <vue-scroll-indicator></vue-scroll-indicator>
 ```
 
-Display the component using custom style _(any valid use of css units will do)_:
+Display the component using custom style:
 
-```html
+``` vue
 <vue-scroll-indicator
     height="7px"
     color="#11998e"

dist/index.js

@@ -126,6 +126,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
     });
     exports.default = {
         name: 'vue-scroll-indicator',
+
         props: {
             height: {
                 type: String,
@@ -143,8 +144,13 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 required: false
             }
         },
-        mounted: function mounted() {
-            //
+
+        data: function data() {
+            return {
+                scrolled: '',
+                docHeight: '',
+                width: ''
+            };
         },
         created: function created() {
             window.addEventListener('load', this.scrollHandler);
@@ -154,13 +160,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             window.removeEventListener('load', this.scrollHandler);
             window.removeEventListener('scroll', this.scrollHandler);
         },
-        data: function data() {
-            return {
-                scrolled: '',
-                docHeight: '',
-                width: ''
-            };
-        },
+
 
         methods: {
             scrollHandler: function scrollHandler() {

docs/build/app.js

@@ -11154,6 +11154,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
     });
     exports.default = {
         name: 'vue-scroll-indicator',
+
         props: {
             height: {
                 type: String,
@@ -11171,8 +11172,13 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 required: false
             }
         },
-        mounted: function mounted() {
-            //
+
+        data: function data() {
+            return {
+                scrolled: '',
+                docHeight: '',
+                width: ''
+            };
         },
         created: function created() {
             window.addEventListener('load', this.scrollHandler);
@@ -11182,13 +11188,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             window.removeEventListener('load', this.scrollHandler);
             window.removeEventListener('scroll', this.scrollHandler);
         },
-        data: function data() {
-            return {
-                scrolled: '',
-                docHeight: '',
-                width: ''
-            };
-        },
+
 
         methods: {
             scrollHandler: function scrollHandler() {

src/components/VueScrollIndicator.vue

@@ -22,6 +22,7 @@
 <script>
 export default {
     name: 'vue-scroll-indicator',
+
     props: {
         height: {
             type: String,
@@ -39,24 +40,25 @@ export default {
             required: false,
         },
     },
-    mounted() {
-        //
+
+    data() {
+        return {
+            scrolled: '',
+            docHeight: '',
+            width: '',
+        };
     },
+
     created() {
         window.addEventListener('load', this.scrollHandler);
         window.addEventListener('scroll', this.scrollHandler);
     },
+
     destroyed() {
         window.removeEventListener('load', this.scrollHandler);
         window.removeEventListener('scroll', this.scrollHandler);
     },
-    data() {
-        return {
-            scrolled: '',
-            docHeight: '',
-            width: '',
-        };
-    },
+
     methods: {
         scrollHandler() {
             this.scrolled = document.body.scrollTop || document.documentElement.scrollTop;