it-tools/src/pages/404.page.vue

<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>