text: // Import the dependencies and necessary modules
  import Vue from 'vue';
  import App from './App.vue';
  import FusionCharts from 'fusioncharts';
  import Charts from 'fusioncharts/fusioncharts.charts';
  import Widgets from 'fusioncharts/fusioncharts.widgets';
  import PowerCharts from 'fusioncharts/fusioncharts.powercharts';
  import FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion';
  import VueFusionCharts from 'vue-fusioncharts';
  
  // Resolve the dependencies
  Charts(FusionCharts);
  PowerCharts(FusionCharts);
  Widgets(FusionCharts);
  FusionTheme(FusionCharts);
  
  // Globally register the components for project-wide use
  Vue.use(VueFusionCharts, FusionCharts);
  
  Vue.component('events', {
      template: '#events-template',
  
      data () {
          return {
              list: [],
              timer: ''
          }
      },
      created () {
          this.fetchEventsList();
          this.timer = setInterval(this.fetchEventsList, 300000)
      },
      methods: {
          fetchEventsList () {
              this.$http.get('events', (events) => {
                  this.list = events;
              }).bind(this);
          },
          cancelAutoUpdate () { clearInterval(this.timer) }
  
      },
      beforeDestroy () {
        clearInterval(this.timer)
      }
  });
  
  
  // Instantiate the Vue instance that controls the application
  new Vue({
   el: '#app',
   render: h => h(App)
  })