404.vue 514 B

1234567891011121314151617181920212223242526
  1. <template>
  2. <div class="theme-container">
  3. <div class="theme-default-content">
  4. <h1>404</h1>
  5. <blockquote>{{ getMsg() }}</blockquote>
  6. <router-link to="/">Take me home.</router-link>
  7. </div>
  8. </div>
  9. </template>
  10. <script>
  11. const msgs = [
  12. `There's nothing here.`,
  13. `How did we get here?`,
  14. `That's a Four-Oh-Four.`,
  15. `Looks like we've got some broken links.`
  16. ]
  17. export default {
  18. methods: {
  19. getMsg () {
  20. return msgs[Math.floor(Math.random() * msgs.length)]
  21. }
  22. }
  23. }
  24. </script>