| 1 | <template> |
| 2 | <div class="page page-wrapped flex items-center justify-center"> |
| 3 | <n-result status="404" title="404 Not Found" size="huge"> |
| 4 | <div class="flex justify-center"> |
| 5 | <n-button @click="redirect()">Go to home</n-button> |
| 6 | </div> |
| 7 | </n-result> |
| 8 | </div> |
| 9 | </template> |
| 10 | |
| 11 | <script lang="ts" setup> |
| 12 | import { NButton, NResult } from "naive-ui" |
| 13 | import { useRouter } from "vue-router" |
| 14 | |
| 15 | const router = useRouter() |
| 16 | |
| 17 | function redirect() { |
| 18 | router.push({ path: "/" }) |
| 19 | } |
| 20 | </script> |
| 21 | |
| 22 | <style lang="scss" scoped> |
| 23 | .page { |
| 24 | font-size: 300px; |
| 25 | } |
| 26 | </style> |