NotFound.vue 502 B

1234567891011121314151617181920212223
  1. <template>
  2. <div class="theme">
  3. <h1>404</h1>
  4. <blockquote>{{ getMsg() }}</blockquote>
  5. <a :href="site.base" aria-label="go to home">Take me home.</a>
  6. </div>
  7. </template>
  8. <script setup lang="ts">
  9. import { useData } from 'vitepress'
  10. const { site } = useData()
  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. function getMsg() {
  18. return msgs[Math.floor(Math.random() * msgs.length)]
  19. }
  20. </script>