<script setup lang="ts">
import { Result, Button } from 'ant-design-vue'
</script>

<template>
    <main class="not-found-page">
        <Result status="404" title="404" sub-title="Sorry, the page you visited does not exist.">
            <template #extra>
                <RouterLink to="/">
                    <Button type="primary">Back Home</Button>
                </RouterLink>
            </template>
        </Result>
    </main>
</template>

<style scoped>
.not-found-page {
    min-height: 60vh;
    display: grid;
    place-items: center;
}
</style>
