404

vuejs · Apr 11, 2018 · 478ea33 · 478ea33
1 parent 58fc1f6
commit 478ea33
Showing 1 changed file with 21 additions and 2 deletions.
diff --git a/lib/default-theme/NotFound.vue b/lib/default-theme/NotFound.vue
@@ -1,6 +1,25 @@
 <template>
   <div class="theme-container">
-    <h1>404</h1>
-    <blockquote>There's nothing here.</blockquote>
+    <div class="content">
+      <h1>404</h1>
+      <blockquote>{{ getMsg() }}</blockquote>
+    </div>
   </div>
 </template>
+
+<script>
+const msgs = [
+  `There's nothing here.`,
+  `How did we get here?`,
+  `That's a Four-Oh-Four.`,
+  `Looks like we've got some broken links.`
+]
+
+export default {
+  methods: {
+    getMsg () {
+      return msgs[Math.floor(Math.random() * msgs.length)]
+    }
+  }
+}
+</script>