Add notifications

frontend/layouts/default.vue

@@ -6,6 +6,9 @@
                 <v-row no-gutters justify="center">
                     <nuxt />
                 </v-row>
+                <v-snackbar v-model="toast" :color="color">{{
+                    msg
+                }}</v-snackbar>
             </v-container>
         </v-content>
     </v-app>
@@ -16,6 +19,18 @@ import Navbar from '@/components/Navbar'
 
 export default {
     components: { Navbar },
+    data: () => ({
+        toast: false,
+        color: '',
+        msg: '',
+    }),
+    mounted() {
+        this.$root.$on('toast', (msg, color) => {
+            this.msg = msg
+            this.color = color ?? ''
+            this.toast = true
+        })
+    },
 }
 </script>