- Added loader for spells list

client/src/main.js

@@ -3,38 +3,36 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 import App from './app.vue'
 
+import Globals from './global-components.js'
+Globals.forEach(component => {
+    Vue.component(component.name, component)
+});
+
 // Auth
 require('dotenv').config()
 
-// Router
-import routes from './routes'
-Vue.use(VueRouter)
-
 // Jquery
 import jquery from 'jquery'
 window.$ = jquery
 window.jquery = jquery
 
-// Global styles
+// Styles
 import './assets/scss/_global.scss'
-
-// Bootstrap
 import 'bootstrap/dist/css/bootstrap.css'
 import 'bootstrap-vue/dist/bootstrap-vue.css'
 import 'bootstrap/dist/js/bootstrap.js'
+
+// Plugins
 import { BootstrapVue } from 'bootstrap-vue'
 Vue.use(BootstrapVue)
 
-// Masonry
 import { VueMasonryPlugin } from 'vue-masonry';
 Vue.use(VueMasonryPlugin)
 
-// Clipboard plugin
 import clipboard from 'v-clipboard'
 Vue.use(clipboard)
 
-Vue.config.productionTip = false
-
+// FUNCTIONS
 var filter = function(text, length, clamp){
     clamp = clamp || '...';
     var node = document.createElement('div');
@@ -44,6 +42,9 @@ var filter = function(text, length, clamp){
 };
 Vue.filter('truncate', filter);
 
+// Router
+import routes from './routes'
+Vue.use(VueRouter)
 const router = new VueRouter({
     mode: 'history',
     routes,
@@ -51,9 +52,9 @@ const router = new VueRouter({
     linkExactActiveClass: "active",
 });
 
+// Mount Vue
 const app = new Vue({
     render: h => h(App),
     router
 })
-
 app.$mount('#srs')