diff --git a/frontend/src/components/StatsView.vue b/frontend/src/components/StatsView.vue
index ebf7634..ccdc6ea 100644
--- a/frontend/src/components/StatsView.vue
+++ b/frontend/src/components/StatsView.vue
@@ -9,4 +9,4 @@ export default {
     this.renderChart(this.chartData, this.options);
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 7aa78b5..2a9293c 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -10,7 +10,7 @@ import "bootstrap-vue/dist/bootstrap-vue.css";
 import datePicker from "vue-bootstrap-datetimepicker";
 import "pc-bootstrap4-datetimepicker/build/css/bootstrap-datetimepicker.css";
 import Icon from "vue-awesome/components/Icon";
-import titleMixin from './mixins/titleMixin';
+import titleMixin from "./mixins/titleMixin";
 
 Vue.config.productionTip = false;
 axios.defaults.baseURL = "/api";
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 77467cb..8779293 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -27,7 +27,7 @@
 import "vue-awesome/icons/file-alt";
 import "vue-awesome/icons/th-list";
 import "vue-awesome/icons/chart-line";
-import "vue-awesome/icons/user-check"
+import "vue-awesome/icons/user-check";
 export default {
   name: "Home",
   title: "Observations Database"
diff --git a/frontend/src/views/Observation.vue b/frontend/src/views/Observation.vue
index 9267e66..994d222 100644
--- a/frontend/src/views/Observation.vue
+++ b/frontend/src/views/Observation.vue
@@ -68,7 +68,7 @@
                 <b-col>
                     <b-list-group>
                         <b-list-group-item v-if="persons === [] || persons == null">Enter your name(s)!</b-list-group-item>
-                        <b-list-group-item v-for="(item, index) in persons">{{ item }}&nbsp;<a v-on:click="deletePerson(index)"><v-icon name="times-circle"/></a></b-list-group-item>
+                        <b-list-group-item v-bind:key="index" v-for="(item, index) in persons">{{ item }}&nbsp;<a v-on:click="deletePerson(index)"><v-icon name="times-circle"/></a></b-list-group-item>
                     </b-list-group>
                 </b-col>
             </b-row>
@@ -162,7 +162,7 @@
 import "bootstrap/dist/css/bootstrap.css";
 import "bootstrap-vue/dist/bootstrap-vue.css";
 import "vue-awesome/icons/tag";
-import "vue-awesome/icons/times-circle"
+import "vue-awesome/icons/times-circle";
 import { mapState } from "vuex";
 import Vue from "vue";
 
@@ -330,7 +330,7 @@ export default {
     },
     deletePerson: function(index) {
       this.persons.splice(index, 1);
-    },
+    }
   }
 };
 </script>
diff --git a/frontend/src/views/StartNew.vue b/frontend/src/views/StartNew.vue
index 5ed99b9..54a1378 100644
--- a/frontend/src/views/StartNew.vue
+++ b/frontend/src/views/StartNew.vue
@@ -114,7 +114,7 @@ export default {
         this.errorMessage = error.response.data;
         this.$refs.errorModal.show();
       });
-    if(this.site != null){
+    if (this.site != null) {
       this.getTutors();
     }
   },
diff --git a/frontend/src/views/ViewObservations.vue b/frontend/src/views/ViewObservations.vue
index fa819a4..f1330e8 100644
--- a/frontend/src/views/ViewObservations.vue
+++ b/frontend/src/views/ViewObservations.vue
@@ -59,7 +59,7 @@
                         <p slot="title">{{ observation.date }}<br/>{{ observation.whom }} {{ observation.type }}<br/>{{ observation.observed }}</p>
                         <h2>{{ observation.date }}, {{ observation.whom }}<br/>{{ observation.type }}, {{ observation.observed }}</h2>
                         <b-row align-h="center">
-                            <h4><span v-for="(person, index) in observation.persons"><i>{{ person.name }}<span v-if="index+1 < observation.persons.length">,&nbsp;</span></i></span></h4>
+                            <h4><span v-bind:key="index" v-for="(person, index) in observation.persons"><i>{{ person.name }}<span v-if="index+1 < observation.persons.length">,&nbsp;</span></i></span></h4>
                         </b-row>
                         <br />
                         <b-row class="mb-2">
@@ -124,10 +124,10 @@
 </template>
 
 <script>
-  import Vue from "vue";
-  import "vue-awesome/icons/search";
+import Vue from "vue";
+import "vue-awesome/icons/search";
 
-  var moment = require("moment");
+var moment = require("moment");
 export default {
   name: "viewobservations",
   title: "Observations History",
@@ -212,11 +212,11 @@ export default {
           person: this.person
         })
         .then(response => {
-          let blob = new Blob([response.data], {type: 'text/csv'});
+          let blob = new Blob([response.data], { type: "text/csv" });
           let url = URL.createObjectURL(blob);
-          let link = document.createElement('a');
+          let link = document.createElement("a");
           link.href = url;
-          link.setAttribute('download', 'dump.csv');
+          link.setAttribute("download", "dump.csv");
           document.body.appendChild(link);
           link.click();
         })
diff --git a/frontend/vue.config.js b/frontend/vue.config.js
index 7fbc0a4..4e6c507 100644
--- a/frontend/vue.config.js
+++ b/frontend/vue.config.js
@@ -1,12 +1,12 @@
 // vue.config.js
 module.exports = {
-    outputDir: 'target/dist',
-    configureWebpack:{
-        optimization: {
-            splitChunks: {
-                minSize: 10000,
-                maxSize: 250000
-            }
-        }
+  outputDir: "target/dist",
+  configureWebpack: {
+    optimization: {
+      splitChunks: {
+        minSize: 10000,
+        maxSize: 250000
+      }
     }
+  }
 };