aboutsummaryrefslogtreecommitdiff
path: root/src/pages/404.page.vue
blob: b8cba46ceda91ed59f91f5ea346ac1875a75e04d (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script setup lang="ts">
import { useHead } from '@vueuse/head';

useHead({ title: 'Page not found - IT Tools' });
</script>

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

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