style: applied PR reviews

components/LoginForm.vue

@@ -75,7 +75,7 @@ export default {
         } else if (error.response.status === 400) {
           errorMessage = 'Bad Request. Try Again';
         }
-        this.$snackbar(errorMessage, 'red');
+        this.$snackbar(errorMessage, 'error');
       }
     }
   }

components/Snackbar.vue

@@ -1,11 +1,12 @@
 <template>
-  <v-snackbar v-model="model" :color="color" bottom left>
+  <v-snackbar app v-model="model" :color="color" bottom left>
     {{ message }}
   </v-snackbar>
 </template>
 
 <script lang="ts">
 import Vue from 'vue';
+
 export default Vue.extend({
   data() {
     return {

layouts/default.vue

@@ -72,7 +72,7 @@
         <nuxt />
       </v-container>
     </v-main>
-    <Snackbar></Snackbar>
+    <snackbar />
   </v-app>
 </template>
 

layouts/fullpage.vue

@@ -3,12 +3,13 @@
     <v-main>
       <nuxt />
     </v-main>
-    <Snackbar></Snackbar>
+    <snackbar />
   </v-app>
 </template>
 
 <script lang="ts">
 import Snackbar from '../components/Snackbar.vue';
+
 export default {
   components: { Snackbar }
 };