<script lang="ts" setup>
|
import { NButton } from 'naive-ui'
|
import { useRouter } from 'vue-router'
|
|
const router = useRouter()
|
|
function goHome() {
|
router.push('/')
|
}
|
</script>
|
|
<template>
|
<div class="flex h-full">
|
<div class="px-4 m-auto space-y-4 text-center max-[400px]">
|
<h1 class="text-4xl text-slate-800 dark:text-neutral-200">
|
Sorry, page not found!
|
</h1>
|
<p class="text-base text-slate-500 dark:text-neutral-400">
|
Sorry, we couldn’t find the page you’re looking for. Perhaps you’ve mistyped the URL? Be sure to check your spelling.
|
</p>
|
<div class="flex items-center justify-center text-center">
|
<div class="w-[300px]">
|
<img src="../../../icons/404.svg" alt="404">
|
</div>
|
</div>
|
<NButton type="primary" @click="goHome">
|
Go to Home
|
</NButton>
|
</div>
|
</div>
|
</template>
|
