src/pages/404.page.vue


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<script setup lang="ts">

</script>

<template>
    <div class="e404-wrapper">
        <n-result
            status="404"
            title="404 Not Found"
            description="Sorry, this page does not seem to extist"
        >
            <template #footer>
                <router-link to="/" #="{ navigate, href }" custom>
                    <n-button
                        tag="a"
                        :href="href"
                        secondary
                        @click="navigate"
                        type="success"
                    >Back home</n-button>
                </router-link>
            </template>
        </n-result>
    </div>
</template>


<style scoped>
.e404-wrapper {
    padding-top: 150px;
}
</style>