Updated Home to using store.

frontend/src/views/Home.vue

@@ -30,7 +30,7 @@
       <b-col>
         <b-form-group label="Tutor(s)">
           <p v-if="site == null">Select a site first.</p>
-        <v-icon name="spinner" spin v-if="loadingTutors"/>
+          <v-icon name="spinner" spin v-if="loadingTutors" />
           <b-form-checkbox-group :value="tutors" @input="setTutors" :options="tutorOptions"></b-form-checkbox-group>
         </b-form-group>
       </b-col>
@@ -44,28 +44,28 @@
 </template>
 
 <script>
-import Vue from 'vue'
-import 'vue-awesome/icons/spinner';
-import { mapState, mapMutations } from 'vuex'
+import Vue from "vue";
+import "vue-awesome/icons/spinner";
+import { mapState, mapMutations } from "vuex";
 export default {
   name: "home",
-  data () {
+  data() {
     return {
       siteOptions: [],
       tutorOptions: [],
       loadingTutors: false
-    }
+    };
   },
-  mounted () {
-    Vue.axios.get("/api/site/all").then((response) => {
+  mounted() {
+    Vue.axios.get("/api/site/all").then(response => {
       this.siteOptions = response.data;
-    })
+    });
   },
   computed: {
     ...mapState(["site", "description", "type", "tutors"])
   },
   watch: {
-    site: function () {
+    site: function() {
       this.loadingTutors = true;
       this.tutorOptions = [];
       this.tutors = [];
@@ -74,12 +74,12 @@ export default {
   },
   methods: {
     ...mapMutations(["setSite", "setDescription", "setType", "setTutors"]),
-    getTutors: function () {
-      if(this.site != null){
-        Vue.axios.get("/api/tutor/site/" + this.site).then((response) => {
+    getTutors: function() {
+      if (this.site != null) {
+        Vue.axios.get("/api/tutor/site/" + this.site).then(response => {
           this.tutorOptions = response.data;
           this.loadingTutors = false;
-        })
+        });
       }
     }
   }