ayanova/src/views/notfound.vue

@@ -5,7 +5,7 @@
         <div class="text-center">
           <v-icon color="red" size="100">fa-dragon</v-icon>
           <div class="headline">
-            {{ "404 - " + window.$gz.locale.get("ErrorAPI2010") }}
+            {{ msg }}
           </div>
         </div>
       </v-col>
@@ -14,14 +14,28 @@
 </template>
 
 <script>
+var badPath = "UNKNOWN";
 export default {
+  data() {
+    return {
+      msg: "404 - NOT FOUND"
+    };
+  },
   beforeCreate() {
-    debugger;
-    window.$gz.eventBus.$emit("menu-change", {
-      isMain: true,
-      icon: "fa-dragon",
-      title: "404 - " + window.$gz.locale.get("ErrorAPI2010")
-    });
+    //If this happens too early then it might not have all the setup stuf available
+    if (!window || !window.$gz || !window.$gz.eventBus || !window.$gz.locale) {
+      this.msg = '404 - "' + badPath + '" NOT FOUND';
+    } else {
+      window.$gz.eventBus.$emit("menu-change", {
+        isMain: true,
+        icon: "fa-dragon",
+        title: '404 - "' + badPath + '"' + window.$gz.locale.get("ErrorAPI2010")
+      });
+    }
+  },
+  beforeRouteEnter(to, from, next) {
+    badPath = to.path;
+    next();
   }
 };
 </script>