mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-04-21 15:26:15 -04:00
feat(page): added 404 page
This commit is contained in:
parent
655019cf23
commit
3db4f91c27
3 changed files with 36 additions and 0 deletions
32
src/pages/404.page.vue
Normal file
32
src/pages/404.page.vue
Normal file
|
@ -0,0 +1,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>
|
Loading…
Add table
Add a link
Reference in a new issue