<template>
    <a-result
        status="404"
        title="404"
        sub-title="很抱歉，您访问的页面不存在。">
        <template #extra>
            <a-button
                type="primary"
                @click="handleBack"
                >返回</a-button
            >
        </template>
    </a-result>
</template>

<script setup>
import { useRouter } from 'vue-router'

defineOptions({
    name: '404',
})

const router = useRouter()

const handleBack = () => {
    router.back()
}
</script>

<style lang="less" scoped></style>
