update code.

Author: HELMAB

index.js

@@ -1,23 +1,16 @@
-import indexVue from './index.vue';
+import indexVue from './index'
 
 function plugin( Vue, options ){
-	
-	var myPluginVue = Vue.extend( indexVue );
+	var myPluginVue = Vue.extend( indexVue )
 	var vm = new myPluginVue({
 		data: {
 			isLoading: false
 		}
-	}).$mount();
-	// document.getElementById( 'app' ).appendChild( vm.$el );
-	document.body.appendChild(vm.$el);
-
+	}).$mount()
+	document.body.appendChild(vm.$el)
 	Vue.prototype.$isLoading = function( isLoading ){
-        vm.changeStatus( isLoading );
+        vm.changeStatus( isLoading )
 	}
-
-	// Vue.prototype.$isLoading = function(){
-	// 	vm.changeStatus( isLoading );	
-	// }
 }
 
-export default plugin;
+export default plugin

index.vue

@@ -7,15 +7,35 @@
 
 <script>
 	export default {
-		data : function(){
+		data () {
 			return {
 				isLoading: false
 			}
 		},
 		methods : {
-			changeStatus: function( isLoading ){
-				this.isLoading = isLoading;
+			changeStatus ( isLoading ){
+				this.isLoading = isLoading
 			}
 		}
 	}
-</script>
+</script>
+
+<style scoped>
+  .loading{
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    height: 100%;
+    z-index: 99999 !important;
+    width: 100%;
+    background-color: rgba(0, 0, 0, 0.6);
+  }
+  .loading i {
+    position: absolute;
+    opacity: 1;
+    left: 48vw;
+    top: 48vh;
+  }
+</style>