Fix snackbar display

Author: Aidyn Makhataev

public/js/survey-manager.js

@@ -19,10 +19,10 @@
                                     bottom
                                     right
                                     multi-line
-                                    v-model="snackbar"
+                                    v-model="$root.snackbar"
                             >
-                                {{ snackbarMsg }}
-                                <v-btn flat color="blue" @click.native="snackbar = false">Close</v-btn>
+                                {{ $root.snackbarMsg }}
+                                <v-btn flat color="blue" @click.native="$root.snackbar = false">Close</v-btn>
                             </v-snackbar>
                         </v-card-text>
                     </v-card>
@@ -32,17 +32,6 @@
     </v-app>
 </template>
 
-<script>
-    export default {
-        data () {
-            return {
-                snackbar: false,
-                snackbarMsg: ''
-            }
-        },
-    }
-</script>
-
 <style>
     .card--flex-toolbar {
         margin-top: -64px;

resources/assets/js/App.vue

@@ -12,5 +12,11 @@ Vue.use(Vuetify)
 
 new Vue({
     router,
+    data () {
+        return {
+            snackbar: false,
+            snackbarMsg: ''
+        }
+    },
     render: h => h(App)
 }).$mount('#survey-manager')