NotFound.vue 480 B

1234567891011121314151617181920212223242526
  1. <template>
  2. <div class="theme">
  3. <h1>404</h1>
  4. <blockquote>{{ getMsg() }}</blockquote>
  5. <a :href="$site.base" aria-label="go to home">
  6. Take me home.
  7. </a>
  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. setup: () => ({
  19. getMsg() {
  20. return msgs[Math.floor(Math.random() * msgs.length)]
  21. }
  22. })
  23. }
  24. </script>