big push

attendancetracker/src/main.js

@@ -1,14 +1,15 @@
 import Vue from 'vue'
 import App from './App.vue'
-import Buefy from 'buefy'
+
 import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
+import 'bootstrap/dist/css/bootstrap.css'
+import 'bootstrap-vue/dist/bootstrap-vue.css'
 
 // Install BootstrapVue
 Vue.use(BootstrapVue)
 // Optionally install the BootstrapVue icon components plugin
 Vue.use(IconsPlugin)
 
-Vue.use(Buefy)
 Vue.config.productionTip = false
 
 import VueRouter from 'vue-router';
@@ -17,12 +18,22 @@ Vue.use(VueRouter);
 import VueAxios from 'vue-axios';
 import axios from 'axios';
 
+import VueGoogleCharts from 'vue-google-charts'
+
+
 Vue.use(VueAxios, axios);
 Vue.config.productionTip = false;
 
+Vue.use(VueGoogleCharts)
+
 import Login from './components/Login.vue';
 import Calendar from './components/Calendar.vue';
 import Register from './components/Register.vue';
+import Attendance from './components/Attendance.vue';
+import Insights from './components/Insights.vue';
+import Attendees from './components/Attendees.vue';
+
+
 const routes = [
   {
       name: 'login',
@@ -38,7 +49,22 @@ const routes = [
     name: 'Register',
     path: '/register',
     component: Register
-  }
+  },
+  {
+    name: 'attendance',
+    path: '/attendance/:id',
+    component: Attendance
+  },
+  {
+    name: 'Insights',
+    path: '/insights/:method',
+    component: Insights
+  },
+  {
+    name: 'Attendees',
+    path: '/attendees',
+    component: Attendees
+  },
 ];
 
 const router = new VueRouter({ mode: 'history', routes: routes});